:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#fefaf3;background:#041024;font-synthesis:none;--qni-navy: #041024;--qni-navy-soft: #0b1a33;--qni-gold: #f3d394;--qni-gold-bright: #e9b949;--qni-gold-deep: #997240;--qni-burgundy: #34131b;--qni-burgundy-bright: #7a2633;--qni-cream: #fefaf3;--qni-cream-deep: #f4e8d2;--qni-white: #ffffff;--qni-text-dark: #111827;--qni-correct: #22c55e;--qni-correct-dark: #15803d;--qni-incorrect: #ef3340;--qni-incorrect-dark: #a1121f;--color-bg: var(--qni-cream);--color-surface: var(--qni-cream-deep);--color-surface-raised: var(--qni-white);--color-text: var(--qni-navy);--color-text-muted: color-mix(in srgb, var(--qni-navy) 64%, var(--qni-cream));--color-text-on-dark: var(--qni-cream);--color-text-muted-on-dark: #b9c0cc;--color-text-on-light: var(--qni-navy);--color-text-muted-on-light: color-mix(in srgb, var(--qni-navy) 64%, var(--qni-cream));--color-border: var(--qni-navy);--color-primary: var(--qni-gold-bright);--color-primary-hover: var(--qni-gold);--color-secondary: var(--qni-navy-soft);--color-danger: var(--qni-incorrect-dark);--color-success: var(--qni-correct-dark);--color-focus: var(--qni-gold-bright);--color-score: var(--qni-gold-deep);--shadow-card: 0 8px 0 color-mix(in srgb, var(--qni-navy) 16%, transparent), 0 18px 42px color-mix(in srgb, var(--qni-navy) 12%, transparent);--shadow-control: 0 4px 0 var(--qni-gold-deep);--radius-card: 18px;--radius-control: 12px;--yellow: var(--qni-gold-bright);--cyan: var(--qni-gold);--green: var(--qni-correct);--red: var(--qni-incorrect);--panel: var(--qni-navy-soft);--line: color-mix(in srgb, var(--qni-gold-deep) 62%, var(--qni-navy))}*{box-sizing:border-box}html{min-width:320px;background:#080a12}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#283158 0,#11162a 30%,#090b14,#07080d)}html.game-viewport-locked,html.game-viewport-locked body,html.game-viewport-locked #root{width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.shell{min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.landing-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 60%);mask-image:linear-gradient(to bottom,#000,transparent 60%)}.landing-card,.panel{width:min(100%,520px);border:1px solid #ffffff1c;border-radius:28px;color:var(--color-text-on-dark);background:linear-gradient(150deg,#161b2cfa,#0e111cfa);box-shadow:0 30px 90px #0009}.landing-card{position:relative;padding:30px 24px 24px;overflow:hidden;text-align:center}.landing-card:after{content:"";position:absolute;width:180px;height:180px;top:-90px;right:-70px;border-radius:50%;background:#6fe4ff13;box-shadow:0 0 80px #6fe4ff30}.brand-mark{width:52px;height:52px;margin:0 auto 18px;display:flex;overflow:hidden;border:4px solid white;border-radius:16px;transform:rotate(-4deg);box-shadow:0 10px 30px #0008}.brand-mark span{flex:1;background:#ff7188}.brand-mark span:nth-child(2){background:#f5f6ff}.brand-mark span:nth-child(3){background:#6fe4ff}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1,h2{font-family:Arial Black,Inter,sans-serif}.landing-card h1{position:relative;z-index:1;margin:0;font-size:clamp(3.1rem,15vw,5.3rem);line-height:.83;letter-spacing:-.065em}.landing-card h1 span{color:var(--yellow);text-shadow:0 7px 0 #a57b00}.tagline{margin:25px auto 26px;max-width:34ch;color:#b9bfd0;font-size:.96rem;line-height:1.55}form{margin:0}label{display:grid;gap:8px;margin-bottom:13px;text-align:left}label>span,.micro-label{color:#b7bed1;font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}input{width:100%;min-height:54px;border:1px solid #3a425a;border-radius:14px;padding:0 16px;color:#fff;background:#090c15;outline:none}input::placeholder{color:#676f84}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #6fe4ff18}.code-input{letter-spacing:.22em;text-transform:uppercase;font-weight:900}.landing-card button,.lobby>button:not(.room-code),.final>button{width:100%;min-height:56px;margin-top:10px;border:0;border-radius:15px;padding:0 18px;background:var(--yellow);color:#19150a;font-weight:900;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;box-shadow:0 7px #b2870d;transition:transform .12s,box-shadow .12s,filter .12s}.landing-card button:hover,.lobby>button:hover,.final>button:hover{filter:brightness(1.05)}.landing-card button:active,.lobby>button:active,.final>button:active{transform:translateY(4px);box-shadow:0 3px #b2870d}button.secondary{background:#252c41;color:#eef0f8;box-shadow:0 6px #151927}button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.65}.form-error{margin:6px 0;color:#ff9aab;font-size:.84rem}.connection-note{margin:16px 0 0;color:#8f96a9;font-size:.78rem}.game-shell{width:100%;height:100vh;height:100dvh;min-height:0;align-items:stretch;overflow:hidden;overscroll-behavior:none;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.game-wrap{position:relative;width:min(100%,760px);height:100%;min-height:0;display:flex;flex-direction:column;margin:0 auto}.panel{width:100%;min-height:calc(100dvh - max(36px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:18px}.game-wrap>.panel{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}.disconnect-banner{margin-bottom:10px;border:1px solid #ffbf7055;border-radius:12px;padding:10px 14px;color:#ffd7a2;background:#4a2d1599;text-align:center;font-size:.82rem}.toast{position:fixed;z-index:10;top:max(12px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 28px),480px);transform:translate(-50%);border:1px solid #ff718877;border-radius:13px;padding:12px 16px;color:#fff;background:#5c1725;box-shadow:0 10px 40px #0009;cursor:pointer}.lobby{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:16px 18px;text-align:center}.lobby-status{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;text-align:left}.lobby-status .eyebrow{margin:0;border:1px solid #6fe4ff38;border-radius:999px;padding:5px 8px;font-size:.56rem;white-space:nowrap}.lobby h2,.results h2,.final h2{margin:0;font-size:clamp(2rem,9vw,3.25rem);line-height:1;letter-spacing:-.04em;text-transform:uppercase}.lobby-status h2{overflow:hidden;font-size:clamp(1.15rem,5.2vw,1.65rem);text-overflow:ellipsis;white-space:nowrap}.lobby-copy{margin:3px 0 0;color:#aeb5c8;font-size:.68rem;line-height:1.25}.room-code{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:0;border:1px dashed #6fe4ff88;border-radius:12px;padding:6px 11px;color:#fff;background:#6fe4ff0b;cursor:pointer}.room-code span{color:var(--cyan);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.room-code strong{font-family:Arial Black,sans-serif;font-size:1.55rem;letter-spacing:.16em;text-indent:.16em}.room-code small{max-width:11ch;color:#828ba1;font-size:.6rem;line-height:1.15;text-align:right}.lobby-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:7px}.lobby-summary{min-width:0;border:1px solid #30384d;border-radius:13px;padding:8px;background:#0b0e18;text-align:left}.lobby-summary h3{margin:0 0 6px;color:var(--cyan);font-size:.59rem;letter-spacing:.12em;text-transform:uppercase}.player-list{display:grid;gap:5px;margin:0}.player-list>div{min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 13px;background:#0b0e18;text-align:left}.player-list em{color:#9da5b8;font-size:.78rem;font-style:normal}.lobby-players .player-list>div{min-height:43px;grid-template-columns:auto minmax(0,1fr);gap:4px 7px;border-radius:9px;padding:5px 7px;background:#090c15}.lobby-players .player-list strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.lobby-players .player-list em{grid-column:2;margin-top:-4px;font-size:.58rem}.presence{width:11px;height:11px;border-radius:50%;background:#53596a;box-shadow:0 0 0 4px #53596a18}.presence.online{background:var(--green);box-shadow:0 0 0 4px #60e59b18,0 0 14px #60e59b66}.empty-player{opacity:.55}.lobby-mode{display:flex;flex-direction:column}.lobby-mode>strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.lobby-mode>span{margin-top:2px;overflow:hidden;color:#939caf;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.match-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:auto;padding-top:7px}.match-facts span{min-width:0;display:grid;gap:1px;border-radius:6px;padding:4px 2px;color:#828ba0;background:#151a29;font-size:.46rem;text-align:center;text-transform:uppercase}.match-facts b{overflow:hidden;color:#f6f7fc;font-size:.68rem;text-overflow:ellipsis}.match-config{min-height:0;display:grid;gap:7px;margin:0;border:1px solid #30384d;border-radius:15px;padding:9px;background:#090c15}.config-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.config-heading>div{display:grid;gap:2px}.config-heading span,.selected-categories>span,.final-categories>span{color:var(--cyan);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.config-heading strong{font-size:.76rem}.config-heading em{color:#858da0;font-size:.6rem;font-style:normal;text-transform:uppercase}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-row button{min-height:30px;border:1px solid #414a62;border-radius:8px;padding:4px;color:#dbe0ec;background:#20263a;font-size:.64rem;font-weight:900;cursor:pointer}.category-picker{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible;padding:0}.category-picker label{min-width:0;min-height:44px;display:flex;align-items:center;gap:8px;margin:0;border:1px solid #343c51;border-radius:10px;padding:5px 8px;background:#141929;cursor:pointer}.category-picker label.selected{border-color:#6fe4ff77;background:#17313b}.category-picker input{width:19px;min-width:19px;height:19px;min-height:0;margin:0;padding:0;accent-color:var(--cyan)}.category-picker label>span{min-width:0;display:grid;gap:1px}.category-picker b{overflow-wrap:anywhere;font-size:.68rem;line-height:1.1}.category-picker small{color:#8e97aa;font-size:.57rem}.selected-categories{display:grid;gap:7px;text-align:left}.selected-categories>div,.final-categories>div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.selected-categories b,.final-categories b{border:1px solid #3a455d;border-radius:999px;padding:4px 7px;color:#dce1ee;background:#1b2132;font-size:.6rem}.config-warning{margin:0;color:#ff9aab;font-size:.66rem}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px}.game-header>div:first-child,.room-mini{display:grid;gap:2px}.game-header strong{font-size:.95rem}.game-header strong i{color:#737c92;font-size:.65rem;font-style:normal;text-transform:uppercase}.room-mini{justify-items:end}.room-mini strong{letter-spacing:.1em}.round-track{display:flex;gap:5px}.round-track span{width:20px;height:5px;border-radius:5px;background:#353b4f}.round-track span.done{background:#626c85}.round-track span.current{background:var(--yellow);box-shadow:0 0 12px #ffd75a88}.score-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.score-strip>div{position:relative;display:grid;gap:2px;border:1px solid #2f3548;border-radius:12px;padding:9px 12px;background:#0b0e17}.score-strip>div.you{border-color:#6fe4ff44}.score-strip span{overflow:hidden;color:#aab1c2;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.score-strip strong{font-size:1.12rem}.score-strip em{position:absolute;right:7px;bottom:6px;color:#ff9eae;font-size:.58rem;font-style:normal}.countdown{display:flex;flex-direction:column}.countdown-center{flex:1;display:grid;place-content:center;justify-items:center}.countdown-center p{margin:0 0 14px;color:#b7bed0;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.countdown-center strong{font-family:Arial Black,sans-serif;font-size:min(45vw,12rem);line-height:.85;color:var(--yellow);text-shadow:0 10px 0 #8d6800,0 0 60px #ffd75a4d;animation:count-pop .45s ease-out}.countdown-center span{margin-top:25px;color:var(--cyan);font-size:.8rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.bonus-round-banner{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--qni-gold-bright);border-radius:999px;padding:8px 14px;color:var(--qni-navy);background:var(--qni-gold-bright);box-shadow:0 4px 0 var(--qni-gold-deep);letter-spacing:.08em;text-transform:uppercase}.bonus-round-banner b{font-family:Arial Black,sans-serif;font-size:.75rem}.bonus-round-banner span{margin:0;color:var(--qni-burgundy);font-size:.66rem;font-weight:900;letter-spacing:.1em}.bonus-round-banner.compact{flex:0 0 auto;min-height:28px;padding:4px 10px;box-shadow:0 2px 0 var(--qni-gold-deep)}@keyframes count-pop{0%{transform:scale(1.25);opacity:.2}to{transform:scale(1);opacity:1}}.round{display:flex;flex-direction:column;gap:12px}.live-meters{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.live-meters>div{min-width:0;border:1px solid #343b50;border-radius:14px;padding:10px 13px;background:#090c15}.live-meters span{display:block;overflow:hidden;margin-bottom:1px;color:#929bad;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.live-meters strong{display:block;font-family:Arial Black,sans-serif;font-size:clamp(1.4rem,7vw,2.2rem);color:var(--yellow)}.live-meters strong.locked{color:var(--qni-gold);font-family:Inter,sans-serif;font-size:clamp(1.12rem,5vw,1.65rem);line-height:1.5}.flag-frame{width:100%;height:clamp(160px,29dvh,285px);display:flex;align-items:center;justify-content:center;overflow:visible;border:1px solid #454c61;border-radius:18px;padding:18px;background:linear-gradient(135deg,#d8dbe3,#f8f9fc);box-shadow:inset 0 0 35px #49506426,0 15px 35px #0005}.flag-frame__viewport{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.flag-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 8px #0004)}.answer-status{min-height:22px;display:flex;justify-content:space-between;gap:10px;color:#9299aa;font-size:.7rem;font-weight:800}.answer-status span.answered{color:var(--qni-gold)}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}.answer-grid button{position:relative;min-height:64px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;border:1px solid #3b4257;border-radius:15px;padding:9px 12px;color:#fff;background:linear-gradient(160deg,#252c41,#171c2c);box-shadow:0 5px #0a0c13;cursor:pointer;text-align:left;transition:transform .1s,border-color .1s}.answer-grid button:hover:not(:disabled){border-color:var(--cyan)}.answer-grid button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0a0c13}.answer-grid button:disabled{opacity:.55}.answer-grid button.selected{border-color:var(--qni-gold-bright);background:var(--qni-gold);opacity:1}.answer-grid kbd{display:grid;place-items:center;width:27px;height:27px;border:1px solid #4c5570;border-radius:8px;color:#b8c0d5;background:#0b0e18;font:800 .72rem Inter,sans-serif}.answer-grid button span{overflow-wrap:anywhere;font-weight:800;line-height:1.15}.answer-grid button i{position:absolute;top:3px;right:6px;color:var(--qni-burgundy);font-size:.55rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.results{display:flex;flex-direction:column;gap:9px;text-align:center}.results>.eyebrow{margin-top:4px}.results .flag-frame{height:auto;min-height:72px;max-height:210px;flex:1 1 150px}.results h2{color:var(--yellow)}.personal-result{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ff718866;border-radius:11px;padding:6px 10px;color:#ff9daf;background:#401622;text-transform:uppercase}.personal-result.correct{border-color:#60e59b66;color:var(--green);background:#143524}.personal-result strong{font-family:Arial Black,sans-serif;font-size:.86rem}.personal-result span{font-size:.67rem;font-weight:900}.reveal-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.reveal-choice{min-width:0;min-height:40px;display:grid;align-content:center;gap:1px;border:2px solid color-mix(in srgb,var(--qni-cream) 28%,var(--qni-navy));border-radius:9px;padding:5px 8px;color:var(--qni-cream);background:var(--qni-navy-soft);text-align:left}.reveal-choice strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.reveal-choice span{font-size:.54rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.reveal-choice.correct{border-color:var(--qni-correct);color:var(--qni-white);background:var(--qni-correct-dark)}.reveal-choice.incorrect{border-color:var(--qni-incorrect);color:var(--qni-white);background:var(--qni-incorrect-dark)}.country-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;color:#aab1c2;text-align:left}.country-facts>div{min-width:0;border:1px solid #343b50;border-radius:10px;padding:6px 9px;background:#0b0e17}.country-facts span{display:block;color:#7f879c;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.country-facts strong{display:block;margin-top:2px;color:#eef0f8;font-size:.72rem;line-height:1.2}.country-facts p{grid-column:1 / -1;margin:0;color:#9fa7ba;font-size:.68rem;line-height:1.3}.country-facts p b{color:var(--cyan)}.result-answers{display:grid;gap:7px}.result-answers article{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #3c4355;border-left:5px solid var(--red);border-radius:13px;padding:10px 12px;background:#0b0e17;text-align:left}.result-answers article.correct{border-left-color:var(--green)}.result-answers article>div{display:grid;gap:2px}.result-answers article>div:last-child{justify-items:end}.result-answers span{color:#a6aec1;font-size:.76rem}.result-answers em{color:var(--red);font-size:.7rem;font-style:normal;font-weight:900;text-transform:uppercase}.result-answers .correct em{color:var(--green)}.result-answers article>div:last-child strong{font-size:1.1rem}.round-winner{margin:2px 0;color:var(--cyan);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.results h3{margin:1px 0 -2px;color:#858da0;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.next-progress{height:4px;margin-top:3px;overflow:hidden;border-radius:4px;background:#30364a}.next-progress span{display:block;height:100%;background:var(--yellow);transition:width .12s linear}.next-note{margin:0;color:#7e8699;font-size:.68rem}.final{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:27px 22px}.trophy{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 20px;border:2px solid #ffe285;border-radius:22px;color:#5b4300;background:var(--yellow);box-shadow:0 9px #a77c00,0 0 45px #ffd75a40;font-size:2.3rem;transform:rotate(-5deg)}.final h2{color:var(--yellow);text-shadow:0 4px 0 #785800}.final-sub{margin:12px 0 22px;color:#aab1c2}.final-scores{display:grid;gap:9px;margin-bottom:14px}.final-scores>div{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;min-height:68px;border:1px solid #343b50;border-radius:15px;padding:10px 13px;background:#0a0d16;text-align:left}.final-scores>div.winner{border-color:#ffd75a80;background:#2b240f}.final-scores span{color:#858da0;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.final-scores b{color:var(--yellow);font-family:Arial Black,sans-serif;font-size:1.55rem}.final-categories{display:grid;gap:7px;margin:2px 0 10px}.rematch-note{margin:16px 0 0;color:var(--green);font-size:.75rem}@media(min-width:700px){.panel{min-height:min(820px,calc(100dvh - 40px));padding:24px}.round{gap:14px}.answer-grid button{min-height:74px}}@media(max-width:410px){.shell{padding-left:9px;padding-right:9px}.panel{padding:13px;border-radius:22px}.landing-card{padding:25px 17px 18px}.game-header{grid-template-columns:1fr 1fr}.round-track{grid-column:1 / -1;grid-row:2;justify-content:center}.room-mini{grid-column:2;grid-row:1}.round-track span{width:28px}.flag-frame{height:clamp(145px,25dvh,200px);padding:12px}.answer-grid{grid-template-columns:1fr;gap:7px}.answer-grid button{min-height:52px}.answer-status{font-size:.62rem}.results .flag-frame{height:auto;min-height:72px;flex-basis:120px}.results{gap:7px}.bonus-round-banner{padding:6px 10px}.bonus-round-banner b{font-size:.66rem}.bonus-round-banner span{font-size:.58rem}.lobby{padding:12px}}@media(max-height:700px)and (min-width:411px){.panel{min-height:calc(100dvh - 24px);padding:12px}.round{gap:7px}.flag-frame{height:180px;padding:12px}.answer-grid button{min-height:55px}.score-strip>div,.live-meters>div{padding-top:6px;padding-bottom:6px}}@media(max-height:640px){.game-shell{padding:max(5px,env(safe-area-inset-top)) 5px max(5px,env(safe-area-inset-bottom))}.game-wrap>.panel{padding:8px;border-radius:16px}.game-header{gap:4px;margin-bottom:4px}.game-header strong{font-size:.76rem}.round-track{gap:3px}.round-track span{width:19px;height:4px}.score-strip{gap:5px}.score-strip>div,.live-meters>div{padding:4px 7px;border-radius:9px}.score-strip span,.live-meters span{font-size:.52rem}.score-strip strong{font-size:.88rem}.round,.live-meters{gap:5px}.live-meters strong{font-size:1.15rem;line-height:1.1}.live-meters strong.locked{font-size:1rem;line-height:1.25}.flag-frame{height:clamp(105px,20dvh,122px);padding:8px;border-radius:12px}.answer-status{min-height:14px;font-size:.55rem}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.answer-grid button{min-height:46px;grid-template-columns:22px 1fr;gap:4px;border-radius:10px;padding:5px 7px;font-size:.72rem;box-shadow:0 3px #0a0c13}.answer-grid kbd{width:22px;height:22px;border-radius:6px;font-size:.62rem}.results{gap:4px}.results>.eyebrow{margin:0}.bonus-round-banner.compact{min-height:22px;padding:2px 7px}.bonus-round-banner b{font-size:.58rem}.bonus-round-banner span{font-size:.5rem}.results .flag-frame{height:auto;min-height:58px;flex-basis:72px;padding:6px}.results h2{font-size:1.35rem}.reveal-choice-grid{gap:3px}.reveal-choice{min-height:28px;border-width:1px;padding:2px 5px}.reveal-choice strong{font-size:.58rem}.reveal-choice span{font-size:.45rem}.country-facts{gap:3px}.country-facts>div{padding:3px 6px}.country-facts span{font-size:.48rem}.country-facts strong,.country-facts p{font-size:.58rem}.result-answers{gap:4px}.result-answers article{border-radius:9px;padding:5px 7px}.result-answers span,.result-answers em{font-size:.58rem}.result-answers article>div:last-child strong{font-size:.85rem}.round-winner{margin:0;font-size:.65rem}.results h3{font-size:.54rem}.next-note{font-size:.56rem}.lobby{padding:10px}.lobby-status{gap:7px}.lobby-status .eyebrow{padding:4px 6px;font-size:.48rem}.lobby-status h2{font-size:1.05rem}.lobby-copy{font-size:.57rem}.room-code{min-height:41px;gap:6px;padding:4px 7px}.room-code span{font-size:.55rem}.room-code strong{font-size:1.3rem}.room-code small{font-size:.5rem}.lobby-overview{gap:5px}.lobby-summary{padding:6px}.lobby-summary h3{margin-bottom:4px;font-size:.5rem}.lobby-players .player-list>div{min-height:35px;padding:3px 5px}.lobby-players .player-list strong{font-size:.62rem}.lobby-players .player-list em{font-size:.5rem}.lobby-mode>strong{font-size:.76rem}.lobby-mode>span{font-size:.49rem}.match-facts{padding-top:4px}.match-facts span{padding:2px 1px;font-size:.4rem}.match-facts b{font-size:.56rem}.match-config{gap:4px;padding:6px}.config-heading strong{font-size:.64rem}.category-picker{gap:4px}.category-picker label{min-height:38px;gap:5px;padding:3px 5px}.category-picker input{width:17px;min-width:17px;height:17px}.category-picker b{font-size:.59rem}.category-picker small{font-size:.49rem}.preset-row button{min-height:26px}.lobby>button:not(.room-code){min-height:46px;margin-top:2px}.game-wrap>.lobby{overflow-y:auto;overscroll-behavior:contain}.final{padding:10px}.trophy{width:45px;height:45px;margin-bottom:10px;border-radius:14px;font-size:1.6rem;box-shadow:0 5px #a77c00,0 0 30px #ffd75a40}.final-sub{margin:7px 0 10px}.final-scores{gap:5px;margin-bottom:7px}.final-scores>div{min-height:48px;padding:6px 9px}.final-scores b{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.platform-app{min-height:100vh;color:#f5f3ed;background:#0a0d0d;--cream: #f5f3ed;--lime: #c8ff45;--ink: #0a0d0d;--muted: #939c95;--surface: #121716;--platform-line: #29312d}.platform-app button,.auth-page button{color:inherit;cursor:pointer}.platform-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:#c8ff45;background:#0a0d0d}.brand-orbit{width:58px;height:58px;display:grid;place-items:center;border:2px solid #c8ff45;border-radius:19px 8px;color:#0a0d0d;background:#c8ff45;font-family:Arial Black,sans-serif;font-size:1.25rem;transform:rotate(-3deg);box-shadow:8px 8px #29312d}.platform-loading p,.loading-card p{color:#939c95;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);color:#f5f3ed;background:#0a0d0d}.auth-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:46px clamp(30px,7vw,100px);background:#151b19;isolation:isolate}.auth-hero:before{content:"?";position:absolute;z-index:-1;right:-2vw;top:48%;color:#202824;font-family:Arial Black,sans-serif;font-size:min(70vw,46rem);line-height:.65;transform:translateY(-50%) rotate(8deg)}.auth-hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.35;background-image:linear-gradient(#2b3530 1px,transparent 1px),linear-gradient(90deg,#2b3530 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 65% 55%,black,transparent 68%);mask-image:radial-gradient(circle at 65% 55%,black,transparent 68%)}.wordmark{color:#f5f3ed;font-family:Arial Black,sans-serif;font-size:1rem;letter-spacing:-.04em;text-decoration:none}.wordmark span{color:#c8ff45}.hero-copy{max-width:760px}.hero-copy .kicker{margin:0 0 18px;color:#c8ff45;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{margin:0;color:#f5f3ed;font-size:clamp(4.6rem,8.2vw,8.5rem);line-height:.77;letter-spacing:-.085em;text-transform:uppercase}.hero-copy h1 em{color:#c8ff45;font-style:normal}.hero-copy>p:not(.kicker){max-width:48ch;margin:35px 0;color:#a6afa9;font-size:1.05rem;line-height:1.6}.pack-preview{width:fit-content;display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 13px;border:1px solid #3b473f;border-left:4px solid #c8ff45;padding:14px 18px;background:#0d1110cc}.pack-preview span{color:#c8ff45;font-size:.58rem;font-weight:900;letter-spacing:.16em}.pack-preview strong{grid-column:2;grid-row:1 / 3;font-size:.98rem}.pack-preview small{color:#7f8a83}.hero-foot{margin:0;color:#7f8a83;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,7vw,90px);background:#f5f3ed;color:#151917}.auth-tabs{position:absolute;top:35px;right:clamp(30px,5vw,70px);display:flex;gap:3px;border:1px solid #d4d6d0;border-radius:999px;padding:4px}.auth-tabs button{border:0;border-radius:999px;padding:9px 16px;color:#626960;background:transparent;font-size:.72rem;font-weight:900}.auth-tabs button.active{color:#f5f3ed;background:#151917}.auth-heading{display:flex;align-items:center;gap:16px;margin-bottom:34px}.mini-mark{width:48px;height:48px;display:grid;place-items:center;color:#151917;background:#c8ff45;font-family:Arial Black,sans-serif;transform:rotate(-3deg)}.auth-heading h2{margin:0 0 4px;font-size:1.65rem;letter-spacing:-.04em}.auth-heading p{margin:0;color:#707770;font-size:.9rem}.auth-form label{gap:7px;margin-bottom:18px;color:#4c544e;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.auth-form input{min-height:57px;border:1px solid #c8ccc5;border-radius:0;color:#151917;background:#fff}.auth-form input:focus{border-color:#151917;box-shadow:4px 4px #c8ff45}.primary-action,.quiet-action,.intro-action{min-height:56px;display:flex;align-items:center;justify-content:space-between;border:0;padding:0 20px;color:#0b0e0d!important;background:#c8ff45;font-weight:900}.primary-action{width:100%;margin-top:6px}.primary-action span,.intro-action span{font-size:1.3rem}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#999e98;font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#d5d8d2}.quiet-action{width:100%;justify-content:center;border:1px solid #bfc4bc;color:#222823!important;background:transparent}.privacy-note{margin:20px 0 0;color:#7d847d;font-size:.7rem;line-height:1.45;text-align:center}.platform-error,.success-note{border-left:3px solid #ff7188;padding:10px 13px;color:#ff93a5;background:#3e151c;font-size:.8rem}.auth-form .platform-error{color:#8a2435;background:#ffe9ed}.success-note{border-color:#c8ff45;color:#dfff91;background:#18230f}.topbar{position:sticky;z-index:20;top:0;min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;border-bottom:1px solid #252d29;padding:0 clamp(18px,4vw,62px);background:#0a0d0df2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.platform-logo{display:flex;align-items:center;gap:12px;border:0;padding:0;background:transparent}.platform-logo>span{width:35px;height:35px;display:grid;place-items:center;color:#0a0d0d;background:#c8ff45;font-family:Arial Black,sans-serif;font-size:.72rem;transform:rotate(-3deg)}.platform-logo strong{color:#f5f3ed;font-family:Arial Black,sans-serif;font-size:.9rem;white-space:nowrap}.platform-logo em{color:#c8ff45;font-style:normal}.topbar nav{display:flex;align-items:stretch;align-self:stretch;gap:4px}.topbar nav button{position:relative;border:0;padding:0 13px;color:#8f9892;background:transparent;font-size:.72rem;font-weight:800}.topbar nav button:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:2px;background:transparent}.topbar nav button:hover,.topbar nav button.active{color:#f5f3ed}.topbar nav button.active:after{background:#c8ff45}.account-menu{display:flex;align-items:center;gap:14px}.account-menu>button:first-child{display:flex;align-items:center;gap:9px;border:0;padding:0;background:transparent;text-align:left}.account-menu>button:first-child>span,.avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #465047;border-radius:50%;color:#c8ff45;background:#1c2420;font-size:.67rem;font-weight:900}.account-menu div{display:grid}.account-menu strong{font-size:.76rem}.account-menu small{color:#77817b;font-size:.63rem}.account-menu .logout{border:1px solid #303934;padding:7px 10px;color:#8e9791;background:transparent;font-size:.65rem}.menu-toggle,.mobile-logout{display:none}.platform-main{width:min(100% - 36px,1240px);min-height:calc(100vh - 72px);margin:0 auto;padding:52px 0 80px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.page-intro p,.card-title p{margin:0 0 7px;color:#c8ff45;font-size:.61rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.page-intro h1{margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95;letter-spacing:-.065em;text-transform:uppercase}.dashboard-intro h1{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.page-intro div>span{display:block;margin-top:11px;color:#8f9892;font-size:.88rem}.intro-action{min-width:210px}.stat-tiles{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin-bottom:26px}.stat-tiles article{min-height:132px;display:grid;align-content:center;border:1px solid #29312d;padding:22px;background:#121716}.stat-tiles article.rating-tile{border-color:#c8ff45;background:linear-gradient(135deg,#1d2913,#121716)}.stat-tiles small{color:#89938d;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stat-tiles strong{margin:8px 0 5px;font-family:Arial Black,sans-serif;font-size:2rem;line-height:1}.stat-tiles i,.score i,.versus-card i{color:#59635d;font-style:normal}.stat-tiles span{color:#6e7972;font-size:.72rem}.rating-tile strong{color:#c8ff45}.dashboard-grid,.profile-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.content-card{margin-bottom:18px;border:1px solid #29312d;background:#121716}.card-title{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #29312d;padding:16px 20px}.card-title h2{margin:0;font-size:1.12rem;letter-spacing:-.025em}.card-title button{border:0;color:#8f9892;background:transparent;font-size:.68rem;font-weight:800}.card-title button:hover{color:#c8ff45}.challenge-stack article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #242b27}.challenge-stack article:last-child{border:0}.challenge-stack article>div:nth-child(2){display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:baseline}.challenge-stack strong{font-size:.85rem}.challenge-stack span,.challenge-stack small{color:#77817b;font-size:.67rem}.challenge-stack b{grid-column:1 / -1;color:#c8ff45;font-size:.72rem}.row-actions{display:flex!important;grid-template-columns:none!important;gap:7px!important}.row-actions button,.full-challenge-list .row-actions button,.player-results>article>button{border:1px solid #465049;padding:8px 11px;color:#a7afa9;background:transparent;font-size:.65rem;font-weight:900}.row-actions button.accept,.player-results>article>button.accept{border-color:#c8ff45;color:#0a0d0d;background:#c8ff45}.subject-row{width:100%;min-height:68px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;border:0;border-bottom:1px solid #242b27;padding:11px 17px;color:#f5f3ed;background:transparent;text-align:left}.subject-row:last-child{border:0}.subject-row:hover{background:#171e1b}.subject-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3a453e;color:#c8ff45;background:#0d1110;font-size:1.1rem}.subject-row div{display:grid;gap:3px}.subject-row div strong{font-size:.78rem}.subject-row small{color:#6f7973;font-size:.63rem}.subject-row>b{color:#c8ff45;font-size:1.15rem}.subject-row em{color:#7d8781;font-size:.65rem;font-style:normal}.table-head{min-height:38px;display:grid;align-items:center;padding:0 18px;color:#69736d;background:#0d1110;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.match-table .table-head{grid-template-columns:70px 1.3fr 1fr 1.1fr 75px 110px}.match-table article{min-height:70px;display:grid;grid-template-columns:70px 1.3fr 1fr 1.1fr 75px 110px;align-items:center;padding:0 18px;border-top:1px solid #242b27}.match-table.compact article{grid-template-columns:45px 1fr auto;gap:8px;padding:10px 14px}.match-table.compact .match-subject,.match-table.compact .score,.match-table.compact time{display:none}.result-badge{width:28px;height:28px;display:grid;place-items:center;border:1px solid;font-size:.72rem}.result-badge.win{border-color:#c8ff45;color:#c8ff45;background:#1c2a11}.result-badge.loss{border-color:#ff7188;color:#ff8ca0;background:#2f1519}.result-badge.tie{border-color:#818c85;color:#b0b8b2}.player-link{min-width:0;display:flex;align-items:center;gap:10px;border:0;padding:0;color:#f5f3ed;background:transparent;text-align:left}.player-link>span:not(.avatar){min-width:0;display:grid;gap:2px}.player-link strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.player-link small,.player-link div span{color:#6f7973;font-size:.63rem}.match-subject{color:#9ca59f;font-size:.7rem}.score{font-size:.76rem}.rating-up{color:#c8ff45}.rating-down{color:#ff8498}.match-table time{color:#707a74;font-size:.66rem}.empty-state{min-height:210px;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.empty-state>span{color:#465149;font-size:2rem}.empty-state strong{margin-top:9px;font-size:.9rem}.empty-state p{margin:6px 0 0;color:#727c76;font-size:.74rem}.empty-state button{margin-top:16px;border:1px solid #c8ff45;padding:8px 12px;color:#c8ff45;background:transparent;font-size:.68rem;font-weight:900}.loading-card{min-height:400px;display:grid;place-content:center;justify-items:center;gap:15px}.search-stage{border-top:1px solid #29312d;padding-top:32px}.search-stage>label{max-width:760px;margin:0 auto}.search-stage>label>span{color:#8c9690}.search-stage label>div{position:relative}.search-stage label b{position:absolute;top:50%;left:19px;color:#c8ff45;font-size:1.3rem;transform:translateY(-52%)}.search-stage input{min-height:68px;border:1px solid #3a443f;border-radius:0;padding-left:52px;background:#121716;font-size:1.05rem}.search-prompt{min-height:340px;display:grid;place-content:center;justify-items:center;text-align:center}.search-prompt>span{width:75px;height:75px;display:grid;place-items:center;border:1px solid #3a453e;border-radius:50%;color:#c8ff45;font-family:Arial Black,sans-serif}.search-prompt h2{margin:22px 0 7px;font-size:1.2rem}.search-prompt p{margin:0;color:#6f7973;font-size:.75rem}.player-results{max-width:900px;margin:28px auto 0;border:1px solid #29312d}.player-results>article{min-height:78px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;border-bottom:1px solid #29312d;padding:12px 16px;background:#121716}.player-results>article:last-child{border:0}.player-rating{display:grid;justify-items:end}.player-rating small{color:#68736c;font-size:.55rem;text-transform:uppercase}.player-rating b{color:#c8ff45}.full-challenge-list article{min-height:76px;display:grid;grid-template-columns:1.3fr 1fr 90px auto;align-items:center;gap:18px;border-top:1px solid #242b27;padding:12px 20px}.full-challenge-list article>div:nth-child(2){display:grid;gap:4px}.full-challenge-list article>div:nth-child(2) b{font-size:.72rem}.full-challenge-list article>div:nth-child(2) small{color:#727c76;font-size:.62rem}.status-pill{width:fit-content;border:1px solid #465049;border-radius:999px;padding:5px 8px;color:#9da69f;font-size:.58rem;font-weight:900;text-transform:uppercase}.status-pill.pending{border-color:#c8ff45;color:#c8ff45}.status-pill.completed{color:#70d89d}.leader-tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}.leader-tabs button{flex:0 0 auto;border:1px solid #303934;padding:10px 14px;color:#8d9690;background:transparent;font-size:.68rem;font-weight:900}.leader-tabs button.active{border-color:#c8ff45;color:#0a0d0d;background:#c8ff45}.leaderboard .table-head,.leader-row{grid-template-columns:90px 1fr 110px 100px 100px}.leader-row{width:100%;min-height:72px;display:grid;align-items:center;border:0;border-top:1px solid #242b27;padding:0 18px;color:#dfe3df;background:transparent;text-align:left}.leader-row:hover{background:#171e1b}.leader-row>strong:last-child{color:#c8ff45;font-size:1.12rem}.rank{color:#89938d;font-size:.7rem}.rank-1{color:#c8ff45}.rank-2{color:#d9ddd9}.rank-3{color:#d79a68}.versus-card{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:30px;margin-bottom:18px;border:1px solid #c8ff45;padding:25px;background:#172011}.versus-card>div:first-child{display:grid}.versus-card p{margin:0;color:#9aa49e;font-size:.68rem;font-weight:900;text-transform:uppercase}.versus-card>div:first-child strong{margin:8px 0 4px;color:#c8ff45;font-family:Arial Black,sans-serif;font-size:2rem}.versus-card>div:first-child span{color:#768079;font-size:.67rem}.versus-card>div:last-child{display:flex;gap:8px}.versus-card article{min-width:150px;display:grid;gap:5px;border-left:1px solid #3a4c2d;padding-left:15px}.versus-card article span{color:#96a18f;font-size:.67rem}.versus-card article strong{font-size:1rem}.profile-edit{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:-16px 0 24px;border:1px solid #3a453e;padding:18px;background:#121716}.profile-edit label{margin:0}.profile-edit input{min-height:48px}.profile-edit button{min-height:48px;border:1px solid #c8ff45;padding:0 20px;color:#0a0d0d;background:#c8ff45;font-weight:900}.invite-auth-banner{display:flex;align-items:center;gap:12px;margin:0 0 25px;border:1px solid #b5dc56;padding:13px;background:#efffc9}.invite-auth-banner>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:#131814;background:#c8ff45;font-size:1.25rem}.invite-auth-banner div{display:grid;gap:3px}.invite-auth-banner strong{color:#1e251f;font-size:.78rem}.invite-auth-banner small{color:#687068;font-size:.66rem;line-height:1.4}.invite-dashboard-card{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(135deg,#18230f,#121716 65%)}.invite-dashboard-card p{margin:0 0 10px;color:#c8ff45;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.invite-dashboard-card h2{max-width:12ch;margin:0 0 12px;font-size:clamp(1.8rem,4vw,3rem);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.invite-dashboard-card div>span{display:block;max-width:52ch;color:#8e9991;font-size:.78rem;line-height:1.6}.invite-dashboard-card .primary-action{max-width:290px;margin-top:25px}.create-room-card{max-width:820px}.pack-selector{display:grid;gap:9px;padding:20px}.pack-selector>button{min-height:94px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid #36403a;padding:16px;color:#f5f3ed;background:#0e1211;text-align:left}.pack-selector>button.selected{border-color:#c8ff45;box-shadow:inset 4px 0 #c8ff45;background:#172011}.pack-selector>button>span{width:50px;height:50px;display:grid;place-items:center;background:#202923;font-size:1.45rem}.pack-selector>button div{display:grid;gap:5px}.pack-selector>button strong{font-size:1rem}.pack-selector>button small{color:#7e8982;font-size:.7rem;line-height:1.45}.pack-selector>button b{color:#c8ff45;font-size:.66rem;text-transform:uppercase}.create-room-action{width:calc(100% - 40px);margin:0 20px 12px}.room-fine-print{margin:0;padding:4px 20px 22px;color:#758079;font-size:.68rem;line-height:1.5}.invite-room-page{max-width:900px}.invite-room-card{display:grid;justify-items:center;padding:clamp(28px,6vw,65px);text-align:center;background:radial-gradient(circle at 50% 20%,#1e2a17,#121716 60%)}.invite-pack-icon{width:75px;height:75px;display:grid;place-items:center;border:1px solid #536146;color:#c8ff45;background:#0d120c;font-size:2rem}.invite-room-card>p{margin:18px 0 8px;color:#c8ff45;font-size:.65rem;font-weight:900;letter-spacing:.2em}.invite-room-card h2{margin:0 0 28px;font-size:clamp(1.7rem,5vw,3rem);letter-spacing:-.05em}.invite-link{width:min(100%,650px);gap:8px;margin:0 0 14px;text-align:left}.invite-link span{color:#89948d;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.invite-link input{min-height:54px;border:1px solid #3d4841;border-radius:0;color:#e9eee9;background:#080b0a;font-size:.8rem}.invite-actions{width:min(100%,650px);display:grid;grid-template-columns:1.6fr 1fr;gap:9px}.invite-actions .primary-action{margin:0}.invite-actions .quiet-action{border-color:#465149;color:#dce1dd!important}.invite-room-card>small{margin-top:18px;color:#707b74;font-size:.66rem}.join-invite-action{max-width:360px}@media(max-width:980px){.auth-page{grid-template-columns:1fr}.auth-hero{min-height:580px}.auth-panel{min-height:auto;position:relative;padding-top:110px}.topbar{grid-template-columns:auto auto;justify-content:space-between}.menu-toggle{display:block;border:1px solid #38413c;padding:8px 10px;background:transparent}.topbar nav{display:none;position:absolute;top:72px;right:0;left:0;height:auto;padding:8px 18px 18px;background:#0a0d0d}.topbar nav.open{display:grid}.topbar nav button{min-height:43px;text-align:left}.topbar nav .mobile-logout{min-height:48px;display:block;margin-top:7px;border:2px solid var(--qni-incorrect);border-radius:9px;padding:0 13px;color:var(--qni-white);background:var(--qni-incorrect-dark)}.account-menu{display:none}.stat-tiles{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.profile-grid{grid-template-columns:1fr}}@media(max-width:700px){.auth-hero{min-height:540px;padding:28px 22px}.hero-copy h1{font-size:clamp(3.6rem,18vw,5.2rem)}.hero-copy>p:not(.kicker){margin:24px 0}.auth-panel{padding:110px 22px 45px}.auth-tabs{top:30px;right:22px;left:22px;justify-content:stretch}.auth-tabs button{flex:1}.platform-main{width:min(100% - 24px,1240px);padding-top:34px}.page-intro{align-items:stretch;flex-direction:column}.dashboard-intro h1{font-size:clamp(1.65rem,8.5vw,2.7rem);line-height:1}.intro-action{width:100%}.stat-tiles{grid-template-columns:1fr 1fr;gap:7px}.stat-tiles article{min-height:112px;padding:15px}.stat-tiles strong{font-size:1.5rem}.pack-selector>button{grid-template-columns:auto 1fr}.pack-selector>button>b{grid-column:2}.invite-actions{grid-template-columns:1fr}.challenge-stack article{grid-template-columns:auto 1fr}.challenge-stack .row-actions{grid-column:1 / -1}.match-table .table-head{display:none}.match-table article{grid-template-columns:38px 1fr auto;gap:8px;padding:12px}.match-table .match-subject,.match-table time{display:none}.match-table .score{grid-column:2}.match-table article>b:nth-last-of-type(1){grid-column:3;grid-row:1}.full-challenge-list article{grid-template-columns:1fr auto;gap:10px}.full-challenge-list article>div:nth-child(2){grid-column:1}.full-challenge-list .status-pill{grid-column:2;grid-row:1}.full-challenge-list .row-actions{grid-column:1 / -1}.leaderboard .table-head{display:none}.leader-row{grid-template-columns:58px 1fr auto;gap:8px;padding:9px 12px}.leader-row>span:nth-child(3),.leader-row>span:nth-child(4){display:none}.versus-card{grid-template-columns:1fr}.versus-card>div:last-child{overflow-x:auto}.profile-edit{grid-template-columns:1fr}}body{color:var(--qni-cream);background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--qni-gold-deep) 25%,transparent),transparent 35%),linear-gradient(145deg,var(--qni-navy-soft),var(--qni-navy) 65%)}button{cursor:pointer}.game-logo{position:relative;z-index:1;width:min(72%,290px);height:auto;margin:0 auto 10px;object-fit:contain;filter:drop-shadow(0 14px 18px color-mix(in srgb,var(--qni-navy) 58%,transparent))}.landing-shell:before{opacity:.18;background-image:radial-gradient(circle,var(--qni-gold-bright) 1px,transparent 1.5px),linear-gradient(110deg,transparent 48%,color-mix(in srgb,var(--qni-gold) 22%,transparent) 50%,transparent 52%);background-size:42px 42px,100% 100%}.landing-card,.panel{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-card);background:linear-gradient(155deg,var(--qni-navy-soft),var(--qni-navy));box-shadow:0 8px 0 var(--qni-burgundy),0 30px 80px color-mix(in srgb,var(--qni-navy) 72%,transparent)}.landing-card:after{background:color-mix(in srgb,var(--qni-gold-bright) 12%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--qni-gold-bright) 18%,transparent)}.landing-card .eyebrow,.eyebrow,.micro-label{color:var(--qni-gold)}.tagline,.connection-note,.lobby-copy{color:color-mix(in srgb,var(--qni-cream) 72%,var(--qni-navy))}.landing-card input,.lobby input{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);color:var(--qni-navy);background:var(--qni-cream)}.landing-card input::placeholder{color:var(--color-text-muted)}.landing-card input:focus{border-color:var(--qni-gold-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--qni-gold-bright) 28%,transparent)}.landing-card button,.lobby>button:not(.room-code),.final>button{border:2px solid var(--qni-navy);border-radius:var(--radius-control);color:var(--qni-navy);background:var(--qni-gold-bright);box-shadow:var(--shadow-control)}.landing-card button:active,.lobby>button:active,.final>button:active{box-shadow:0 2px 0 var(--qni-gold-deep)}button.secondary{border-color:var(--qni-gold-deep);color:var(--qni-cream);background:var(--qni-navy-soft);box-shadow:0 5px 0 var(--qni-burgundy)}.room-code,.lobby-summary,.match-config,.live-meters>div,.country-facts>div,.result-answers article,.final-scores>div{border-color:color-mix(in srgb,var(--qni-gold-deep) 70%,var(--qni-navy));background:color-mix(in srgb,var(--qni-navy) 78%,var(--qni-navy-soft))}.room-code{border-width:2px;border-color:var(--qni-gold-bright);background:color-mix(in srgb,var(--qni-gold-bright) 7%,var(--qni-navy))}.room-code span,.lobby-summary h3,.config-heading span,.selected-categories>span,.final-categories>span,.round-winner{color:var(--qni-gold)}.presence.online{background:var(--qni-gold-bright);box-shadow:0 0 0 4px color-mix(in srgb,var(--qni-gold-bright) 16%,transparent)}.preset-row button{border-color:var(--qni-gold-deep);color:var(--qni-cream);background:var(--qni-navy-soft)}.category-picker label{border-color:var(--qni-gold-deep);background:var(--qni-navy-soft)}.category-picker label.selected{border-color:var(--qni-gold-bright);background:color-mix(in srgb,var(--qni-gold-bright) 13%,var(--qni-navy))}.category-picker input{accent-color:var(--qni-gold-bright)}.round-track span{background:color-mix(in srgb,var(--qni-cream) 22%,var(--qni-navy))}.round-track span.done{background:var(--qni-gold-deep)}.round-track span.current{background:var(--qni-gold-bright);box-shadow:0 0 12px color-mix(in srgb,var(--qni-gold-bright) 60%,transparent)}.score-strip>div{border:2px solid var(--qni-gold-deep);background:var(--qni-navy)}.score-strip>div.you{border-color:var(--qni-gold-bright)}.score-strip strong,.live-meters strong{color:var(--qni-gold-bright)}.flag-frame{border:3px solid var(--qni-gold-deep);background:linear-gradient(135deg,var(--qni-cream-deep),var(--qni-white));box-shadow:inset 0 0 35px color-mix(in srgb,var(--qni-gold) 25%,transparent),0 9px 0 var(--qni-burgundy),0 18px 35px color-mix(in srgb,var(--qni-navy) 50%,transparent)}.answer-grid button{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);color:var(--qni-navy);background:linear-gradient(155deg,var(--qni-white),var(--qni-cream-deep));box-shadow:0 5px 0 var(--qni-gold-deep)}.answer-grid button:hover:not(:disabled),.answer-grid button.selected{border-color:var(--qni-gold-bright);background:var(--qni-gold)}.answer-grid button:active:not(:disabled){box-shadow:0 2px 0 var(--qni-gold-deep)}.answer-grid kbd{border-color:var(--qni-gold-deep);color:var(--qni-cream);background:var(--qni-navy)}.answer-grid button i,.answer-status span.answered{color:var(--qni-burgundy)}.personal-result{border-color:var(--qni-incorrect);color:var(--qni-white);background:var(--qni-incorrect-dark)}.personal-result.correct{border-color:var(--qni-correct);color:var(--qni-white);background:var(--qni-correct-dark)}.result-answers article{border-left-color:var(--qni-incorrect)}.result-answers article.correct{border-left-color:var(--qni-correct)}.result-answers em{color:var(--qni-incorrect)}.result-answers .correct em{color:var(--qni-correct)}.next-progress span{background:var(--qni-gold-bright)}.trophy{border-color:var(--qni-gold);color:var(--qni-navy);background:var(--qni-gold-bright);box-shadow:0 9px 0 var(--qni-gold-deep)}.final-scores>div.winner{border-color:var(--qni-gold-bright);background:color-mix(in srgb,var(--qni-gold-bright) 12%,var(--qni-navy))}.platform-loading,.platform-app{min-height:100vh}.platform-loading{color:var(--qni-cream);background:var(--qni-navy)}.brand-orbit{width:70px;height:70px;border:0;border-radius:50%;object-fit:contain;background:transparent;box-shadow:none;transform:none;animation:brand-pulse 1.4s ease-in-out infinite}@keyframes brand-pulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--qni-gold-bright) 42%,transparent))}}.auth-page{color:var(--qni-cream);background:var(--qni-cream)}.auth-hero{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--qni-burgundy-bright) 50%,transparent),transparent 35%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--qni-gold-deep) 22%,transparent),transparent 35%),var(--qni-navy)}.auth-hero:after{border-color:color-mix(in srgb,var(--qni-gold) 18%,transparent)}.wordmark{width:min(58%,300px);border:3px solid var(--qni-gold-deep);background:var(--qni-cream);box-shadow:8px 8px 0 var(--qni-burgundy)}.wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--qni-navy) 70%,transparent))}.hero-copy .kicker,.page-intro p,.card-title p{color:var(--qni-burgundy-bright)}.auth-hero .hero-copy .kicker{color:var(--qni-gold)}.hero-copy h1{color:var(--qni-cream);text-shadow:0 5px 0 var(--qni-burgundy)}.hero-copy h1 em{color:var(--qni-gold-bright)}.hero-copy>p:not(.kicker),.hero-foot{color:color-mix(in srgb,var(--qni-cream) 74%,var(--qni-navy))}.pack-preview{border-color:var(--qni-gold-deep);border-left-color:var(--qni-gold-bright);background:color-mix(in srgb,var(--qni-navy-soft) 86%,transparent)}.pack-preview span{color:var(--qni-gold)}.pack-preview small{color:color-mix(in srgb,var(--qni-cream) 65%,var(--qni-navy))}.auth-panel{color:var(--qni-navy);background:var(--qni-cream)}.auth-tabs{border-color:var(--qni-gold-deep);border-radius:var(--radius-control);background:var(--qni-cream-deep)}.auth-tabs button{border-radius:8px;color:var(--color-text-muted)}.auth-tabs button.active{color:var(--qni-cream);background:var(--qni-navy)}.mini-mark{width:58px;height:58px;border:0;border-radius:50%;object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(0 4px 0 var(--qni-gold-deep));transform:none}.auth-heading h2{color:var(--qni-navy)}.auth-heading p{color:var(--color-text-muted)}.auth-form label{color:var(--qni-navy-soft)}.auth-form input,.profile-edit input,.search-stage input{border:2px solid var(--qni-navy);border-radius:var(--radius-control);color:var(--qni-navy);background:var(--qni-white)}.auth-form input:focus,.profile-edit input:focus,.search-stage input:focus{border-color:var(--qni-gold-deep);box-shadow:0 0 0 4px color-mix(in srgb,var(--qni-gold-bright) 35%,transparent)}.primary-action,.intro-action,.profile-edit button{border:2px solid var(--qni-navy);border-radius:var(--radius-control);color:var(--qni-navy)!important;background:var(--qni-gold-bright);box-shadow:var(--shadow-control);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-action:hover,.intro-action:hover,.profile-edit button:hover{background:var(--qni-gold)}.primary-action:active,.intro-action:active,.profile-edit button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--qni-gold-deep)}.quiet-action{border:2px solid var(--qni-navy);border-radius:var(--radius-control);color:var(--qni-navy)!important;background:var(--qni-cream-deep);box-shadow:0 3px 0 var(--qni-gold-deep)}.privacy-note,.auth-divider{color:var(--color-text-muted)}.auth-divider:before,.auth-divider:after{background:var(--qni-gold-deep)}.invite-auth-banner{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);background:var(--qni-gold)}.invite-auth-banner>span{border-radius:8px;color:var(--qni-cream);background:var(--qni-burgundy-bright)}.invite-auth-banner strong{color:var(--qni-navy)}.invite-auth-banner small{color:var(--qni-navy-soft)}.platform-app{color:var(--qni-navy);background:var(--qni-cream)}.topbar{border-bottom:3px solid var(--qni-gold-bright);background:color-mix(in srgb,var(--qni-navy) 96%,transparent);box-shadow:0 4px 0 var(--qni-burgundy)}.platform-logo{gap:10px}.platform-logo>img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 0 var(--qni-gold-deep))}.platform-logo strong{color:var(--qni-cream)}.platform-logo em{color:var(--qni-gold-bright)}.topbar nav button{color:color-mix(in srgb,var(--qni-cream) 70%,var(--qni-navy))}.topbar nav button:hover,.topbar nav button.active{color:var(--qni-cream)}.topbar nav button.active:after{height:4px;background:var(--qni-gold-bright)}.account-menu>button:first-child>span,.avatar{border:2px solid var(--qni-gold-deep);color:var(--qni-gold);background:var(--qni-navy-soft)}.account-menu strong{color:var(--qni-cream)}.account-menu small{color:color-mix(in srgb,var(--qni-cream) 58%,var(--qni-navy))}.account-menu .logout{border-color:var(--qni-burgundy-bright);border-radius:8px;color:var(--qni-cream);background:var(--qni-burgundy)}.menu-toggle{border:2px solid var(--qni-gold-deep);border-radius:8px;color:var(--qni-gold)}.page-intro h1{color:var(--qni-navy);text-shadow:0 3px 0 var(--qni-gold)}.page-intro div>span{color:var(--color-text-muted)}.content-card,.stat-tiles article,.profile-edit,.player-results{border:2px solid var(--qni-navy);border-radius:var(--radius-card);color:var(--qni-navy);background:var(--qni-cream-deep);box-shadow:var(--shadow-card);overflow:hidden}.content-card:before,.stat-tiles article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--qni-gold-bright)}.content-card,.stat-tiles article{position:relative}.stat-tiles article.rating-tile{border-color:var(--qni-navy);background:linear-gradient(145deg,var(--qni-navy-soft),var(--qni-navy))}.stat-tiles article.rating-tile small,.stat-tiles article.rating-tile span{color:color-mix(in srgb,var(--qni-cream) 72%,var(--qni-navy))}.stat-tiles small{color:var(--qni-burgundy-bright)}.stat-tiles strong{color:var(--qni-navy)}.stat-tiles span{color:var(--color-text-muted)}.rating-tile strong{color:var(--qni-gold-bright)}.stat-tiles i,.score i,.versus-card i{color:var(--qni-gold-deep)}.card-title{border-bottom:2px solid var(--qni-navy);background:var(--qni-cream)}.card-title h2{color:var(--qni-navy)}.card-title button{color:var(--qni-burgundy-bright)}.card-title button:hover{color:var(--qni-navy)}.invite-dashboard-card{border-color:var(--qni-navy);background:linear-gradient(140deg,var(--qni-navy-soft),var(--qni-navy))}.invite-dashboard-card p{color:var(--qni-gold)}.invite-dashboard-card h2{color:var(--qni-cream)}.invite-dashboard-card div>span{color:color-mix(in srgb,var(--qni-cream) 72%,var(--qni-navy))}.subject-row{border-bottom-color:color-mix(in srgb,var(--qni-navy) 22%,transparent);color:var(--qni-navy)}.subject-row:hover{background:var(--qni-gold)}.subject-icon{border:2px solid var(--qni-gold-deep);border-radius:10px;color:var(--qni-gold);background:var(--qni-navy)}.subject-row small,.subject-row em{color:var(--color-text-muted)}.subject-row>b{color:var(--qni-burgundy-bright)}.table-head{color:var(--qni-cream);background:var(--qni-navy)}.match-table article,.leader-row,.full-challenge-list article{border-top-color:color-mix(in srgb,var(--qni-navy) 22%,transparent)}.player-link{color:var(--qni-navy)}.player-link small,.player-link div span,.match-subject,.match-table time{color:var(--color-text-muted)}.result-badge{border-width:2px;border-radius:8px}.result-badge.win{border-color:var(--qni-gold-deep);color:var(--qni-navy);background:var(--qni-gold)}.result-badge.loss{border-color:var(--qni-burgundy-bright);color:var(--qni-cream);background:var(--qni-burgundy)}.result-badge.tie{border-color:var(--qni-navy);color:var(--qni-navy);background:var(--qni-cream)}.rating-up{color:var(--color-success)}.rating-down{color:var(--qni-burgundy-bright)}.empty-state>span{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--qni-gold-deep);border-radius:50%;color:var(--qni-burgundy-bright);background:var(--qni-gold)}.empty-state p{color:var(--color-text-muted)}.empty-state button{border:2px solid var(--qni-navy);border-radius:8px;color:var(--qni-navy);background:var(--qni-gold)}.pack-selector>button{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);color:var(--qni-navy);background:var(--qni-cream)}.pack-selector>button:hover{border-color:var(--qni-navy)}.pack-selector>button.selected{border-color:var(--qni-navy);box-shadow:inset 6px 0 var(--qni-gold-bright);background:var(--qni-gold)}.pack-selector>button>span{border-radius:10px;color:var(--qni-gold);background:var(--qni-navy)}.pack-selector>button small,.room-fine-print{color:var(--color-text-muted)}.pack-selector>button b{color:var(--qni-burgundy-bright)}.invite-room-card{color:var(--qni-cream);background:radial-gradient(circle at 50% 15%,var(--qni-navy-soft),var(--qni-navy) 64%)}.invite-pack-icon{border:3px solid var(--qni-gold-bright);border-radius:18px;color:var(--qni-gold);background:var(--qni-burgundy);box-shadow:0 6px 0 var(--qni-gold-deep)}.invite-room-card>p{color:var(--qni-gold)}.invite-link span{color:var(--qni-gold)}.invite-link input{border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);color:var(--qni-navy);background:var(--qni-cream)}.invite-actions .quiet-action{border-color:var(--qni-gold-deep);color:var(--qni-cream)!important;background:var(--qni-burgundy)}.invite-room-card>small{color:color-mix(in srgb,var(--qni-cream) 65%,var(--qni-navy))}.invite-room-page{max-width:1180px}.host-lobby-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px;align-items:start}.host-lobby-card{padding:22px;overflow:visible}.setup-panel{grid-row:span 3}.lobby-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.lobby-card-heading>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--qni-navy);border-radius:50%;color:var(--qni-navy);background:var(--qni-gold-bright);font-weight:950}.lobby-card-heading p{margin:0 0 3px;color:var(--qni-burgundy-bright);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lobby-card-heading h2,.join-panel h2,.waiting-panel h2{margin:0;color:var(--color-text-on-light);font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1;text-transform:uppercase}.setup-select{margin-bottom:18px;color:var(--color-text-on-light)}.setup-select>span,.room-category-picker>span{color:var(--qni-burgundy-bright)}.setup-select select{width:100%;min-height:52px;border:2px solid var(--qni-navy);border-radius:var(--radius-control);padding:0 14px;color:var(--color-text-on-light);background:var(--qni-white);font-weight:850}.room-category-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-category-picker>span{grid-column:1 / -1;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.room-category-picker label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 9px;align-items:center;margin:0;border:2px solid color-mix(in srgb,var(--qni-navy) 28%,var(--qni-cream));border-radius:10px;padding:9px;color:var(--color-text-on-light);background:var(--qni-white);cursor:pointer}.room-category-picker label.selected{border-color:var(--qni-navy);background:var(--qni-gold)}.room-category-picker input{grid-row:1 / 3;width:20px;min-height:20px;margin:0;accent-color:var(--qni-burgundy-bright)}.room-category-picker b{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.room-category-picker small{color:var(--color-text-muted-on-light);font-size:.6rem}.locked-note{color:var(--color-text-muted-on-light);font-size:.75rem}.opponent-presence{display:flex;align-items:center;gap:10px;border:2px dashed var(--qni-gold-deep);border-radius:var(--radius-control);padding:14px;color:var(--color-text-muted-on-light);background:var(--qni-white);font-size:.76rem}.opponent-presence i{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:var(--qni-gold-deep)}.opponent-presence.present{border-style:solid;border-color:var(--qni-correct-dark);color:var(--qni-navy)}.opponent-presence.present i{background:var(--qni-correct-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--qni-correct) 20%,transparent)}.host-lobby-card .invite-link{width:100%}.host-lobby-card .invite-link input{min-height:48px;font-size:.75rem}.host-lobby-card .invite-actions{grid-template-columns:1fr 1fr}.host-lobby-card>small{display:block;margin-top:12px;color:var(--color-text-muted-on-light);font-size:.66rem}.launch-panel{border-color:var(--qni-navy);color:var(--color-text-on-dark);background:linear-gradient(145deg,var(--qni-navy-soft),var(--qni-navy))}.launch-panel:before{background:var(--qni-gold-bright)}.launch-panel .lobby-card-heading p{color:var(--qni-gold)}.launch-panel .lobby-card-heading h2{color:var(--color-text-on-dark)}.launch-panel .solo-action{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;border:2px solid var(--qni-gold-deep);border-radius:var(--radius-control);padding:0 16px;color:var(--color-text-on-dark);background:var(--qni-burgundy);font-weight:900;cursor:pointer}.launch-panel .solo-action span{color:var(--qni-gold);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.launch-panel>small{color:var(--color-text-muted-on-dark)}.waiting-panel{color:var(--color-text-on-dark);background:var(--qni-navy)}.waiting-panel p{color:var(--qni-gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.waiting-panel h2{color:var(--color-text-on-dark)}.waiting-panel>span{color:var(--color-text-muted-on-dark)}.score-strip.solo-score{grid-template-columns:1fr}.score-strip.solo-score>div{text-align:center}.score-strip.solo-score span{color:var(--qni-gold);font-weight:900;letter-spacing:.12em}.score-strip.solo-score strong{font-size:1.45rem}.leader-tabs button{border:2px solid var(--qni-navy);border-radius:9px;color:var(--qni-navy);background:var(--qni-cream)}.leader-tabs button.active{border-color:var(--qni-navy);color:var(--qni-navy);background:var(--qni-gold-bright);box-shadow:0 3px 0 var(--qni-gold-deep)}.leader-row{color:var(--qni-navy)}.leader-row:hover{background:var(--qni-gold)}.leader-row>strong:last-child{color:var(--qni-burgundy-bright)}.rank{color:var(--qni-navy-soft)}.rank-1{color:var(--qni-gold-deep)}.rank-2{color:var(--qni-navy-soft)}.rank-3{color:var(--qni-burgundy-bright)}.versus-card{border:2px solid var(--qni-navy);border-radius:var(--radius-card);color:var(--qni-cream);background:var(--qni-navy);box-shadow:var(--shadow-card)}.versus-card p,.versus-card>div:first-child span,.versus-card article span{color:color-mix(in srgb,var(--qni-cream) 67%,var(--qni-navy))}.versus-card>div:first-child strong{color:var(--qni-gold-bright)}.versus-card article{border-left-color:var(--qni-gold-deep)}.profile-edit{background:var(--qni-cream-deep)}.search-stage{border-top-color:var(--qni-gold-deep)}.search-stage>label>span{color:var(--qni-navy)}.search-stage label b{color:var(--qni-burgundy-bright)}.search-prompt>span{border:3px solid var(--qni-gold-deep);color:var(--qni-gold);background:var(--qni-navy)}.search-prompt p,.player-rating small{color:var(--color-text-muted)}.player-results>article{border-bottom-color:color-mix(in srgb,var(--qni-navy) 22%,transparent);background:var(--qni-cream-deep)}.player-rating b{color:var(--qni-burgundy-bright)}.row-actions button,.full-challenge-list .row-actions button,.player-results>article>button{border:2px solid var(--qni-navy);border-radius:8px;color:var(--qni-navy);background:var(--qni-cream)}.row-actions button.accept,.player-results>article>button.accept{border-color:var(--qni-navy);color:var(--qni-navy);background:var(--qni-gold-bright)}.status-pill{border-color:var(--qni-navy);color:var(--qni-navy);background:var(--qni-cream)}.status-pill.pending{border-color:var(--qni-gold-deep);color:var(--qni-burgundy-bright);background:var(--qni-gold)}.status-pill.completed{color:var(--color-success)}.platform-error{border-left-color:var(--qni-burgundy-bright);color:var(--qni-cream);background:var(--qni-burgundy)}.auth-form .platform-error{color:var(--qni-burgundy);background:color-mix(in srgb,var(--qni-burgundy-bright) 12%,var(--qni-cream))}.success-note{border-color:var(--qni-gold-deep);color:var(--qni-navy);background:var(--qni-gold)}html.game-viewport-locked .topbar{display:none}html.game-viewport-locked .platform-app{min-height:0}@media(max-width:980px){.topbar nav{border-bottom:3px solid var(--qni-gold-bright);background:var(--qni-navy)}}@media(max-width:700px){.wordmark{width:min(56%,230px)}.auth-hero{min-height:500px}.auth-panel{padding-top:105px}.topbar{min-height:66px}.platform-logo>img{width:40px;height:40px}.platform-logo strong{font-size:.76rem}.page-intro h1{font-size:clamp(2rem,12vw,3.2rem)}.content-card,.stat-tiles article,.versus-card{border-radius:14px}.invite-room-card{padding:30px 18px}.host-lobby-grid{grid-template-columns:1fr;gap:12px}.setup-panel{grid-row:auto}.host-lobby-card{padding:17px}.room-category-picker{grid-template-columns:1fr 1fr;gap:6px}.room-category-picker label{padding:7px}.host-lobby-card .invite-actions{grid-template-columns:1fr}.game-logo{width:min(62%,210px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}