/* Shared page refresh: compact controls, coherent cards, and responsive collections. */
.hosting-revamp{display:block;min-height:100dvh;}
.hosting-revamp .menu{width:min(880px,100%);max-width:880px;margin:auto;padding:76px 24px 40px;box-sizing:border-box;}
.hosting-revamp .screen-title{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:12px 0;}
.hosting-revamp .play-style-summary{margin:16px 0 28px;font-size:12px;}
.hosting-revamp .settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;}
.hosting-revamp .setting{width:100%;min-width:0;box-sizing:border-box;padding:20px;gap:12px;margin:0;border:1px solid var(--yap-raised, #383d57);border-radius:16px;}
.hosting-revamp .setting-name{font-size:14px;}
.hosting-revamp .setting-description{font-size:12px;line-height:1.5;}
.hosting-revamp .setting-controls{gap:10px;}
.hosting-revamp .setting-value{font-size:26px;}
.hosting-revamp #categoryFilter,.hosting-revamp .custom-pack-host-setting{grid-column:1/-1;width:100%;box-sizing:border-box;}
.hosting-revamp #createGameButton{width:100%;margin-top:24px;}
.collection-toolbar{display:flex;gap:12px;margin:16px 0;}
.collection-toolbar input,.collection-toolbar select{width:100%;min-height:44px;padding:12px 14px;box-sizing:border-box;border:1px solid var(--yap-border, #4b516d);border-radius:12px;background:var(--yap-surface, #1d2135);color:#fff;font:inherit;font-size:14px;}
.collection-toolbar input:focus,.collection-toolbar select:focus{outline:2px solid #8a70ff;outline-offset:2px;}
.collection-tabs{display:flex;gap:8px;margin:16px 0;padding:5px;background:var(--yap-surface, #1b1f32);border-radius:12px;}
.collection-tabs button{flex:1;padding:11px 16px;border:0;border-radius:9px;background:transparent;color:var(--yap-muted, #b8c3db);font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.collection-tabs button[aria-pressed=true]{background:var(--yap-raised, #393153);color:#fff;box-shadow:inset 0 0 0 1px #8062ed;}
.collection-empty{color:var(--yap-muted, #9faec9);text-align:center;padding:24px;}
.profile-redesign .profile-section{padding:24px;border:1px solid var(--yap-border, #3e435d);background:var(--yap-raised, #23273d);border-radius:18px;}
.profile-redesign .profile-stats{gap:16px;}
.profile-redesign .profile-stat-column{gap:14px;}
.profile-redesign .profile-stat-group{border:1px solid var(--yap-border, #454a64);border-radius:14px;background:var(--yap-raised, #292e45);overflow:hidden;}
.profile-redesign .profile-stat-group summary{padding:16px 34px 16px 16px;}
.profile-redesign .profile-stat-row{padding:12px 0;border-bottom:1px solid var(--yap-border, #3b415a);align-items:center;}
.profile-redesign .profile-stat-row:last-child{border-bottom:0;}
.profile-redesign .profile-stat-row strong{font-size:17px;color:#66dfbd;white-space:nowrap;}
.profile-redesign .profile-stats.stats-focused{grid-template-columns:1fr;}
.profile-redesign .profile-stats.stats-focused .profile-stat-column{display:contents;}
.profile-redesign .profile-stat-column[hidden],.profile-redesign .profile-stat-group[hidden]{display:none!important;}
.profile-redesign .profile-avatars{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;max-height:340px;padding:4px;}
.profile-redesign .profile-avatar-choice{width:64px;height:64px;border-radius:16px;background:var(--yap-surface, #1d2237);}
.profile-redesign .profile-avatar-choice img{width:40px;height:40px;}
.profile-redesign .profile-avatar-choice.selected{border-color:#38d4a4;box-shadow:0 0 0 2px #38d4a42b;}
.profile-redesign .profile-title-grid,.profile-redesign .store-titles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.profile-redesign .profile-title-choice,.profile-redesign .store-title-card{padding:20px;border-radius:14px;background:var(--yap-raised, #292e45);min-height:100px;}
.profile-redesign .profile-title-choice.selected{border-color:#38d4a4;background:#233d3b;}
.profile-redesign .store-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.profile-redesign #storeCoins{padding:9px 13px;background:#453e25;color:#ffe084;border-radius:10px;font-size:13px;}
.profile-redesign .store-collection[hidden],.profile-redesign .profile-title-choice[hidden],.profile-redesign .profile-avatar-choice[hidden],.profile-redesign .store-title-card[hidden]{display:none!important;}
.profile-redesign .store-title-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;}
.profile-redesign .store-title-card button{min-height:40px;border-radius:10px;}
.profile-redesign .store-title-card .player-title{text-align:center;margin:auto 0;}
.custom-packs-page .pack-layout{grid-template-columns:220px minmax(0,1fr);border:1px solid var(--yap-border, #3f455f);background:var(--yap-surface, #202438);border-radius:18px;padding:20px;gap:24px;}
.custom-packs-page .pack-layout aside{padding-right:20px;border-right:1px solid var(--yap-border, #3f455f);}
.custom-packs-page #packCategories{display:grid;gap:8px;margin:16px 0;}
.custom-packs-page #packCategories button{text-align:left;padding:14px;border-radius:10px;}
.custom-packs-page #packCategories button[aria-pressed=true]{background:var(--yap-raised, #393153);border-color:#8a70ff;}
.custom-packs-page #categoryName{font-size:18px;font-weight:700;}
.custom-packs-page #packQuestions{display:grid;gap:9px;}
.custom-packs-page #packQuestions button{padding:16px;border-radius:12px;background:var(--yap-raised, #292e45);}
.custom-packs-page .pack-publication[hidden],.custom-packs-page .pack-question-panel[hidden]{display:none;}
.custom-packs-page #packEditor>.pack-toolbar{position:sticky;top:8px;z-index:2;border:1px solid var(--yap-border, #41465e);box-shadow:0 8px 24px #11142160;}
.lobby-screen .room-code{font-size:clamp(48px,9vw,90px);letter-spacing:.12em;margin:8px 0 12px;}
.room-copy-button{padding:9px 16px;border:1px solid var(--yap-border, #50566f);border-radius:10px;background:var(--yap-raised, #292e45);color:var(--yap-muted, #c2cde4);font:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.lobby-screen .lobby-game-summary{border:1px solid var(--yap-border, #41475f);border-radius:16px;background:var(--yap-raised, #23283e);padding:20px;}
.lobby-screen .players-area,.lobby-screen .players-area h2{margin-top:24px;}
.lobby-screen .player-card{border-radius:16px;}
.game-layout.finished-layout .answer-player-card{padding:14px 16px;min-height:76px;border-radius:14px;background:var(--yap-raised, #292e45);}
.game-layout.finished-layout .answer-player-card.winner{border-color:#8d70ff;background:var(--yap-raised, #363052);}
.game-layout.finished-layout .answer-player-name{font-size:16px;}
.game-layout.finished-layout .answer-player-score{font-size:13px;color:var(--yap-muted, #b9c6df);}
.results-progression{width:min(520px,100%);box-sizing:border-box;margin:20px auto;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid var(--yap-border, #4b526e);border-radius:14px;background:var(--yap-raised, #242a40);text-align:left;}
.results-progression strong{font-size:13px;color:#ffe084;letter-spacing:.08em;}
.results-progression span{font-size:12px;color:var(--yap-muted, #bac7df);}
.results-progression progress{grid-column:1/-1;width:100%;height:10px;accent-color:#35d5a5;}
@media(max-width:650px){.hosting-revamp .settings-panel{grid-template-columns:1fr;}.hosting-revamp .menu{padding:68px 16px 32px;}.hosting-revamp .setting{padding:18px;}.custom-packs-page .pack-layout{grid-template-columns:1fr;padding:16px;}.custom-packs-page .pack-layout aside{border-right:0;border-bottom:1px solid var(--yap-border, #3f455f);padding:0 0 16px;}.custom-packs-page #packCategories{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-redesign .profile-section{padding:16px;}.profile-redesign .profile-title-grid,.profile-redesign .store-titles{grid-template-columns:1fr;}.game-layout.finished-layout .answer-player-card{padding:10px;}.results-progression{padding:16px;}.results-progression span{font-size:11px;}}

.hosting-revamp .number-button{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:22px;}
.hosting-revamp .number-display{min-width:42px;}
.hosting-revamp .number-display>span{font-size:26px;}
.hosting-revamp .number-controls{gap:8px;}

.stats-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;}
.stats-overview>div{display:grid;gap:8px;padding:16px 12px;border:1px solid var(--yap-border, #414962);border-radius:12px;background:var(--yap-surface, #1e2439);}
.stats-overview strong{font-size:24px;color:#66dfbd;}
.stats-overview span{font-size:11px;color:var(--yap-muted, #b8c5dd);}
.profile-redesign .stats-focused .profile-stat-categories{max-height:none;overflow:visible;}

.hosting-revamp .settings-panel{max-width:none;}
.hosting-revamp .number-selector{gap:8px;}
.profile-redesign .store-heading{flex-direction:row;}
.hosting-revamp .setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--yap-primary, #2dd4a0);flex:none;}

.hosting-revamp #categoryFilter,.hosting-revamp #createGameButton{max-width:none;}

.results-progression{grid-column:1/-1;}
.custom-packs-page #packEditor>.pack-toolbar{top:64px;}

.hosting-revamp .custom-pack-host-setting{margin-top:18px;}

.results-xp-track{grid-column:1/-1;height:10px;background:var(--yap-border, #414960);border-radius:99px;overflow:hidden;}
.results-xp-fill{height:100%;width:0;background:linear-gradient(90deg,#2acfa2,#73eccb);border-radius:inherit;}
.results-xp-gain{grid-column:1/-1;color:#70e7be!important;font-weight:800;}
.results-level-up{grid-column:1/-1;color:#ffe084!important;font-weight:800;}
.results-progression.level-up{animation:results-level-up .8s ease-out;}
@keyframes results-level-up{0%,100%{box-shadow:none;}35%{box-shadow:0 0 0 3px #f7d86655,0 0 28px #f7d86655;border-color:#ffe084;transform:scale(1.025);}}
@media(prefers-reduced-motion:reduce){.results-progression.level-up{animation:none;}}


/* Store catalogue: wide product rows with a distinct preview and checkout. */
.profile-redesign #titleStoreSection{background:var(--yap-surface, #202338);}
.profile-redesign #titleStoreSection .store-heading{padding-bottom:20px;border-bottom:1px solid var(--yap-border, #41465f);margin-bottom:20px;}
.profile-redesign #titleStoreSection .store-heading h2{font-size:24px;letter-spacing:.03em;}
.profile-redesign #storeCoins{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #685d38;background:#302e2d;border-radius:14px;font-size:18px;color:#ffe084;}
.profile-redesign #storeCoins::before{content:'';display:block;flex-shrink:0;width:30px;height:30px;background:url('/images/coin.svg?v=1') center/contain no-repeat;}
.profile-redesign #titleStoreSection .collection-tabs{gap:6px;display:inline-flex;background:var(--yap-surface, #181b2c);border-radius:12px;padding:5px;margin-bottom:20px;}
.profile-redesign #titleStoreSection .collection-tabs button{border:0;background:transparent;border-radius:8px;padding:10px 24px;color:var(--yap-muted, #b9c4dc);}
.profile-redesign #titleStoreSection .collection-tabs button[aria-pressed=true]{background:var(--yap-border, #4d3ca0);color:white;}
.profile-redesign :is(#storeTitles,#storeEmojis)>.store-emoji-group{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 12px;}
.profile-redesign :is(#storeTitles,#storeEmojis)>.store-emoji-group>summary{padding:16px 4px;border-bottom:1px solid var(--yap-border, #41465f);border-radius:0;font-size:15px;}
.profile-redesign :is(#storeTitles,#storeEmojis) .store-titles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0 8px;}
.profile-redesign .store-title-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;min-height:132px;overflow:hidden;border:1px solid var(--yap-border, #444b67);border-radius:16px;background:var(--yap-surface, #191e31);transition:border-color .18s,box-shadow .18s;}
.profile-redesign .store-title-card:hover{border-color:var(--yap-muted, #8a78d2);box-shadow:0 6px 18px #10132260;}
.profile-redesign .store-title-preview{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px;background:radial-gradient(ellipse at bottom left,#39355290,transparent 80%);min-width:0;}
.profile-redesign .store-item-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--yap-muted, #9aa6c1);}
.profile-redesign .store-title-preview .player-title{margin:0;text-align:left;font-size:18px;overflow-wrap:anywhere;}
.profile-redesign .store-title-checkout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:20px 16px;border-left:1px solid var(--yap-border, #343b53);min-width:112px;}
.profile-redesign .store-title-price{color:#ffe084;font-size:13px;font-weight:800;text-align:center;white-space:nowrap;padding:0;border:0;background:none;}
.profile-redesign .store-title-card .store-title-buy{width:100%;min-height:38px;padding:8px 16px;font-size:12px;border-radius:9px;}
.profile-redesign .store-title-card.is-owned .store-title-buy{background:#263b37;color:#83d5b8;border:1px solid #41685e;opacity:1;}
.profile-redesign .store-title-card .store-title-manage{min-height:26px;padding:2px 8px;border:0;background:transparent;color:var(--yap-muted, #aeb9d1);font-size:11px;border-radius:6px;}
.profile-redesign .store-title-card .store-title-manage:hover{background:var(--yap-raised, #30364d);color:white;}
.profile-redesign .store-title-admin{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--yap-border, #343b53);background:var(--yap-surface, #22283c);}
.profile-redesign .store-title-admin[hidden]{display:none;}
.profile-redesign .store-title-admin button{min-height:34px;padding:6px 14px;border:1px solid var(--yap-border, #505871);background:transparent;color:var(--yap-muted, #c6d1e8);font-size:11px;}
.profile-redesign .store-title-admin .store-remove{border-color:#7d4c60;color:#ffaec1;}
@media(max-width:760px){.profile-redesign :is(#storeTitles,#storeEmojis) .store-titles{grid-template-columns:1fr;}}
@media(max-width:400px){.profile-redesign .store-title-preview{padding:18px 14px;}.profile-redesign .store-title-preview .player-title{font-size:16px;}.profile-redesign .store-title-checkout{min-width:100px;padding:16px 12px;}.profile-redesign #storeCoins{font-size:14px;padding:10px;}}
@media(prefers-reduced-motion:reduce){.profile-redesign .store-title-card{transition:none;}}

.hosting-revamp .lobby-visibility-setting{grid-column:1/-1;}

.lobby-visibility-buttons{display:inline-flex;gap:4px;padding:4px;background:var(--yap-surface, #191d30);border:1px solid var(--yap-border, #4b5272);border-radius:12px;flex-shrink:0;}
.lobby-visibility-buttons button{min-height:40px;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:var(--yap-muted, #bcc8e2);font:inherit;font-size:13px;font-weight:800;cursor:pointer;}
.lobby-visibility-buttons button[aria-pressed=true]{background:var(--yap-secondary, #7051ed);color:white;box-shadow:0 2px 6px #0003;}
.lobby-visibility-buttons button:hover{color:white;}
.lobby-visibility-buttons button:focus-visible{outline:2px solid #99e9d4;outline-offset:2px;}
.lobby-settings-form .lobby-field-public{grid-column:1/-1;}
.lobby-settings-form .lobby-field-public input[hidden]{display:none;}
@media(max-width:600px){.lobby-visibility-setting{flex-wrap:wrap;gap:14px;}.lobby-visibility-buttons button{padding:8px 16px;}}

.profile-redesign .store-emoji-card .store-emoji-image{width:64px;height:64px;object-fit:contain;margin:0;align-self:flex-start;}
.profile-redesign .store-emoji-admin{flex-wrap:wrap;align-items:center;}
.profile-redesign .store-emoji-admin label{font-size:10px;display:flex;align-items:center;gap:8px;}
.profile-redesign .store-emoji-admin input{width:90px;margin:0;min-height:34px;padding:6px 8px;}
.profile-redesign .store-emoji-admin small{margin-right:auto;color:var(--yap-muted, #aeb9d1);font-size:10px;}

@media(max-width:650px){.hosting-revamp .lobby-visibility-setting{flex-direction:column;align-items:stretch;gap:14px;}.hosting-revamp .lobby-visibility-setting .setting-text{width:100%;}.hosting-revamp .lobby-visibility-setting .lobby-visibility-buttons{width:100%;box-sizing:border-box;}.hosting-revamp .lobby-visibility-setting .lobby-visibility-buttons button{flex:1;min-width:0;}}

.custom-pack-source{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--yap-muted, #9daccc);line-height:1.3;}

.custom-pack-category-heading{grid-column:1/-1;margin:14px 0 4px;padding:12px 2px 4px;border-top:1px solid var(--yap-border, #454963);font-size:13px;font-weight:800;color:#c9baff;text-align:left;}

@media(max-width:650px){.hosting-revamp .tutorial-setting{flex-direction:row;align-items:center;justify-content:space-between;}.hosting-revamp .tutorial-setting .setting-text{flex:1;min-width:0;text-align:left;}.hosting-revamp .tutorial-setting input[type=checkbox]{flex:none;margin:0;}}

@media(max-width:650px){.hosting-revamp .custom-pack-host-setting{flex-direction:row;align-items:center;justify-content:space-between;}.hosting-revamp .custom-pack-host-setting .setting-text{flex:1;min-width:0;text-align:left;}.hosting-revamp .custom-pack-host-setting input[type=checkbox]{flex:none;margin:0;}}

.hosting-revamp .custom-pack-browse,.hosting-revamp .custom-pack-browse:visited{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:11px 20px;border:1px solid #8b72ff;border-radius:10px;background:var(--yap-secondary, #7051ed);color:#fff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:background .15s,box-shadow .15s;}
.hosting-revamp .custom-pack-browse:hover{background:#8465ff;border-color:#a28bff;box-shadow:0 4px 12px #7051ed30;}
.hosting-revamp .custom-pack-browse:focus-visible{outline:2px solid #a3efda;outline-offset:3px;}
.hosting-revamp .setting-text .custom-pack-browse{margin-top:10px;align-self:flex-start;}
@media(prefers-reduced-motion:reduce){.hosting-revamp .custom-pack-browse{transition:none;}}

.category-with-kind{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px}.category-with-kind .category-choice-name{font:inherit;overflow-wrap:anywhere}.category-with-kind .category-kind{font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2;color:var(--yap-muted, #b7bad1);opacity:.8}.category-with-kind.category-selected .category-kind{color:inherit}

.profile-redesign .customise-section{padding:0;overflow:hidden}.customise-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;cursor:pointer;list-style:none}.customise-disclosure>summary::-webkit-details-marker{display:none}.customise-disclosure>summary h2{margin:0;font-size:14px;letter-spacing:1px}.customise-disclosure>summary::after{content:'+';font-size:22px;color:var(--yap-primary,#34d399)}.customise-disclosure[open]>summary::after{content:'\2212'}.customise-disclosure>summary:focus-visible{outline:2px solid var(--yap-primary,#34d399);outline-offset:-4px}.customise-disclosure[open]>summary{border-bottom:1px solid var(--yap-border,#3e435d)}.customise-disclosure-body{padding:18px 22px}@media(max-width:650px){.customise-disclosure>summary{padding:16px}.customise-disclosure-body{padding:16px}}