:root{
  --paper:#f0cf2b; --paper2:#f7df64; --ink:#11110f; --muted:#6a5f2d; --mag:#ff2d8f; --acid:#b7ff38; --orange:#ff7a1a; --cream:#fff7cf; --red:#ff4b45; --shadow:#17170f;
}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif}body{margin:0;min-height:100vh;overflow-x:hidden;background:
radial-gradient(circle at 18% 12%,rgba(255,255,255,.35),transparent 24rem),
radial-gradient(circle at 82% 70%,rgba(255,45,143,.08),transparent 30rem),
linear-gradient(180deg,#f5d93c,#edc825)}
button,input,select{font:inherit;color:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.1;background:repeating-linear-gradient(180deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.page-grid{position:fixed;inset:auto 0 0;height:33%;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(0,0,0,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.35) 1px,transparent 1px);background-size:34px 34px;transform:perspective(400px) rotateX(62deg) scale(1.3);transform-origin:bottom;mask-image:linear-gradient(transparent,#000)}
.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:2px solid color-mix(in srgb,var(--ink) 75.0%,transparent)}.brand{border:0;background:none;display:flex;gap:12px;align-items:center;font-weight:950;letter-spacing:-.04em;font-size:20px;cursor:pointer}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:var(--paper);clip-path:polygon(0 0,82% 0,100% 26%,100% 100%,18% 100%,0 74%);font-size:14px;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.player-chip,.tiny-btn{border:1.5px solid var(--ink);background:transparent;min-width:42px;height:42px;display:grid;place-items:center;cursor:pointer;box-shadow:3px 3px 0 color-mix(in srgb,var(--ink) 18.0%,transparent);transition:transform .08s steps(2),box-shadow .08s steps(2),background .08s}.icon-btn:hover,.tiny-btn:hover{background:var(--ink);color:var(--paper)}.icon-btn:active,.tiny-btn:active{transform:translate(3px,3px);box-shadow:0 0 0}.icon-btn svg,.tiny-btn svg,.nav-icon svg,.row-actions svg,.mode-ico svg,.stat-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.player-chip{padding:0 10px;grid-template-columns:28px auto;gap:8px;min-width:0;font-size:12px;font-weight:900}.player-chip span:first-child{width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:10px}
.app{width:min(1160px,calc(100% - 36px));margin:0 auto;padding:48px 0 96px;position:relative;z-index:5}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px}.headline{font-weight:1000;text-transform:uppercase;letter-spacing:-.065em;line-height:.86;font-size:clamp(52px,8vw,112px);margin:0;max-width:960px}.headline .slash{color:var(--mag)}.sub{max-width:650px;font-size:17px;line-height:1.55;margin:18px 0 0;color:var(--muted)}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:end}.hero-side{padding-bottom:7px}.ticker{margin-top:38px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;padding:9px 0;font-weight:900;font-size:12px;letter-spacing:.13em;white-space:nowrap}.ticker-track{display:inline-block;min-width:200%;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.menu{margin-top:44px;border-top:2px solid var(--ink)}.menu-item{width:100%;background:none;border:0;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 45.0%,transparent);padding:17px 4px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;text-align:left;cursor:pointer;position:relative;overflow:hidden}.menu-item::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateX(-101%);transition:transform .18s steps(5)}.menu-item:hover::before,.menu-item:focus-visible::before{transform:translateX(0)}.menu-item:hover,.menu-item:focus-visible{color:var(--paper)}.menu-item>*{position:relative;z-index:1}.mode-ico{width:34px;height:34px;display:grid;place-items:center}.mode-title{font-size:26px;font-weight:1000;letter-spacing:-.04em;text-transform:uppercase}.mode-desc{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-top:3px}.menu-go{font-weight:900;font-size:18px}.accent-strip{height:14px;margin-top:28px;display:grid;grid-template-columns:2fr 1fr .65fr 1.35fr;gap:5px}.accent-strip span:nth-child(1){background:var(--ink)}.accent-strip span:nth-child(2){background:var(--mag)}.accent-strip span:nth-child(3){background:var(--acid)}.accent-strip span:nth-child(4){background:var(--orange)}
.navbar{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);display:flex;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px);border:2px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 20.0%,transparent)}.nav-btn{width:84px;height:58px;border:0;border-right:1px solid var(--ink);background:transparent;display:grid;place-items:center;gap:2px;cursor:pointer;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.nav-btn:last-child{border-right:0}.nav-btn.active,.nav-btn:hover{background:var(--ink);color:var(--paper)}.nav-icon svg{width:18px;height:18px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:26px}.section-title{font-size:clamp(38px,6vw,74px);font-weight:1000;text-transform:uppercase;letter-spacing:-.055em;line-height:.9;margin:0}.section-note{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;text-align:right}.back{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;margin-bottom:26px;font-weight:900;text-transform:uppercase;cursor:pointer}.back::before{content:"←";font-size:18px}.back:hover{transform:translateX(-3px)}
.auth-wrap{display:grid;grid-template-columns:1fr minmax(320px,470px);gap:70px;align-items:center;min-height:65vh}.auth-copy .headline{font-size:clamp(58px,9vw,118px)}.auth-panel{border-left:3px solid var(--ink);padding-left:34px}.tabs{display:flex;gap:22px;border-bottom:1.5px solid var(--ink);margin-bottom:26px}.tab{border:0;background:none;padding:0 0 11px;font-weight:1000;text-transform:uppercase;cursor:pointer;position:relative}.tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:5px;background:var(--mag)}.field{display:block;margin:18px 0}.field label{display:block;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;margin-bottom:6px}.field input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:10px 2px;font-size:18px;outline:none}.field input:focus{border-color:var(--mag)}.primary,.secondary,.danger{min-height:48px;border:2px solid var(--ink);padding:0 18px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s steps(2),box-shadow .08s steps(2)}.primary{background:var(--ink);color:var(--paper)}.secondary{background:transparent}.danger{background:var(--red);color:var(--ink)}.primary:hover{background:var(--mag)}.secondary:hover{background:var(--cream)}.primary:active,.secondary:active,.danger:active{transform:translate(4px,4px);box-shadow:none}.form-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.form-error{min-height:19px;margin-top:10px;font-size:12px;font-weight:850;color:#a01419}
.play-setup{display:grid;grid-template-columns:1.2fr .8fr;gap:54px}.channel-list{border-top:2px solid var(--ink)}.channel{width:100%;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 50.0%,transparent);background:none;padding:13px 3px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase;font-size:16px;font-weight:950}.channel .check{opacity:0;transform:scale(.7);transition:.12s}.channel.on .check{opacity:1;transform:scale(1)}.channel.on{padding-left:12px;background:rgba(255,255,255,.22)}.setup-side{border-left:2px solid var(--ink);padding-left:30px}.selector-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;margin:20px 0 8px}.seg{display:flex;flex-wrap:wrap;gap:7px}.seg button{border:1.5px solid var(--ink);background:transparent;padding:8px 12px;font-size:11px;font-weight:950;text-transform:uppercase;cursor:pointer}.seg button.on,.seg button:hover{background:var(--ink);color:var(--paper)}
.game-hud{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:12px}.hud-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hud-value{font-size:28px;font-weight:1000;line-height:1}.timer-line{height:8px;border:1.5px solid var(--ink);margin-top:18px;background:rgba(255,255,255,.24);overflow:hidden}.timer-fill{height:100%;background:var(--ink);width:100%;transform-origin:left}.timer-fill.danger{background:var(--red)}.question-area{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:52px 0}.q-cat{font-size:11px;font-weight:950;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.q-text{font-size:clamp(36px,6vw,78px);font-weight:1000;line-height:.98;letter-spacing:-.045em;max-width:1050px}.answers{width:100%;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.answer{min-height:96px;border:0;background:none;padding:20px 26px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:30px;font-weight:1000;text-transform:uppercase;position:relative;overflow:hidden}.answer:first-child{border-right:2px solid var(--ink)}.answer::after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:.16s steps(5)}.answer:hover::after{transform:translateY(0)}.answer:hover{color:var(--paper)}.answer>*{position:relative;z-index:2}.answer kbd{font-size:11px;border:1px solid currentColor;padding:5px 8px;font-family:inherit}.reveal{margin-top:22px;border-left:8px solid var(--ink);padding:14px 0 14px 22px;animation:revealIn .18s steps(5)}.reveal.correct{border-color:#4c8e19}.reveal.wrong{border-color:var(--red)}.reveal-title{font-weight:1000;font-size:28px;text-transform:uppercase}.reveal-points{font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.reveal-copy{max-width:740px;line-height:1.5;margin:11px 0 18px}.speed-pop{display:inline-block;background:var(--acid);padding:4px 8px;margin-left:6px}.score-pop{animation:punch .28s steps(4)}
@keyframes revealIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes punch{0%{transform:scale(.6) rotate(-7deg)}70%{transform:scale(1.18) rotate(2deg)}100%{transform:scale(1)}}
.flash-correct{animation:goodFlash .36s steps(4)}.flash-wrong{animation:badFlash .4s steps(5)}@keyframes goodFlash{25%{background:#bdff4d}50%{background:var(--paper)}75%{background:#fff19c}}@keyframes badFlash{20%{transform:translateX(-7px);background:#ff716c}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:none;background:var(--paper)}}
.list{border-top:2px solid var(--ink)}.list-row{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;min-height:68px;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 50.0%,transparent)}.avatar{width:36px;height:36px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:11px;font-weight:950}.row-title{font-weight:1000;text-transform:uppercase;font-size:17px}.row-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-top:3px}.row-actions{display:flex;gap:7px}.row-actions button{width:38px;height:38px;border:1.5px solid var(--ink);background:transparent;display:grid;place-items:center;cursor:pointer}.row-actions button:hover{background:var(--ink);color:var(--paper)}.empty{padding:36px 0;border-bottom:1.5px solid var(--ink);font-weight:850;text-transform:uppercase;color:#615628}.searchline{display:flex;border-bottom:2px solid var(--ink);margin-bottom:22px}.searchline svg{width:22px;height:22px;margin:12px 8px 0 0;fill:none;stroke:currentColor;stroke-width:2}.searchline input{flex:1;border:0;background:none;outline:none;font-size:20px;padding:10px 0}.searchline button{border:0;background:var(--ink);color:var(--paper);padding:0 18px;font-weight:950;text-transform:uppercase;cursor:pointer}.subtabs{display:flex;gap:20px;margin:18px 0}.subtabs button{border:0;background:none;font-weight:950;text-transform:uppercase;padding:6px 0;border-bottom:4px solid transparent;cursor:pointer}.subtabs button.on{border-color:var(--mag)}
.party-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}.party-code{font-size:clamp(52px,7vw,92px);font-weight:1000;letter-spacing:.12em;line-height:1}.party-meta{display:flex;gap:16px;align-items:center;margin:12px 0 24px;font-size:11px;text-transform:uppercase;font-weight:900}.party-panel{border-left:2px solid var(--ink);padding-left:28px}.member-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 45.0%,transparent)}.tag{display:inline-block;border:1px solid var(--ink);padding:3px 6px;font-size:9px;font-weight:950;text-transform:uppercase;margin-left:7px}.tag.ready{background:var(--acid)}.tag.host{background:var(--mag)}.tag.team{background:var(--cream)}.invite-banner{border:2px solid var(--ink);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;background:rgba(255,255,255,.25)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink);margin-top:30px}.stat{padding:20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.stat-num{font-size:36px;font-weight:1000}.stat-label{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.achievements{margin-top:28px}.achievement{display:grid;grid-template-columns:24px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 45.0%,transparent);align-items:center;opacity:.45}.achievement.unlocked{opacity:1}.achievement .dot{width:14px;height:14px;border:2px solid var(--ink)}.achievement.unlocked .dot{background:var(--acid)}
.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transform:translateY(90px);opacity:0;transition:.18s steps(5);max-width:min(420px,calc(100% - 36px))}.toast.show{transform:none;opacity:1}#fx-layer{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden}.pixel{position:absolute;width:7px;height:7px;background:var(--ink);image-rendering:pixelated;animation:px .44s steps(5) forwards}@keyframes px{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}#wipe{position:fixed;inset:0;z-index:150;pointer-events:none;display:none;background:repeating-linear-gradient(90deg,var(--ink) 0 32px,var(--mag) 32px 36px,var(--paper) 36px 66px)}#wipe.go{display:block;animation:wipe .28s steps(8) forwards}@keyframes wipe{from{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}
.loading{padding:90px 0;text-align:center;font-size:13px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.online-word{font-size:10px;text-transform:uppercase;font-weight:950}.online-word.yes::before{content:"// ";color:#4b850b}.online-word.no{opacity:.45}.party-scoreboard{margin-top:22px;border-top:2px solid var(--ink)}.score-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 40.0%,transparent);font-weight:950;text-transform:uppercase}.team-score{background:rgba(255,255,255,.23);padding:2px 6px}.micro{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.split-actions{display:flex;gap:10px;flex-wrap:wrap}.countdown{font-size:clamp(72px,12vw,170px);font-weight:1000;line-height:.8;text-transform:uppercase;letter-spacing:-.06em}.big-result{font-size:clamp(64px,10vw,150px);font-weight:1000;line-height:.82;text-transform:uppercase;letter-spacing:-.06em}.result-list{margin-top:32px}.hint{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
@media(max-width:820px){.topbar{padding:0 16px;height:62px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}.player-chip #miniName{display:none}.player-chip{grid-template-columns:28px;padding:0 6px}.app{width:min(100% - 24px,1160px);padding-top:32px}.hero,.auth-wrap,.play-setup,.party-layout{grid-template-columns:1fr;gap:28px}.hero-side,.setup-side,.party-panel{border-left:0;padding-left:0}.auth-panel{border-left:0;border-top:3px solid var(--ink);padding:24px 0 0}.stats-grid{grid-template-columns:1fr 1fr}.game-hud{grid-template-columns:1fr auto;gap:14px}.game-hud>div:nth-child(3){display:none}.question-area{min-height:330px;padding:34px 0}.answers{grid-template-columns:1fr}.answer:first-child{border-right:0;border-bottom:2px solid var(--ink)}.navbar{bottom:10px}.nav-btn{width:68px}.mode-title{font-size:21px}.section-head{align-items:flex-start;flex-direction:column}.section-note{text-align:left}.party-code{font-size:54px}}
@media(max-width:480px){.top-actions{gap:6px}.icon-btn{min-width:38px;height:38px}.headline{font-size:52px}.q-text{font-size:35px}.list-row{grid-template-columns:38px 1fr}.list-row>.row-actions{grid-column:2;justify-content:flex-start;padding-bottom:10px}.stats-grid{grid-template-columns:1fr}.navbar{max-width:calc(100% - 16px);overflow:hidden}.nav-btn{width:62px}.nav-btn span:last-child{font-size:8px}.party-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ticker-track,.page-grid,.scanlines,.name-tag,.player-name{animation-duration:3s!important}.scanlines{opacity:.055}}

/* V7 UI polish: compact controls, proper topic icons, stronger click FX, mobile-first sizing */
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.primary,.secondary,.danger{min-height:42px;padding:0 14px;font-size:12px;box-shadow:3px 3px 0 var(--ink)}
.primary svg,.secondary svg,.danger svg{width:15px;height:15px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2}
.form-actions{margin-top:20px;gap:9px;flex-wrap:wrap}
.menu-item{padding:13px 4px;grid-template-columns:46px 1fr auto}
.mode-title{font-size:23px}.mode-desc{font-size:10px}.mode-ico{width:30px;height:30px}.menu-go{font-size:15px}
.play-setup{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:38px}
.topic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:2px solid var(--ink);padding:0 0 8px;margin-bottom:1px}
.text-action{border:0;background:none;padding:6px 0;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent}
.text-action:hover,.text-action:focus-visible{border-color:var(--mag)}
.channel-list{border-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.channel{min-width:0;min-height:44px;padding:8px 1px;border-bottom:1px solid color-mix(in srgb,var(--ink) 44.0%,transparent);display:grid;grid-template-columns:23px minmax(0,1fr) 18px;gap:8px;align-items:center;justify-content:initial;text-align:left;font-size:12px;letter-spacing:.015em}
.channel.on{padding-left:1px;background:transparent}.channel:hover,.channel:focus-visible{background:rgba(255,255,255,.18)}
.topic-ico{width:22px;height:22px;display:grid;place-items:center}.topic-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.topic-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-name small{font-size:8px;opacity:.55;margin-right:6px;letter-spacing:.07em}.channel .check{width:18px;height:18px;display:grid;place-items:center}.channel .check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4}
.setup-side{padding-left:24px}.setup-copy{font-size:12px;line-height:1.5;margin-top:18px;max-width:330px}.seg{gap:5px}.seg button{padding:6px 9px;min-height:34px;font-size:10px}
.achievement{grid-template-columns:30px minmax(0,1fr) auto}.achievement-icon{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid currentColor}.achievement-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.achievement.unlocked .achievement-icon{background:var(--acid)}
.click-ring{position:absolute;width:12px;height:12px;border:3px solid var(--ink);transform:translate(-50%,-50%);animation:clickRing .4s steps(5) forwards;image-rendering:pixelated}
@keyframes clickRing{0%{width:10px;height:10px;opacity:1}55%{width:42px;height:42px;opacity:1}100%{width:66px;height:66px;opacity:0}}

@media(max-width:900px){
  .play-setup{grid-template-columns:1fr;gap:24px}
  .setup-side{border-left:0;border-top:2px solid var(--ink);padding:18px 0 0}
  .channel-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .setup-copy{max-width:520px}
}

@media(max-width:700px){
  body{background:radial-gradient(circle at 10% 6%,rgba(255,255,255,.18),transparent 16rem),linear-gradient(180deg,var(--paper2),var(--paper))}
  .page-grid{height:22%;background-size:26px 26px;opacity:.1}
  .topbar{height:56px;padding:0 12px}.brand{font-size:14px;gap:8px}.brand-mark{width:30px;height:30px;font-size:11px}.top-actions{gap:6px}.icon-btn{min-width:38px;height:38px}.player-chip{height:38px;padding:0 5px;grid-template-columns:26px auto}.player-chip span:first-child{width:26px;height:26px}
  .app{width:calc(100% - 22px);padding:25px 0 calc(92px + env(safe-area-inset-bottom))}
  .headline{font-size:clamp(48px,17vw,72px);line-height:.84}.sub{font-size:14px;line-height:1.45;margin-top:14px}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:10px}
  .hero,.auth-wrap,.party-layout{grid-template-columns:1fr;gap:24px}.auth-wrap{min-height:auto}.auth-panel{padding-top:20px}.hero-side{padding-bottom:0}.hero-side>div[style*="font-size:34px"]{font-size:25px!important}
  .ticker{margin-top:25px;padding:7px 0;font-size:9px}
  .menu{margin-top:28px}.menu-item{padding:11px 1px;grid-template-columns:34px minmax(0,1fr) 34px}.mode-ico{width:28px;height:28px}.mode-ico svg{width:18px;height:18px}.mode-title{font-size:18px;letter-spacing:-.02em}.mode-desc{font-size:8px;line-height:1.35;letter-spacing:.08em}.menu-go{font-size:11px}
  .section-head{margin-bottom:18px;padding-bottom:11px;gap:8px}.section-title{font-size:clamp(35px,12vw,52px)}.section-note{font-size:8px;letter-spacing:.1em}.back{margin-bottom:18px;font-size:11px}
  .channel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.channel{min-height:42px;grid-template-columns:20px minmax(0,1fr) 15px;gap:6px;font-size:11px}.topic-ico{width:19px;height:19px}.topic-ico svg{width:17px;height:17px}.topic-name small{font-size:7px;margin-right:4px}.channel .check svg{width:13px;height:13px}
  .setup-side{padding-top:15px}.selector-label{margin:14px 0 6px}.seg button{min-height:34px;padding:6px 8px}.setup-copy{font-size:11px}
  .primary,.secondary,.danger{min-height:40px;padding:0 12px;font-size:11px;box-shadow:2px 2px 0 var(--ink)}
  .field{margin:15px 0}.field input,.searchline input{font-size:16px}.tabs{gap:14px}.tab{font-size:12px}
  .game-hud{grid-template-columns:1fr auto;gap:12px;padding-bottom:9px}.hud-label{font-size:8px}.hud-value{font-size:22px}.timer-line{height:6px;margin-top:12px}
  .question-area{min-height:250px;padding:27px 0}.q-cat{font-size:9px;margin-bottom:12px;letter-spacing:.13em}.q-text{font-size:clamp(29px,9.5vw,44px);line-height:.98}
  .answer{min-height:70px;padding:14px 14px;font-size:22px}.answer kbd{font-size:9px;padding:4px 6px}.reveal{margin-top:15px;padding:10px 0 10px 14px;border-left-width:5px}.reveal-title{font-size:21px}.reveal-copy{font-size:13px;margin:8px 0 13px}.speed-pop{margin-left:2px;margin-top:5px}
  .list-row{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:60px;padding:7px 0}.avatar{width:32px;height:32px}.row-title{font-size:14px}.row-sub{font-size:9px}.list-row>.row-actions{grid-column:2;justify-content:flex-start;padding:0 0 5px}.row-actions button{width:36px;height:36px}.subtabs{gap:14px;overflow-x:auto;white-space:nowrap;margin:14px 0}.subtabs button{font-size:11px}.searchline{margin-bottom:16px}.searchline button{padding:0 12px;font-size:10px}
  .party-panel{border-left:0;border-top:2px solid var(--ink);padding:18px 0 0}.party-code{font-size:clamp(42px,16vw,62px)}.party-meta{font-size:9px;margin:8px 0 16px}.member-row{grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.invite-banner{padding:12px;align-items:flex-start;flex-direction:column}.split-actions{width:100%}
  .stats-grid{grid-template-columns:1fr 1fr;margin-top:22px}.stat{padding:14px}.stat-num{font-size:28px}.achievement{grid-template-columns:28px minmax(0,1fr);gap:10px}.achievement>.micro{grid-column:2}.achievement-icon{width:24px;height:24px}
  .countdown{font-size:clamp(64px,24vw,110px)}.big-result{font-size:clamp(56px,19vw,100px)}
  .navbar{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:470px}.nav-btn{flex:1;width:auto;min-width:0;height:52px;padding:0 2px}.nav-icon svg{width:17px;height:17px}.nav-btn span:last-child{font-size:7px;letter-spacing:.05em}
  .toast{right:10px;bottom:calc(70px + env(safe-area-inset-bottom));max-width:calc(100% - 20px);font-size:10px}
}
@media(max-width:380px){
  .brand span:last-child{font-size:12px}.player-chip #miniName{display:none}.player-chip{grid-template-columns:26px}
  .app{width:calc(100% - 18px)}
  .channel-list{gap:0 8px}.channel{font-size:10px;grid-template-columns:18px minmax(0,1fr) 13px}.topic-ico svg{width:15px;height:15px}
  .stats-grid{grid-template-columns:1fr 1fr}.stat{padding:11px}.stat-num{font-size:24px}
  .answer{font-size:20px}.q-text{font-size:28px}.navbar{width:calc(100% - 10px)}
}
@media(max-width:700px) and (orientation:landscape){
  .question-area{min-height:150px;padding:18px 0}.q-text{font-size:34px}.answers{grid-template-columns:1fr 1fr}.answer:first-child{border-right:2px solid var(--ink);border-bottom:0}.navbar{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;margin-top:22px}
}

/* V8 progression + cosmetic reward system */
.player-name{display:inline-block;position:relative;font:inherit;color:inherit;line-height:inherit}
.name-tag{display:inline-block;margin-left:7px;padding:2px 5px 1px;border:1.5px solid currentColor;font-size:8px;font-weight:1000;letter-spacing:.08em;line-height:1.25;vertical-align:middle;text-transform:uppercase;white-space:nowrap;background:rgba(255,255,255,.16)}
.name-tag.preview{margin-left:0;font-size:9px;background:transparent}
.hero-player-name{margin:5px 0 9px;font-size:32px;font-weight:1000;text-transform:uppercase;line-height:1}
.profile-name{display:flex;align-items:center;gap:4px;flex-wrap:wrap}

.xp-block{max-width:560px;margin:17px 0 18px}.xp-block.compact{max-width:330px;margin:10px 0 11px}
.xp-meta{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:end;margin-bottom:6px;font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.xp-meta span:nth-child(2){text-align:center;opacity:.72}.xp-track{height:11px;border:2px solid var(--ink);background:rgba(255,255,255,.2);overflow:hidden;position:relative}
.xp-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--ink) 18.0%,transparent) 18px 20px);pointer-events:none}
.xp-track i{display:block;height:100%;background:var(--mag);transition:width .35s steps(8,end)}

.rewards{margin-top:42px;border-top:3px solid var(--ink);padding-top:15px}.rewards-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.rewards-head h3{margin:2px 0 0;font-size:24px;line-height:1;text-transform:uppercase;font-style:italic;letter-spacing:-.03em}
.reward-group{margin-top:22px}.reward-list{border-top:2px solid var(--ink)}
.reward-item{width:100%;min-height:58px;padding:8px 2px;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 45.0%,transparent);background:transparent;color:var(--ink);display:grid;grid-template-columns:68px minmax(0,1fr) 86px;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:background .08s linear,padding .08s linear}
.reward-item:not(:disabled):hover,.reward-item:not(:disabled):focus-visible{background:rgba(255,255,255,.23);padding-left:8px}.reward-item.equipped{background:var(--ink);color:var(--paper)}
.reward-item.locked{opacity:.36;cursor:not-allowed}.reward-level,.reward-state{font-size:9px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.reward-state{text-align:right}.reward-item b{display:block;font-size:15px;text-transform:uppercase}.reward-item small{display:block;margin-top:3px;font-size:9px;letter-spacing:.04em;opacity:.67;text-transform:uppercase}
.reward-item.equipped .name-tag{filter:drop-shadow(0 1px 0 rgba(255,255,255,.2))}

.namefx-pixel{animation:namePixel 1.1s steps(2,end) infinite;text-shadow:2px 0 0 var(--mag)}
.namefx-magenta{color:var(--mag)!important;text-shadow:2px 2px 0 var(--ink)}
.namefx-glitch{animation:nameGlitch 1.6s steps(1,end) infinite;text-shadow:-2px 0 var(--acid),2px 0 var(--mag)}
.namefx-gold{background:repeating-linear-gradient(90deg,#11110f 0 20%,#ff7a1a 20% 35%,#11110f 35% 55%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nameGold 1.8s steps(9,end) infinite}
.namefx-boss{font-weight:1000;animation:nameBoss .9s steps(2,end) infinite;text-shadow:3px 0 0 var(--mag),-3px 0 0 var(--acid)}
@keyframes namePixel{0%,68%,100%{transform:translate(0,0);text-shadow:2px 0 0 var(--mag)}70%{transform:translate(1px,-1px);text-shadow:-2px 1px 0 var(--acid)}74%{transform:translate(-1px,0);text-shadow:2px 0 0 var(--mag)}}
@keyframes nameGlitch{0%,74%,100%{transform:translate(0)}75%{transform:translate(2px,-1px)}78%{transform:translate(-2px,1px)}81%{transform:translate(1px,0)}}
@keyframes nameGold{to{background-position:-220% 0}}
@keyframes nameBoss{0%,76%,100%{transform:skewX(-5deg) scale(1)}78%{transform:skewX(6deg) scale(1.04)}82%{transform:skewX(-8deg) scale(.99)}}


/* V9 collectible tag themes — cosmetics are intentionally not all one visual style */
.reward-level em{display:block;margin-top:4px;font-style:normal;font-size:7px;letter-spacing:.12em;opacity:.58}
.name-tag{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0)}
.name-tag.tag-press{
  color:#11110f;background:#fff4cc;border:1px solid #11110f;box-shadow:2px 2px 0 #11110f;
  font-family:"Courier New",monospace;letter-spacing:.04em;padding:3px 6px 2px;
}
.name-tag.tag-press:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--ink) 8.0%,transparent) 3px 4px);animation:tagPressScan 2.8s steps(7,end) infinite}

.name-tag.tag-hazard{
  color:#fff;background:#ff2d8f;border:1px solid #11110f;box-shadow:2px 2px 0 #11110f;
  padding:3px 8px 2px;text-shadow:1px 1px 0 #11110f;
}
.name-tag.tag-hazard:before{content:"";position:absolute;z-index:-1;inset:-4px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 92.0%,transparent) 0 7px,transparent 7px 14px);background-size:20px 20px;opacity:.28;animation:tagHazard 1s linear infinite}

.name-tag.tag-racing{
  color:#fff7cf;background:#11110f;border:0;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,5% 50%);
  padding:4px 11px 3px 12px;box-shadow:none;letter-spacing:.06em;
}
.name-tag.tag-racing:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(120deg,transparent 0 11px,#ff7a1a 11px 16px,transparent 16px 27px);background-size:48px 100%;opacity:.8;animation:tagRace .72s linear infinite}

.name-tag.tag-holo{
  color:#11110f;border:1px solid color-mix(in srgb,var(--ink) 70.0%,transparent);padding:4px 8px 3px;background:linear-gradient(110deg,#fff7cf 0%,#b7ff38 20%,#ffb4df 39%,#d9c5ff 58%,#fff7cf 78%,#ff7a1a 100%);background-size:240% 100%;
  box-shadow:2px 2px 0 color-mix(in srgb,var(--ink) 55.0%,transparent);animation:tagHolo 2.1s steps(14,end) infinite;
}
.name-tag.tag-holo:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.65}

.name-tag.tag-legend{
  color:#171000;border:1px solid #171000;padding:4px 9px 3px;background:linear-gradient(90deg,#ffb51a,#fff2a1,#ff7a1a,#fff2a1,#ffb51a);background-size:260% 100%;box-shadow:2px 2px 0 #171000;
  animation:tagLegend 1.6s steps(12,end) infinite;font-weight:1000;
}
.name-tag.tag-legend:before,.name-tag.tag-legend:after{content:"✦";position:absolute;font-size:7px;line-height:1;animation:tagStar 1.1s steps(2,end) infinite}
.name-tag.tag-legend:before{left:2px;top:2px}.name-tag.tag-legend:after{right:2px;bottom:2px;animation-delay:.45s}

@keyframes tagPressScan{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@keyframes tagHazard{to{background-position:20px 0}}
@keyframes tagRace{to{background-position:48px 0}}
@keyframes tagHolo{to{background-position:-240% 0}}
@keyframes tagLegend{to{background-position:-260% 0}}
@keyframes tagStar{0%,45%,100%{opacity:.15;transform:scale(.7)}50%,80%{opacity:1;transform:scale(1.15)}}

@media(prefers-reduced-motion:reduce){
  .name-tag:before,.name-tag:after,.name-tag.tag-holo,.name-tag.tag-legend,.namefx-pixel,.namefx-glitch,.namefx-gold,.namefx-boss{animation:none!important}
}

@media(max-width:700px){
  .hero-player-name{font-size:25px}.name-tag{font-size:7px;margin-left:5px}.xp-block{margin:13px 0 14px}.xp-track{height:10px}.xp-meta{font-size:8px;gap:5px}
  .rewards{margin-top:31px}.rewards-head{align-items:flex-start;flex-direction:column;gap:6px}.rewards-head h3{font-size:20px}.reward-item{grid-template-columns:52px minmax(0,1fr) 67px;gap:8px;min-height:55px}.reward-item b{font-size:13px}.reward-item small{font-size:8px}.reward-level,.reward-state{font-size:8px}
}
@media(max-width:380px){.reward-item{grid-template-columns:43px minmax(0,1fr) 58px}.reward-item small{display:none}.name-tag{display:block;width:max-content;margin:4px 0 0}}

/* V10 expanded cosmetic collection */
.name-tag.tag-terminal{color:#b7ff38;background:#10130d;border:1px solid #b7ff38;box-shadow:2px 2px 0 #11110f;padding:3px 7px 2px;font-family:"Courier New",monospace;text-shadow:0 0 4px rgba(183,255,56,.45)}
.name-tag.tag-terminal:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 82%,rgba(183,255,56,.25) 82% 86%,transparent 86%);background-size:34px 100%;animation:tagTerminal 1.15s steps(8,end) infinite}
.name-tag.tag-sticker{color:#11110f;background:#fff;border:2px solid #11110f;border-radius:2px;box-shadow:3px 3px 0 #ff2d8f;padding:3px 7px 2px;transform:rotate(-1.5deg);animation:tagSticker 1.8s steps(2,end) infinite}
.name-tag.tag-vhs{color:#fff;background:#20152a;border:1px solid #fff;box-shadow:2px 2px 0 #ff2d8f;padding:3px 7px 2px;text-shadow:-1px 0 #53e6ff,1px 0 #ff2d8f}
.name-tag.tag-vhs:after{content:"SP";position:absolute;right:2px;top:1px;font-size:5px;opacity:.7;animation:tagVhs 1.4s steps(2,end) infinite}
.name-tag.tag-plasma{color:#fff;background:linear-gradient(90deg,#421062,#ff2d8f,#5d2cff,#421062);background-size:240% 100%;border:1px solid #11110f;box-shadow:2px 2px 0 #11110f;padding:4px 8px 3px;text-shadow:1px 1px 0 #11110f;animation:tagPlasma 1.2s linear infinite}
.name-tag.tag-error{color:#fff;background:#11110f;border:1px solid #ff4c44;padding:3px 8px 2px;text-shadow:2px 0 #ff2d8f,-2px 0 #53e6ff;animation:tagError .9s steps(3,end) infinite}
.name-tag.tag-error:after{content:"//";margin-left:4px;color:#ff4c44}
.name-tag.tag-chrome{color:#101010;background:linear-gradient(180deg,#fff 0 22%,#9d9d9d 25% 48%,#f7f7f7 50% 66%,#555 70% 82%,#fff 86% 100%);border:1px solid #11110f;padding:4px 9px 3px;box-shadow:2px 2px 0 #11110f;overflow:hidden}
.name-tag.tag-chrome:after{content:"";position:absolute;inset:-40% -70%;z-index:-1;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 48% 53%,transparent 58%);animation:tagChrome 2s steps(12,end) infinite}
.name-tag.tag-titan{color:#11110f;background:linear-gradient(90deg,#fff4a8,#ff2d8f,#b7ff38,#53e6ff,#fff4a8);background-size:300% 100%;border:2px solid #11110f;box-shadow:3px 3px 0 #11110f;padding:4px 10px 3px;animation:tagTitan 1.3s steps(10,end) infinite;font-weight:1000}
.name-tag.tag-titan:before{content:"✦";margin-right:4px}.name-tag.tag-titan:after{content:"✦";margin-left:4px}

.namefx-static{animation:nameStatic .72s steps(3,end) infinite;text-shadow:1px 0 #53e6ff,-1px 0 #fff}
.namefx-lime{color:#294700!important;text-shadow:0 0 1px #b7ff38,2px 1px 0 rgba(183,255,56,.38);animation:nameLime 1.1s steps(4,end) infinite}
.namefx-ghost{text-shadow:3px 0 rgba(255,45,143,.32),6px 0 rgba(83,230,255,.2);animation:nameGhost 1.5s steps(6,end) infinite}
.namefx-vhs{text-shadow:-2px 0 #53e6ff,2px 0 #ff2d8f;animation:nameVhs .95s steps(3,end) infinite}
.namefx-heat{background:linear-gradient(90deg,#11110f,#ff7a1a,#ff2d8f,#11110f);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nameHeat 1.3s steps(9,end) infinite}
.namefx-chroma{text-shadow:-2px 0 #ff2d8f,2px 0 #53e6ff;animation:nameChroma 1.05s steps(4,end) infinite}
.namefx-overdrive{font-weight:1000;text-shadow:2px 0 #ff7a1a;animation:nameOverdrive .62s steps(3,end) infinite}
.namefx-matrix{color:#183a0d!important;text-shadow:0 1px 0 #b7ff38,0 -1px 0 rgba(183,255,56,.45);animation:nameMatrix 1.5s steps(6,end) infinite}
.namefx-chrome{background:linear-gradient(90deg,#222,#fff,#777,#fff,#222);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nameChrome 1.7s steps(12,end) infinite}
.namefx-overclocked{font-weight:1000;text-shadow:-2px 0 #ff2d8f,2px 0 #53e6ff,0 2px #b7ff38;animation:nameOverclock .5s steps(2,end) infinite}

@keyframes tagTerminal{to{background-position:34px 0}}
@keyframes tagSticker{0%,86%,100%{transform:rotate(-1.5deg)}88%{transform:rotate(1deg) scale(1.03)}92%{transform:rotate(-2deg)}}
@keyframes tagVhs{0%,72%,100%{opacity:.7;transform:none}75%{opacity:.1;transform:translateX(2px)}80%{opacity:1;transform:translateX(-1px)}}
@keyframes tagPlasma{to{background-position:-240% 0}}
@keyframes tagError{0%,70%,100%{transform:none;clip-path:inset(0)}74%{transform:translateX(2px);clip-path:inset(15% 0 42% 0)}80%{transform:translateX(-2px);clip-path:inset(55% 0 10% 0)}}
@keyframes tagChrome{to{transform:translateX(160%)}}
@keyframes tagTitan{to{background-position:-300% 0}}
@keyframes nameStatic{0%,100%{transform:none}35%{transform:translate(1px,0)}70%{transform:translate(-1px,1px)}}
@keyframes nameLime{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes nameGhost{0%,100%{text-shadow:3px 0 rgba(255,45,143,.32),6px 0 rgba(83,230,255,.2)}50%{text-shadow:-3px 0 rgba(255,45,143,.28),-6px 0 rgba(83,230,255,.18)}}
@keyframes nameVhs{0%,70%,100%{transform:none}74%{transform:translateY(-1px) skewX(4deg)}80%{transform:translateY(1px) skewX(-3deg)}}
@keyframes nameHeat{to{background-position:-220% 0}}
@keyframes nameChroma{0%,100%{text-shadow:-2px 0 #ff2d8f,2px 0 #53e6ff}50%{text-shadow:2px 0 #ff2d8f,-2px 0 #53e6ff}}
@keyframes nameOverdrive{0%,100%{transform:none}50%{transform:skewX(-5deg) translateX(1px)}}
@keyframes nameMatrix{0%,100%{transform:none}50%{transform:translateY(-1px)}}
@keyframes nameChrome{to{background-position:-260% 0}}
@keyframes nameOverclock{0%,100%{transform:none;filter:brightness(1)}50%{transform:translate(1px,-1px) skewX(-4deg);filter:brightness(1.18)}}

@media(prefers-reduced-motion:reduce){
  .name-tag.tag-terminal,.name-tag.tag-sticker,.name-tag.tag-vhs,.name-tag.tag-plasma,.name-tag.tag-error,.name-tag.tag-chrome,.name-tag.tag-titan,
  .namefx-static,.namefx-lime,.namefx-ghost,.namefx-vhs,.namefx-heat,.namefx-chroma,.namefx-overdrive,.namefx-matrix,.namefx-chrome,.namefx-overclocked{animation:none!important}
}
.beta-mark{display:inline-block;margin-left:6px;padding:2px 5px;border:1px solid currentColor;font-size:7px;font-weight:1000;letter-spacing:.1em;vertical-align:middle;white-space:nowrap;background:var(--mag);color:#fff}
@media(max-width:520px){.beta-mark{display:none}}


/* V10.1 party round + desktop arcade FX patch */
.fx-press{animation:buttonCrunch .24s steps(4)!important}
@keyframes buttonCrunch{0%{transform:translate(0,0) scale(1)}35%{transform:translate(3px,3px) scale(.975)}70%{transform:translate(-1px,-1px) scale(1.012)}100%{transform:none}}
.pixel{animation-delay:var(--delay,0ms)}
.click-ring.desktop{border-width:4px;box-shadow:0 0 0 3px rgba(255,45,143,.45)}
.click-slash{position:absolute;width:8px;height:64px;background:var(--mag);transform:translate(-50%,-50%) rotate(52deg);transform-origin:center;animation:clickSlash .38s steps(5) forwards;mix-blend-mode:multiply}
@keyframes clickSlash{0%{height:0;opacity:1}45%{height:76px;opacity:1}100%{height:112px;opacity:0;transform:translate(-50%,-50%) rotate(52deg) translateY(-18px)}}
.result-good{animation:resultGood .46s steps(6)}
.result-bad{animation:resultBad .5s steps(6)}
.finish-pop{animation:finishPop .55s steps(7)}
@keyframes resultGood{0%{opacity:.15;transform:translateX(-34px) skewX(-9deg);letter-spacing:.02em}40%{opacity:1;transform:translateX(8px) skewX(3deg);color:#315d13}72%{transform:translateX(-3px) skewX(-1deg)}100%{transform:none}}
@keyframes resultBad{0%{opacity:.2;transform:translateX(26px);text-shadow:none}25%{transform:translateX(-10px);text-shadow:-5px 0 #ff2d8f,5px 0 #ff7a1a}52%{transform:translateX(7px);clip-path:inset(12% 0 38% 0)}75%{transform:translateX(-3px);clip-path:inset(0)}100%{transform:none;text-shadow:none}}
@keyframes finishPop{0%{opacity:0;transform:scale(.72) rotate(-2deg)}55%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{transform:none}}
.party-live-row{min-height:43px;align-items:center}
.party-live-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.party-answer-state{min-width:62px;font-size:8px;letter-spacing:.12em;font-weight:1000;opacity:.45;text-align:right}
.party-answer-state.done{opacity:1;color:#2d5d0e}
.reveal.waiting{border-color:var(--mag)}

@media (hover:hover) and (pointer:fine){
  .primary,.secondary,.danger,.nav-btn,.menu-item,.channel,.seg button,.row-actions button,.answer{will-change:transform}
  .primary:hover,.secondary:hover,.danger:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
  .nav-btn:hover .nav-icon{animation:desktopIconHop .3s steps(4)}
  .menu-item:hover .mode-ico{animation:desktopIconHop .32s steps(4)}
  .channel:hover .topic-ico{animation:desktopIconHop .28s steps(4)}
  .answer:hover span{animation:answerDesktopGlitch .34s steps(5)}
}
@keyframes desktopIconHop{0%{transform:none}38%{transform:translate(-2px,-3px) rotate(-4deg)}70%{transform:translate(2px,1px) rotate(2deg)}100%{transform:none}}
@keyframes answerDesktopGlitch{0%,100%{transform:none;text-shadow:none}35%{transform:translateX(4px);text-shadow:-3px 0 var(--mag)}65%{transform:translateX(-2px);text-shadow:3px 0 var(--acid)}}

@media(max-width:700px){.party-live-meta{gap:7px}.party-answer-state{min-width:52px;font-size:7px}}

/* V11.2 public lobby browser + global action popups */
.party-tabs{margin-top:-8px;margin-bottom:24px}.visibility-public{background:var(--acid)}.visibility-private{background:var(--cream)}.control-note{font-size:10px;line-height:1.45;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#554b23;margin:7px 0 2px}.public-strip{border:1.5px solid var(--ink);background:var(--acid);padding:9px 10px;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.ghost-lobby-btn{width:100%;border:0;border-top:1.5px solid var(--ink);background:transparent;margin-top:18px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:1000;text-transform:uppercase;cursor:pointer}.ghost-lobby-btn:hover{padding-left:9px;background:rgba(255,255,255,.22)}.ghost-lobby-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.lobby-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 20px}.lobby-toolbar .sub{font-size:14px;margin-top:6px}.public-lobbies{border-top:2px solid var(--ink)}.lobby-card{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(200px,.8fr) auto;gap:24px;align-items:center;padding:18px 4px;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 55.0%,transparent);position:relative}.lobby-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mag);transition:width .12s steps(3)}.lobby-card:hover::before{width:5px}.lobby-card.current{background:rgba(255,255,255,.19)}.lobby-host{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.lobby-specs{display:flex;gap:7px;flex-wrap:wrap}.lobby-specs span{border:1px solid var(--ink);padding:5px 7px;font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.lobby-join{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline;justify-items:end}.lobby-join strong{font-size:28px;line-height:1;font-weight:1000}.lobby-join>span{font-size:8px;font-weight:1000;letter-spacing:.12em}.lobby-join button{grid-column:1/-1;margin-top:8px;min-width:112px}.lobby-empty{padding:56px 4px 62px;border-bottom:2px solid var(--ink)}.lobby-empty h2{font-size:clamp(30px,5vw,54px);margin:4px 0 8px;text-transform:uppercase;letter-spacing:-.04em}.lobby-empty p{margin:0;font-weight:800;color:#554b23}
.action-popup-root{position:fixed;inset:0;z-index:500;pointer-events:none;display:grid;place-items:center;padding:18px}.action-popup-root.show{pointer-events:auto}.action-popup-shade{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 56.0%,transparent);backdrop-filter:blur(3px);animation:popupShade .12s steps(3)}.action-popup{position:relative;width:min(470px,100%);background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:28px 26px 24px;animation:popupPunch .18s steps(4)}.action-popup::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:8px;background:linear-gradient(90deg,var(--mag) 0 33%,var(--acid) 33% 66%,var(--orange) 66%)}.action-popup h2{font-size:clamp(28px,6vw,46px);line-height:.92;margin:4px 36px 12px 0;text-transform:uppercase;letter-spacing:-.045em}.action-popup p{margin:0;line-height:1.45;font-weight:800;color:#453d1c}.popup-close{position:absolute;right:12px;top:14px;width:34px;height:34px;border:1.5px solid var(--ink);background:transparent;font-size:24px;line-height:1;cursor:pointer}.popup-close:hover{background:var(--ink);color:var(--paper)}.popup-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.popup-meta span{border:1px solid var(--ink);padding:5px 7px;font-size:9px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.popup-actions button{flex:1;min-width:145px}.action-popup button:disabled{opacity:.48;cursor:wait}@keyframes popupPunch{from{opacity:0;transform:translateY(18px) scale(.94)}70%{transform:translateY(-3px) scale(1.015)}to{opacity:1;transform:none}}@keyframes popupShade{from{opacity:0}to{opacity:1}}
@media(max-width:720px){.lobby-toolbar{align-items:flex-start;flex-direction:column}.lobby-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 2px}.lobby-host{grid-column:1}.lobby-specs{grid-column:1}.lobby-join{grid-column:2;grid-row:1/3;align-self:center}.party-tabs{overflow-x:auto;white-space:nowrap}.action-popup-root{align-items:end;padding:10px 10px calc(82px + env(safe-area-inset-bottom))}.action-popup{padding:24px 18px 18px;box-shadow:6px 6px 0 var(--ink)}.action-popup h2{font-size:32px}.popup-actions{display:grid;grid-template-columns:1fr 1fr}.popup-actions button{min-width:0}}
@media(max-width:420px){.lobby-card{grid-template-columns:1fr}.lobby-join{grid-column:1;grid-row:auto;display:flex;align-items:center;justify-content:flex-start;gap:8px}.lobby-join button{grid-column:auto;margin:0 0 0 auto;min-width:100px}.lobby-specs span{font-size:8px}.popup-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.action-popup,.action-popup-shade{animation:none}}

/* V11.3 expanded level-50 reward track */
.name-tag.tag-tape{color:#11110f;background:#fff2a8;border:1px solid #11110f;box-shadow:2px 2px 0 #11110f;padding:3px 8px 2px;transform:rotate(-1deg);animation:tagTape 1.8s steps(2,end) infinite}
.name-tag.tag-tape:before{content:"//";margin-right:4px;opacity:.45}
.name-tag.tag-gremlin{color:#11110f;background:#b7ff38;border:2px solid #5d2cff;box-shadow:2px 2px 0 #11110f;padding:3px 8px 2px;clip-path:polygon(0 11%,96% 0,100% 88%,5% 100%);animation:tagGremlin .85s steps(3,end) infinite}
.name-tag.tag-lockedin{color:#fff7cf;background:#11110f;border:2px solid #fff04a;box-shadow:2px 2px 0 #ff2d8f;padding:3px 8px 2px;overflow:hidden}
.name-tag.tag-lockedin:after{content:"+";position:absolute;right:2px;top:-1px;color:#fff04a;font-size:11px;animation:tagReticle 1.1s steps(4,end) infinite}
.name-tag.tag-speedrun{color:#11110f;background:linear-gradient(110deg,#ff7a1a 0 47%,#fff7cf 47% 55%,#ff2d8f 55%);border:1px solid #11110f;box-shadow:3px 2px 0 #11110f;padding:3px 9px 2px;transform:skewX(-8deg);animation:tagSpeedrun 1s steps(5,end) infinite}
.name-tag.tag-coin{color:#fff7cf;background:#5a2e00;border:2px solid #ffb000;box-shadow:2px 2px 0 #11110f;padding:4px 9px 3px;background-image:radial-gradient(circle at 4px 4px,#fff04a 0 1px,transparent 1.5px);background-size:8px 8px;animation:tagCoin .8s steps(2,end) infinite}
.name-tag.tag-nightshift{color:#dff8ff;background:#101428;border:1px solid #53e6ff;box-shadow:2px 2px 0 #11110f;padding:4px 9px 3px;background-image:radial-gradient(circle at 15% 28%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 72% 65%,#ff2d8f 0 1px,transparent 1.4px);animation:tagNight 2.1s steps(6,end) infinite}
.name-tag.tag-onemore{color:#11110f;background:#fff7cf;border:2px dashed #ff4c44;box-shadow:2px 2px 0 #11110f;padding:3px 8px 2px;transform:rotate(1deg);animation:tagOneMore 1.7s steps(3,end) infinite}
.name-tag.tag-arcaderat{color:#d5ffd0;background:#252525;border:1px solid #8cff62;box-shadow:2px 2px 0 #11110f;padding:3px 8px 2px;text-shadow:1px 1px 0 #000;animation:tagArcadeRat 1.35s steps(4,end) infinite}
.name-tag.tag-goblin{color:#fff;background:linear-gradient(90deg,#5d2cff,#b7ff38,#ff2d8f,#5d2cff);background-size:240% 100%;border:2px solid #11110f;box-shadow:2px 2px 0 #11110f;padding:4px 9px 3px;text-shadow:1px 1px #11110f;animation:tagGoblin .9s steps(5,end) infinite}
.name-tag.tag-highscore{color:#fff;background:#11110f;border:2px solid #ff2d8f;box-shadow:3px 3px 0 #ff7a1a;padding:4px 10px 3px;letter-spacing:.12em;animation:tagHighScore .72s steps(2,end) infinite}
.name-tag.tag-nightmare{color:#fff;background:#090909;border:1px solid #ff4c44;box-shadow:2px 2px 0 #11110f;padding:4px 9px 3px;overflow:hidden}
.name-tag.tag-nightmare:after{content:"";position:absolute;left:0;right:0;height:2px;background:#ff4c44;top:0;animation:tagNightmare 1.1s linear infinite;opacity:.8}
.name-tag.tag-oneup{color:#071b06;background:#8cff62;border:2px solid #11110f;box-shadow:3px 3px 0 #11110f;padding:4px 10px 3px;image-rendering:pixelated;animation:tagOneUp 1s steps(2,end) infinite}
.name-tag.tag-oneup:before{content:"▲";margin-right:4px;font-size:7px}
.name-tag.tag-zeromiss{color:#11110f;background:repeating-radial-gradient(circle at center,#fff 0 3px,#11110f 3px 4px,#fff 4px 7px);border:2px solid #11110f;box-shadow:2px 2px 0 #ff2d8f;padding:4px 9px 3px;text-shadow:0 0 2px #fff;animation:tagZeroMiss 1.2s steps(4,end) infinite}
.name-tag.tag-royalty{color:#fff5b0;background:linear-gradient(90deg,#281044,#5d2cff,#281044);background-size:180% 100%;border:2px solid #ffcf4a;box-shadow:3px 3px 0 #11110f;padding:4px 10px 3px;animation:tagRoyalty 1.5s steps(8,end) infinite}
.name-tag.tag-royalty:before{content:"♛";margin-right:4px;color:#ffcf4a}
.name-tag.tag-reality{color:#fff;background:linear-gradient(90deg,#00b8d9 0 48%,#11110f 48% 52%,#ff2d8f 52%);border:2px solid #11110f;box-shadow:3px 0 #53e6ff,-3px 0 #ff2d8f;padding:4px 9px 3px;animation:tagReality .8s steps(3,end) infinite}
.name-tag.tag-immortal{color:#11110f;background:linear-gradient(90deg,#fff4a8,#ffcf4a,#ff2d8f,#53e6ff,#b7ff38,#fff4a8);background-size:360% 100%;border:2px solid #11110f;box-shadow:4px 4px 0 #11110f;padding:5px 12px 4px;font-size:9px;animation:tagImmortal 1.25s steps(12,end) infinite}
.name-tag.tag-immortal:before,.name-tag.tag-immortal:after{content:"✦";font-size:7px}.name-tag.tag-immortal:before{margin-right:4px}.name-tag.tag-immortal:after{margin-left:4px}

.namefx-laser{color:#8d120c!important;text-shadow:0 -1px #ff4c44,0 1px rgba(255,76,68,.3);animation:nameLaser 1s steps(6,end) infinite}
.namefx-starburst{text-shadow:0 0 0 #fff04a;animation:nameStarburst 1.25s steps(5,end) infinite}
.namefx-neontrace{color:#141414!important;text-shadow:-2px 0 #53e6ff,2px 0 #ff2d8f;animation:nameNeonTrace 1.15s steps(6,end) infinite}
.namefx-afterburn{color:#5b1c00!important;text-shadow:3px 0 rgba(255,122,26,.75),6px 0 rgba(255,45,143,.35);animation:nameAfterburn .95s steps(5,end) infinite}
.namefx-cyberwave{background:linear-gradient(90deg,#11110f,#5d2cff,#53e6ff,#ff2d8f,#11110f);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nameCyberWave 1.55s steps(10,end) infinite}
.namefx-void{color:#2a173b!important;text-shadow:2px 0 rgba(93,44,255,.55),5px 0 rgba(255,45,143,.18);animation:nameVoid 1.35s steps(6,end) infinite}
.namefx-phosphor{color:#245317!important;text-shadow:0 0 1px #b7ff38,1px 0 #b7ff38;animation:namePhosphor .82s steps(4,end) infinite}
.namefx-redline{color:#7f100c!important;text-shadow:3px 0 #ff4c44,7px 0 rgba(255,76,68,.3);animation:nameRedline .62s steps(3,end) infinite}
.namefx-aurora{background:linear-gradient(90deg,#21d190,#53e6ff,#8c5cff,#ff2d8f,#21d190);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:nameAurora 1.8s linear infinite}
.namefx-quantum{text-shadow:-2px 0 rgba(83,230,255,.65),2px 0 rgba(255,45,143,.65);animation:nameQuantum 1.1s steps(5,end) infinite}
.namefx-prism{background:linear-gradient(90deg,#ff4c44,#ffcf4a,#b7ff38,#53e6ff,#5d2cff,#ff2d8f,#ff4c44);background-size:330% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:namePrism 1.25s steps(12,end) infinite}
.namefx-power{color:#4c3b00!important;text-shadow:1px 0 #fff04a,-1px 0 #ffb000,0 1px #fff;animation:namePower .55s steps(3,end) infinite}
.namefx-blackout{color:#11110f!important;animation:nameBlackout 1.45s steps(1,end) infinite}
.namefx-hyperspace{color:#f7ffff!important;text-shadow:-5px 0 rgba(83,230,255,.5),5px 0 rgba(255,255,255,.35),9px 0 rgba(93,44,255,.18);animation:nameHyperspace .66s steps(5,end) infinite}
.namefx-spectral{color:#50405f!important;text-shadow:3px 0 rgba(208,184,255,.7),7px 0 rgba(83,230,255,.18);animation:nameSpectral 1.65s steps(8,end) infinite}
.namefx-ascended{font-weight:1000;background:linear-gradient(90deg,#11110f,#ffcf4a,#fff,#53e6ff,#ff2d8f,#b7ff38,#ffcf4a,#11110f);background-size:380% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:0 1px rgba(255,207,74,.18);animation:nameAscended .9s steps(14,end) infinite}

@keyframes tagTape{0%,94%,100%{transform:rotate(-1deg)}96%{transform:rotate(1deg) translateX(1px)}}
@keyframes tagGremlin{0%,100%{transform:none}35%{transform:translateX(1px) rotate(-1deg)}70%{transform:translateX(-1px) rotate(1deg)}}
@keyframes tagReticle{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,4px)}}
@keyframes tagSpeedrun{0%,100%{background-position:0 0}50%{background-position:14px 0}}
@keyframes tagCoin{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes tagNight{0%,100%{background-position:0 0,0 0}50%{background-position:5px -2px,-3px 4px}}
@keyframes tagOneMore{0%,90%,100%{transform:rotate(1deg)}93%{transform:rotate(-2deg) scale(1.03)}}
@keyframes tagArcadeRat{0%,100%{clip-path:inset(0)}50%{clip-path:inset(1px 0 0 2px)}}
@keyframes tagGoblin{to{background-position:-240% 0;transform:translateX(1px)}}
@keyframes tagHighScore{0%,100%{box-shadow:3px 3px 0 #ff7a1a}50%{box-shadow:3px 3px 0 #b7ff38}}
@keyframes tagNightmare{to{transform:translateY(18px)}}
@keyframes tagOneUp{0%,100%{transform:none}50%{transform:translateY(-1px);filter:brightness(1.2)}}
@keyframes tagZeroMiss{0%,100%{background-position:center}50%{background-position:1px -1px}}
@keyframes tagRoyalty{to{background-position:-180% 0}}
@keyframes tagReality{0%,100%{transform:none}45%{transform:translateX(1px)}55%{transform:translateX(-1px)}}
@keyframes tagImmortal{to{background-position:-360% 0}}

@keyframes nameLaser{0%,100%{text-shadow:0 -1px #ff4c44,0 1px rgba(255,76,68,.3)}50%{text-shadow:0 2px #ff4c44,0 -2px rgba(255,76,68,.28)}}
@keyframes nameStarburst{0%,80%,100%{text-shadow:0 0 0 #fff04a}84%{text-shadow:2px 0 #fff04a,-2px 0 #ff7a1a,0 2px #fff}90%{text-shadow:4px 0 rgba(255,240,74,.2),-4px 0 rgba(255,122,26,.2)}}
@keyframes nameNeonTrace{0%,100%{text-shadow:-2px 0 #53e6ff,2px 0 #ff2d8f}50%{text-shadow:-1px -1px #ff2d8f,1px 1px #53e6ff}}
@keyframes nameAfterburn{0%,100%{text-shadow:3px 0 rgba(255,122,26,.75),6px 0 rgba(255,45,143,.35)}50%{text-shadow:-3px 0 rgba(255,122,26,.55),-6px 0 rgba(255,45,143,.25)}}
@keyframes nameCyberWave{to{background-position:-250% 0}}
@keyframes nameVoid{0%,100%{transform:none;text-shadow:2px 0 rgba(93,44,255,.55),5px 0 rgba(255,45,143,.18)}50%{transform:translateX(-1px);text-shadow:-2px 0 rgba(93,44,255,.45),-5px 0 rgba(255,45,143,.15)}}
@keyframes namePhosphor{0%,100%{filter:brightness(1)}45%{filter:brightness(1.45)}48%{filter:brightness(.7)}}
@keyframes nameRedline{0%,100%{transform:none}50%{transform:skewX(-7deg) translateX(2px)}}
@keyframes nameAurora{to{background-position:-280% 0}}
@keyframes nameQuantum{0%,100%{letter-spacing:inherit;transform:none}45%{letter-spacing:.03em;transform:translateX(1px)}50%{transform:translateX(-1px)}}
@keyframes namePrism{to{background-position:-330% 0}}
@keyframes namePower{0%,100%{transform:none;filter:brightness(1)}33%{transform:translate(1px,-1px);filter:brightness(1.4)}66%{transform:translate(-1px,0)}}
@keyframes nameBlackout{0%,78%,100%{opacity:1;text-shadow:none}80%{opacity:.08}84%{opacity:1;text-shadow:2px 0 #ff2d8f}88%{opacity:.2}92%{opacity:1}}
@keyframes nameHyperspace{0%,100%{transform:none}50%{transform:translateX(2px) skewX(-5deg);text-shadow:-8px 0 rgba(83,230,255,.42),8px 0 rgba(255,255,255,.28),12px 0 rgba(93,44,255,.14)}}
@keyframes nameSpectral{0%,100%{opacity:1;text-shadow:3px 0 rgba(208,184,255,.7),7px 0 rgba(83,230,255,.18)}50%{opacity:.72;text-shadow:-3px 0 rgba(208,184,255,.55),-7px 0 rgba(83,230,255,.14)}}
@keyframes nameAscended{to{background-position:-380% 0;filter:brightness(1.08)}}

@media(prefers-reduced-motion:reduce){
  .name-tag.tag-tape,.name-tag.tag-gremlin,.name-tag.tag-lockedin,.name-tag.tag-speedrun,.name-tag.tag-coin,.name-tag.tag-nightshift,.name-tag.tag-onemore,.name-tag.tag-arcaderat,.name-tag.tag-goblin,.name-tag.tag-highscore,.name-tag.tag-nightmare,.name-tag.tag-oneup,.name-tag.tag-zeromiss,.name-tag.tag-royalty,.name-tag.tag-reality,.name-tag.tag-immortal,
  .namefx-laser,.namefx-starburst,.namefx-neontrace,.namefx-afterburn,.namefx-cyberwave,.namefx-void,.namefx-phosphor,.namefx-redline,.namefx-aurora,.namefx-quantum,.namefx-prism,.namefx-power,.namefx-blackout,.namefx-hyperspace,.namefx-spectral,.namefx-ascended{animation:none!important}
}

/* V11.4 achievement click effects + compact profile locker */
.compact-locker{margin-top:34px}
.cosmetic-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.cosmetic-select-card{min-width:0;padding:16px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:rgba(255,255,255,.12)}
.cosmetic-select-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.cosmetic-select-top .selector-label{margin:0 0 4px}.locker-number{font-size:22px;font-weight:1000;letter-spacing:-.05em;opacity:.35}
.cosmetic-select{width:100%;min-height:44px;border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:0 36px 0 10px;font-size:11px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;outline:none;cursor:pointer;box-shadow:3px 3px 0 color-mix(in srgb,var(--ink) 18.0%,transparent)}
.cosmetic-select:focus{border-color:var(--mag);box-shadow:3px 3px 0 var(--ink)}.cosmetic-select option{background:var(--paper);color:var(--ink);font-weight:800}.cosmetic-select option:disabled{color:#746b3e}
.cosmetic-preview{min-height:118px;padding-top:15px;display:flex;flex-direction:column;justify-content:flex-start;gap:7px}.preview-label{font-size:8px;font-weight:1000;letter-spacing:.16em;opacity:.55}.cosmetic-preview>div:not(.click-preview-line){min-height:30px;display:flex;align-items:center}.cosmetic-preview p{margin:0;font-size:9px;line-height:1.45;font-weight:800;letter-spacing:.045em;text-transform:uppercase;opacity:.62}.clean-preview{font-size:13px;font-weight:1000;letter-spacing:.08em}.cosmetic-name-preview{font-size:19px;font-weight:1000;text-transform:none;width:max-content;max-width:100%}
.click-preview-line{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:10px}.click-preview-line strong{font-size:14px;line-height:1;text-transform:uppercase}.tiny-preview-btn{min-height:32px;border:1.5px solid var(--ink);background:transparent;padding:0 9px;font-size:8px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0 color-mix(in srgb,var(--ink) 18.0%,transparent)}.tiny-preview-btn:hover,.tiny-preview-btn:focus-visible{background:var(--ink);color:var(--paper)}
.achievement-reward{display:inline-block;margin-top:5px;padding:3px 6px;border-left:3px solid var(--mag);background:rgba(255,255,255,.22);font-size:8px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.achievement.unlocked .achievement-reward{border-left-color:#4b850b}

/* Each unlocked click reward has a genuinely different motion language. */
.click-particle{animation-delay:var(--delay,0ms)}
.fx-ring-confetti{border-color:#ff2d8f;box-shadow:0 0 0 3px #b7ff38}.fx-confetti{border-radius:0;animation:fxConfetti .62s steps(7) forwards!important}
@keyframes fxConfetti{0%{opacity:1;transform:translate(0,0) rotate(0)}72%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 25px)) rotate(var(--r))}}
.fx-ring-volt{border-color:#fff04a;box-shadow:0 0 0 3px #53e6ff}.fx-bolt{position:absolute;width:3px;height:var(--len);background:repeating-linear-gradient(180deg,#fff04a 0 7px,#53e6ff 7px 10px,transparent 10px 13px);transform-origin:top center;transform:rotate(var(--a));animation:fxBolt .4s steps(4) forwards}.fx-electric{box-shadow:0 0 0 1px #11110f;animation-duration:.38s!important}@keyframes fxBolt{0%{opacity:1;clip-path:inset(0 0 100%)}45%{clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
.fx-ring-data{border-color:#245317;box-shadow:0 0 0 3px #b7ff38}.fx-data{outline:1px solid #11110f;animation:fxData .55s steps(6) forwards!important}@keyframes fxData{0%{opacity:1;transform:translate(0,0) scale(1)}55%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(.8)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)}}
.fx-ring-miff{border-color:#ff2d8f;box-shadow:0 0 0 5px rgba(255,75,69,.38)}.fx-shard{clip-path:polygon(50% 0,100% 100%,0 72%);animation:fxShard .48s steps(5) forwards!important}@keyframes fxShard{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.25);opacity:0}}
.fx-ring-party{border-color:#ff7a1a;box-shadow:0 0 0 3px #53e6ff,0 0 0 6px rgba(255,45,143,.35)}.fx-party{animation:fxParty .7s cubic-bezier(.1,.75,.25,1) forwards!important}@keyframes fxParty{0%{opacity:1;transform:translate(0,0) rotate(0)}65%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 34px)) rotate(calc(var(--r) + 90deg))}}
.fx-ring-stars{border-color:#ffcf4a;box-shadow:0 0 0 4px rgba(255,247,207,.45)}.fx-star{position:absolute;color:#ffcf4a;font-size:17px;line-height:1;text-shadow:1px 1px 0 #11110f;transform:translate(-50%,-50%);animation:fxStar .68s steps(7) var(--delay,0ms) forwards}@keyframes fxStar{0%{opacity:1;transform:translate(-50%,-50%) scale(.25) rotate(0)}65%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1) rotate(120deg)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3) rotate(200deg)}}
.fx-crt-box{position:absolute;width:76px;height:52px;border:3px solid #11110f;background:repeating-linear-gradient(180deg,rgba(183,255,56,.35) 0 2px,transparent 2px 5px);transform:translate(-50%,-50%);animation:fxCrt .58s steps(7) forwards}@keyframes fxCrt{0%{opacity:1;transform:translate(-50%,-50%) scale(.08,1)}45%{transform:translate(-50%,-50%) scale(1,1)}70%{transform:translate(-50%,-50%) scale(1,.06)}100%{opacity:0;transform:translate(-50%,-50%) scale(.1,.02)}}
.fx-ring-prism{border-color:#fff;box-shadow:4px 0 #ff2d8f,-4px 0 #53e6ff,0 4px #b7ff38}.fx-prism{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:fxPrism .64s steps(8) forwards!important}@keyframes fxPrism{0%{filter:brightness(1.6);transform:translate(0,0) rotate(0) scale(1)}100%{filter:brightness(1);transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.1);opacity:0}}
.fx-ring-coins{border-color:#ffcf4a;box-shadow:0 0 0 3px #11110f}.fx-coin{position:absolute;color:#ffcf4a;-webkit-text-stroke:2px #11110f;font-size:18px;line-height:1;transform:translate(-50%,-50%);animation:fxCoin .84s cubic-bezier(.12,.65,.2,1) var(--delay,0ms) forwards}@keyframes fxCoin{0%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(.5)}60%{opacity:1;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),calc(var(--dy) + 70px)) scale(.7)}}

@media(max-width:900px){.cosmetic-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-preview{min-height:92px}.cosmetic-select-card{padding:14px}}
@media(max-width:520px){.cosmetic-select-grid{grid-template-columns:1fr}.compact-locker .rewards-head{margin-bottom:12px}.cosmetic-select{font-size:10px}.cosmetic-preview{min-height:82px}.achievement{grid-template-columns:28px minmax(0,1fr);}.achievement>.micro{grid-column:2}}
@media(prefers-reduced-motion:reduce){.click-particle,.fx-bolt,.fx-star,.fx-crt-box,.fx-coin,.fx-ring-confetti,.fx-ring-volt,.fx-ring-data,.fx-ring-miff,.fx-ring-party,.fx-ring-stars,.fx-ring-prism,.fx-ring-coins{animation-duration:.12s!important;animation-iteration-count:1!important}}

/* V11.5 global ranks, party topic controls, winner podium + persistent win streak */
.win-streak{display:inline-grid;place-items:center;position:relative;width:31px;height:39px;margin-left:5px;vertical-align:middle;transform-origin:50% 88%;filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--ink) 28.0%,transparent));isolation:isolate;animation:fireBadgeSway .82s ease-in-out infinite}
.win-streak svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:var(--ink);stroke-width:1.05;stroke-linejoin:round}.win-streak .flame-outer{fill:#ff3b16;transform-origin:50% 92%;animation:fireOuter .58s ease-in-out infinite alternate}.win-streak .flame-mid{fill:#ff9418;transform-origin:50% 90%;animation:fireMid .43s ease-in-out infinite alternate-reverse}.win-streak .flame-core{fill:#ffe45a;stroke-width:.8;transform-origin:50% 92%;animation:fireCore .34s ease-in-out infinite alternate}.win-streak b{position:relative;z-index:5;margin-top:15px;min-width:15px;text-align:center;font-size:9px;line-height:1;font-weight:1000;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,247,207,.9)}.win-streak .ember{position:absolute;z-index:-1;width:3px;height:3px;background:#ff9418;border:1px solid var(--ink);opacity:0;pointer-events:none}.win-streak .ember-a{left:7px;top:11px;--ember-x:-4px;animation:emberRise .95s .05s ease-out infinite}.win-streak .ember-b{right:5px;top:15px;--ember-x:5px;animation:emberRise 1.15s .38s ease-out infinite}.win-streak .ember-c{left:15px;top:8px;--ember-x:2px;width:2px;height:2px;animation:emberRise .8s .62s ease-out infinite}.win-streak.streak-hot{filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--ink) 30.0%,transparent)) drop-shadow(0 0 5px rgba(255,96,20,.55))}.win-streak.streak-hot .flame-outer{fill:#ff2410}.win-streak.streak-hot .flame-mid{fill:#ffb20c}.win-streak.streak-inferno{animation-duration:.58s;filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--ink) 35.0%,transparent)) drop-shadow(0 0 7px rgba(255,55,10,.72))}.win-streak.streak-inferno .flame-core{fill:#fff7cf}.win-streak.streak-inferno .ember{animation-duration:.65s}
@keyframes fireBadgeSway{0%,100%{transform:translateY(0) rotate(-1.4deg)}50%{transform:translateY(-1px) rotate(1.5deg)}}@keyframes fireOuter{0%{transform:scale(.96,1.02) skewX(-1deg)}100%{transform:scale(1.04,.96) skewX(1.5deg)}}@keyframes fireMid{0%{transform:translateY(1px) scale(.92,1.02)}100%{transform:translateY(-1px) scale(1.05,.94)}}@keyframes fireCore{0%{transform:translateY(1px) scale(.9,1.02)}100%{transform:translateY(-1px) scale(1.06,.9)}}@keyframes emberRise{0%{opacity:0;transform:translate(0,5px) scale(.7)}18%{opacity:1}75%{opacity:.8}100%{opacity:0;transform:translate(var(--ember-x,4px),-16px) scale(.25)}}
.player-tabs{margin:-8px 0 26px}.leader-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:0}.leader-toolbar .sub{font-size:13px;margin-top:5px}.leader-filters{justify-content:flex-end}.leaderboard{border-top:0}.leader-row{display:grid;grid-template-columns:48px 42px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:68px;border-bottom:1px solid color-mix(in srgb,var(--ink) 48.0%,transparent);padding:8px 5px}.leader-row.me{background:rgba(255,255,255,.28);border-left:5px solid var(--mag);padding-left:10px}.leader-row.rank-1{border-top:2px solid var(--ink);background:rgba(183,255,56,.22)}.leader-row.rank-2,.leader-row.rank-3{background:rgba(255,247,207,.18)}.leader-rank{font-size:20px;font-weight:1000;text-align:center}.leader-player{min-width:0}.leader-player .row-title{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.leader-metric{font-size:17px;font-weight:1000;text-align:right;white-space:nowrap}.leader-you{margin-top:24px;border-top:2px solid var(--ink);padding-top:9px}.leader-you>.micro{margin-bottom:6px}
.party-topic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:20px}.party-topic-head .selector-label{margin:0 0 8px}.party-topic-head .text-action{margin-bottom:5px}.party-topic-head .text-action.active{background:var(--ink);color:var(--paper)}.party-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink)}.party-topic{min-width:0;min-height:39px;border:0;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:transparent;padding:6px 7px;display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:6px;text-align:left;cursor:pointer;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.02em}.party-topic .topic-ico{width:18px;height:18px}.party-topic .topic-ico svg{width:16px;height:16px}.party-topic.on{background:var(--ink);color:var(--paper)}.party-topic:hover{background:var(--cream);color:var(--ink)}.party-topic.on:hover{background:var(--mag);color:var(--ink)}.member-topic-readout{border-top:2px solid var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 45.0%,transparent);padding:11px 0;margin:15px 0;display:grid;gap:4px}.member-topic-readout span{font-size:9px;font-weight:1000;letter-spacing:.15em}.member-topic-readout strong{font-size:12px;line-height:1.35;text-transform:uppercase}
.winner-screen{position:relative;overflow:hidden;padding-top:3px}.winner-screen>*{position:relative;z-index:2}.winner-burst{position:absolute;z-index:0;right:-80px;top:-110px;width:410px;height:410px;border-radius:50%;opacity:.18;background:repeating-conic-gradient(from 0deg,var(--ink) 0 5deg,transparent 5deg 15deg);animation:winnerBurstSpin 8s steps(24,end) infinite}.winner-crown{width:58px;height:58px;display:grid;place-items:center;background:var(--ink);color:var(--paper);margin:10px 0 14px;clip-path:polygon(0 28%,18% 43%,30% 5%,50% 37%,70% 5%,82% 43%,100% 28%,89% 100%,11% 100%)}.winner-crown svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9}.winner-sub{margin-top:10px;font-size:13px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.winner-streak-callout{display:inline-grid;grid-template-columns:34px auto auto;align-items:center;gap:8px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:4px 10px 4px 2px;margin:20px 0 0;background:rgba(255,122,26,.18)}.winner-streak-callout .win-streak{margin:0}.winner-streak-callout span{font-size:9px;font-weight:1000;letter-spacing:.12em}.winner-streak-callout strong{font-size:24px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:34px;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.podium-slot{min-width:0;min-height:170px;padding:15px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative;background:rgba(255,255,255,.12)}.podium-1{background:rgba(183,255,56,.24);transform:translateY(-10px);border-top:10px solid var(--ink)}.podium-rank{font-size:10px;letter-spacing:.15em;font-weight:1000;margin-bottom:10px}.podium-avatar{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:1000;margin-bottom:10px}.podium-name{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-height:32px;font-weight:1000;text-transform:uppercase}.podium-score{font-size:28px;font-weight:1000;margin-top:9px}.final-board{margin-top:30px}.final-board .winner-row{background:rgba(183,255,56,.2)}.final-rank{display:inline-block;width:30px;font-size:10px;opacity:.55}.winner-host-note{margin-top:20px;padding:9px 0;border-top:2px solid var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 55.0%,transparent);font-size:9px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.winner-host-note.waiting{animation:hostWaitPulse 1.1s steps(2,end) infinite}.winner-actions{margin-bottom:14px}@keyframes hostWaitPulse{0%,100%{opacity:1}50%{opacity:.48}}.winner-flash::after{content:"";position:fixed;inset:0;z-index:95;pointer-events:none;background:var(--acid);mix-blend-mode:multiply;animation:winnerFlash .8s steps(4,end) forwards}@keyframes winnerFlash{0%{opacity:.48}30%{opacity:0}50%{opacity:.22}100%{opacity:0}}@keyframes winnerBurstSpin{to{transform:rotate(360deg)}}
@media(max-width:720px){.leader-toolbar{align-items:flex-start;flex-direction:column}.leader-filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.leader-row{grid-template-columns:35px 36px minmax(0,1fr);gap:8px;padding:9px 2px}.leader-metric{grid-column:3;text-align:left;font-size:12px}.party-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.podium{grid-template-columns:1fr}.podium-1{transform:none;border-top:0}.podium-slot{min-height:110px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px;align-items:center}.podium-rank{grid-column:1/-1;margin:0}.podium-avatar{margin:0}.podium-score{margin:0;font-size:22px}.podium-slot .micro{grid-column:2}.winner-burst{width:300px;height:300px;right:-120px}.winner-streak-callout{width:100%}}
@media(max-width:430px){.party-topic{font-size:8px}.leader-row .name-tag{display:none}.win-streak{width:26px;height:29px}.winner-screen .big-result{font-size:58px}}
@media(prefers-reduced-motion:reduce){.win-streak,.win-streak path,.win-streak .ember,.winner-burst,.winner-flash::after,.winner-host-note.waiting{animation:none!important}}


/* V11.6.1 interface skins -------------------------------------------------
   These are deliberately different UI skins, not simple palette swaps. */
html[data-theme="arcade"]{
  --paper:#f0cf2b;--paper2:#f7df64;--ink:#11110f;--muted:#6a5f2d;--mag:#ff2d8f;--acid:#b7ff38;--orange:#ff7a1a;--cream:#fff7cf;--red:#ff4b45;--shadow:#17170f;
}
html[data-theme="monopaper"]{
  --paper:#f1efe7;--paper2:#e7e3d8;--ink:#151515;--muted:#6c685f;--mag:#d83c45;--acid:#d6d1c4;--orange:#d87438;--cream:#fffdf6;--red:#d83c45;--shadow:#151515;
}
html[data-theme="cherry"]{
  --paper:#efe1cf;--paper2:#e5d3bc;--ink:#211719;--muted:#765f5f;--mag:#9f1738;--acid:#f1b53a;--orange:#cf4e2f;--cream:#fff6e8;--red:#bd2543;--shadow:#2c151a;
}
html[data-theme="terminal"]{
  --paper:#06100a;--paper2:#0a1710;--ink:#c9ffc1;--muted:#72a975;--mag:#49ff71;--acid:#b6ff5d;--orange:#e5c85a;--cream:#102417;--red:#ff6d68;--shadow:#000;
}
html[data-theme="indigonight"]{
  --paper:#101329;--paper2:#171b39;--ink:#f1efff;--muted:#9ca0c6;--mag:#9b7cff;--acid:#65e7ff;--orange:#ff9a63;--cream:#20264c;--red:#ff6688;--shadow:#060712;
}
html[data-theme="frost"]{
  --paper:#e6e9eb;--paper2:#d9dde0;--ink:#16191b;--muted:#6d7478;--mag:#2b8fa8;--acid:#b8e9f0;--orange:#7288a1;--cream:#f8fafb;--red:#d95f67;--shadow:#171b1d;
}
html[data-theme="obsidian"]{
  --paper:#050505;--paper2:#0b0b0b;--ink:#f1eee6;--muted:#96928b;--mag:#d8ccff;--acid:#bdf45f;--orange:#d28f56;--cream:#151515;--red:#ff6464;--shadow:#000;
}

/* MONO PAPER — editorial print / halftone */
html[data-theme="monopaper"] body{
  background-color:var(--paper);
  background-image:radial-gradient(circle,#151515 0 .7px,transparent .8px);
  background-size:13px 13px;
}
html[data-theme="monopaper"] .scanlines{opacity:.025;background:repeating-linear-gradient(180deg,rgba(0,0,0,.08) 0 1px,transparent 1px 6px)}
html[data-theme="monopaper"] .page-grid{display:none}
html[data-theme="monopaper"] .topbar{background:rgba(241,239,231,.92);border-bottom:3px double var(--ink)}
html[data-theme="monopaper"] .brand-mark{clip-path:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}
html[data-theme="monopaper"] .navbar{background:rgba(241,239,231,.96);box-shadow:4px 4px 0 var(--ink)}
html[data-theme="monopaper"] .icon-btn,html[data-theme="monopaper"] .player-chip,html[data-theme="monopaper"] .tiny-btn,html[data-theme="monopaper"] .primary,html[data-theme="monopaper"] .secondary{box-shadow:2px 2px 0 var(--ink)}
html[data-theme="monopaper"] .headline .slash,html[data-theme="monopaper"] .tab.active::after{color:var(--mag);background:var(--mag)}
html[data-theme="monopaper"] .accent-strip{grid-template-columns:4fr .32fr .32fr}.accent-strip span:nth-child(4){display:block}
html[data-theme="monopaper"] .menu-item::before{background:var(--ink)}

/* CHERRY COLA — cream paper + cherry checker arcade trim */
html[data-theme="cherry"] body{
  background-color:var(--paper);
  background-image:linear-gradient(90deg,rgba(159,23,56,.055) 1px,transparent 1px),linear-gradient(rgba(159,23,56,.055) 1px,transparent 1px);
  background-size:28px 28px;
}
html[data-theme="cherry"] body::before{content:"";position:fixed;inset:0 0 auto;height:10px;z-index:90;pointer-events:none;background:repeating-conic-gradient(var(--ink) 0 25%,var(--mag) 0 50%) 0/12px 12px}
html[data-theme="cherry"] .scanlines{opacity:.035}.page-grid{transition:opacity .2s}
html[data-theme="cherry"] .page-grid{opacity:.08}
html[data-theme="cherry"] .topbar{background:rgba(239,225,207,.9);border-bottom-color:var(--mag)}
html[data-theme="cherry"] .brand-mark{background:var(--mag);color:var(--cream);clip-path:polygon(0 0,84% 0,100% 18%,100% 100%,0 100%)}
html[data-theme="cherry"] .navbar{background:rgba(239,225,207,.96);border-color:var(--ink);box-shadow:6px 6px 0 var(--mag)}
html[data-theme="cherry"] .nav-btn.active,html[data-theme="cherry"] .nav-btn:hover{background:var(--mag);color:var(--cream)}
html[data-theme="cherry"] .menu-item::before{background:var(--mag)}
html[data-theme="cherry"] .menu-item:hover,html[data-theme="cherry"] .menu-item:focus-visible{color:var(--cream)}
html[data-theme="cherry"] .headline .slash,html[data-theme="cherry"] .xp-track i{background:var(--mag);color:var(--mag)}

/* TERMINAL — phosphor glass / system console */
html[data-theme="terminal"] body{
  background-color:var(--paper);
  background-image:linear-gradient(rgba(73,255,113,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(73,255,113,.035) 1px,transparent 1px);
  background-size:24px 24px;
}
html[data-theme="terminal"] .scanlines{mix-blend-mode:screen;opacity:.13;background:repeating-linear-gradient(180deg,rgba(201,255,193,.11) 0 1px,transparent 1px 4px)}
html[data-theme="terminal"] .page-grid{opacity:.2;filter:hue-rotate(45deg)}
html[data-theme="terminal"] .topbar{background:rgba(6,16,10,.92);border-bottom:1px solid var(--mag)}
html[data-theme="terminal"] .brand-mark{clip-path:none;border:1px solid var(--ink);background:transparent;color:var(--mag);box-shadow:inset 0 0 0 2px rgba(73,255,113,.08)}
html[data-theme="terminal"] .navbar{background:rgba(6,16,10,.96);border:1px solid var(--mag);box-shadow:0 0 0 1px rgba(73,255,113,.16),0 0 18px rgba(73,255,113,.08)}
html[data-theme="terminal"] .nav-btn{border-right-color:rgba(201,255,193,.25)}
html[data-theme="terminal"] .nav-btn.active,html[data-theme="terminal"] .nav-btn:hover{background:var(--mag);color:#041008}
html[data-theme="terminal"] .icon-btn,html[data-theme="terminal"] .player-chip,html[data-theme="terminal"] .tiny-btn{box-shadow:none;border-color:var(--mag)}
html[data-theme="terminal"] .menu-item{border-bottom-style:dashed}.menu-item::before{will-change:transform}
html[data-theme="terminal"] .menu-item::before{background:var(--mag)}
html[data-theme="terminal"] .menu-item:hover,html[data-theme="terminal"] .menu-item:focus-visible{color:#041008}
html[data-theme="terminal"] .headline .slash{color:var(--mag)}
html[data-theme="terminal"] .eyebrow::before,html[data-theme="terminal"] .selector-label::before{content:"> ";color:var(--mag)}

/* INDIGO NIGHT — deep cabinet blue + tiny star pixels */
html[data-theme="indigonight"] body{
  background-color:var(--paper);
  background-image:radial-gradient(circle at 10% 18%,rgba(101,231,255,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 12%,rgba(155,124,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 38% 74%,rgba(241,239,255,.13) 0 1px,transparent 1.5px);
  background-size:97px 83px,121px 109px,79px 113px;
}
html[data-theme="indigonight"] .scanlines{mix-blend-mode:screen;opacity:.055}
html[data-theme="indigonight"] .page-grid{opacity:.07}
html[data-theme="indigonight"] .topbar{background:rgba(16,19,41,.88);backdrop-filter:blur(12px);border-bottom-color:rgba(155,124,255,.5)}
html[data-theme="indigonight"] .brand-mark{background:var(--mag);color:#0e1025;clip-path:polygon(10% 0,90% 0,100% 28%,90% 100%,10% 100%,0 72%,0 28%)}
html[data-theme="indigonight"] .navbar{background:rgba(16,19,41,.9);border-color:#6c70a8;box-shadow:0 8px 24px rgba(2,3,12,.45)}
html[data-theme="indigonight"] .nav-btn{border-right-color:#4c507d}.nav-btn.active{transition:background .12s}
html[data-theme="indigonight"] .nav-btn.active,html[data-theme="indigonight"] .nav-btn:hover{background:var(--mag);color:#11132b}
html[data-theme="indigonight"] .menu-item::before{background:var(--mag)}
html[data-theme="indigonight"] .menu-item:hover,html[data-theme="indigonight"] .menu-item:focus-visible{color:#11132b}
html[data-theme="indigonight"] .primary{background:var(--mag);color:#11132b;border-color:var(--mag);box-shadow:4px 4px 0 #060712}

/* FROSTED SILVER — cold hardware / instrument panel */
html[data-theme="frost"] body{
  background-color:var(--paper);
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 1px,rgba(22,25,27,.025) 1px 2px,transparent 2px 8px);
}
html[data-theme="frost"] .scanlines{opacity:.018}
html[data-theme="frost"] .page-grid{opacity:.055}
html[data-theme="frost"] .topbar{background:rgba(230,233,235,.92);border-bottom:1px solid #899196;box-shadow:0 1px 0 #fff inset}
html[data-theme="frost"] .brand-mark{clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%);background:var(--ink);color:#f7fafb}
html[data-theme="frost"] .navbar{background:rgba(230,233,235,.95);border:1px solid #777f84;box-shadow:0 1px 0 #fff inset,0 10px 26px rgba(31,38,42,.16)}
html[data-theme="frost"] .icon-btn,html[data-theme="frost"] .player-chip,html[data-theme="frost"] .tiny-btn{border-color:#737a7e;box-shadow:0 1px 0 #fff inset,2px 2px 0 rgba(22,25,27,.16)}
html[data-theme="frost"] .nav-btn.active,html[data-theme="frost"] .nav-btn:hover{background:var(--ink);color:#f6fafb}
html[data-theme="frost"] .headline .slash{color:var(--mag)}
html[data-theme="frost"] .menu-item::before{background:var(--ink)}
html[data-theme="frost"] .accent-strip{height:9px;gap:2px}

/* OBSIDIAN — prestige skin; nearly no decoration */
html[data-theme="obsidian"] body{background:#050505}
html[data-theme="obsidian"] .scanlines{opacity:.028;mix-blend-mode:screen}
html[data-theme="obsidian"] .page-grid{display:none}
html[data-theme="obsidian"] .topbar{background:#050505;border-bottom:1px solid #333;box-shadow:none}
html[data-theme="obsidian"] .brand-mark{clip-path:none;background:transparent;color:var(--ink);border:1px solid #454545}
html[data-theme="obsidian"] .navbar{background:#070707;border:1px solid #454545;box-shadow:none;backdrop-filter:none}
html[data-theme="obsidian"] .nav-btn{border-right-color:#333}.nav-btn.active{font-weight:1000}
html[data-theme="obsidian"] .nav-btn.active,html[data-theme="obsidian"] .nav-btn:hover{background:var(--ink);color:#050505}
html[data-theme="obsidian"] .icon-btn,html[data-theme="obsidian"] .player-chip,html[data-theme="obsidian"] .tiny-btn{box-shadow:none;border-color:#454545}
html[data-theme="obsidian"] .menu-item{border-bottom-color:#303030}.menu-item::before{transition-duration:.12s}
html[data-theme="obsidian"] .menu-item::before{background:var(--ink)}
html[data-theme="obsidian"] .menu-item:hover,html[data-theme="obsidian"] .menu-item:focus-visible{color:#050505}
html[data-theme="obsidian"] .accent-strip{height:5px;grid-template-columns:8fr .2fr .2fr .2fr;gap:3px}
html[data-theme="obsidian"] .accent-strip span:nth-child(1){background:#3b3b3b}
html[data-theme="obsidian"] .primary{background:var(--ink);color:#050505;box-shadow:none}
html[data-theme="obsidian"] .secondary{box-shadow:none;border-color:#555}
html[data-theme="obsidian"] .headline .slash{color:var(--mag)}

/* Dark skins keep light hover panels legible. */
html[data-theme="terminal"] .reward-item.equipped,html[data-theme="indigonight"] .reward-item.equipped,html[data-theme="obsidian"] .reward-item.equipped{color:var(--paper)}
html[data-theme="terminal"] .topbar,html[data-theme="indigonight"] .topbar,html[data-theme="obsidian"] .topbar{color:var(--ink)}

/* Theme swatches in the locker. */
.theme-preview{--tp:var(--paper);--ti:var(--ink);--ta:var(--mag);width:100%;min-height:54px;border:2px solid var(--ink);display:grid;grid-template-columns:1.8fr .45fr .45fr;grid-template-rows:17px 1fr;position:relative;overflow:hidden;background:var(--tp);color:var(--ti)}
.theme-preview::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:5px;background:var(--ta)}
.theme-preview i:nth-child(1){background:var(--ti)}.theme-preview i:nth-child(2){background:var(--ta)}.theme-preview i:nth-child(3){background:var(--tp);border-left:1px solid var(--ti)}.theme-preview b{grid-column:1/-1;padding:6px 7px 12px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-preview[data-preview-theme="monopaper"]{--tp:#f1efe7;--ti:#151515;--ta:#d83c45}
.theme-preview[data-preview-theme="cherry"]{--tp:#efe1cf;--ti:#211719;--ta:#9f1738}
.theme-preview[data-preview-theme="terminal"]{--tp:#06100a;--ti:#c9ffc1;--ta:#49ff71}
.theme-preview[data-preview-theme="indigonight"]{--tp:#101329;--ti:#f1efff;--ta:#9b7cff}
.theme-preview[data-preview-theme="frost"]{--tp:#e6e9eb;--ti:#16191b;--ta:#2b8fa8}
.theme-preview[data-preview-theme="obsidian"]{--tp:#050505;--ti:#f1eee6;--ta:#d8ccff}
.hero+.menu{margin-top:34px}


/* V11.6.2 — clean dedicated party results screen */
.results-v2{max-width:980px;margin:0 auto;padding:18px 0 30px;position:relative}.results-meta{display:flex;gap:18px;flex-wrap:wrap;padding:0 0 12px;border-bottom:2px solid var(--ink);font-size:9px;font-weight:1000;letter-spacing:.16em}.results-meta span+span{opacity:.58}.champion-panel{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;align-items:start;padding:34px 0 30px;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);overflow:hidden}.champion-mark{width:62px;height:62px;display:grid;place-items:center;background:var(--ink);color:var(--paper);clip-path:polygon(0 25%,18% 40%,30% 4%,50% 34%,70% 4%,82% 40%,100% 25%,90% 100%,10% 100%)}.champion-mark svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8}.champion-copy{min-width:0}.champion-copy h1{margin:4px 0 3px;font-size:clamp(42px,8vw,86px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;max-width:820px}.champion-score{font-size:26px;font-weight:1000;margin-top:14px}.champion-score span{font-size:9px;letter-spacing:.16em;opacity:.6}.champion-player{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-weight:1000}.champion-streak{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:9px;font-weight:1000;letter-spacing:.12em}.champion-streak .win-streak{margin:0}.victory-pixels{position:absolute;right:12px;top:28px;width:150px;height:90px;opacity:.38;pointer-events:none}.victory-pixels i{position:absolute;width:9px;height:9px;background:var(--accent,var(--ink));animation:resultPixelFloat 2.4s steps(5,end) infinite}.victory-pixels i:nth-child(1){left:12%;top:18%}.victory-pixels i:nth-child(2){left:55%;top:5%;animation-delay:-.4s}.victory-pixels i:nth-child(3){left:82%;top:43%;animation-delay:-.9s}.victory-pixels i:nth-child(4){left:37%;top:67%;animation-delay:-1.3s}.victory-pixels i:nth-child(5){left:70%;top:82%;animation-delay:-1.8s}@keyframes resultPixelFloat{0%,100%{transform:translateY(0) rotate(0);opacity:.25}50%{transform:translateY(-10px) rotate(90deg);opacity:.8}}.results-places{display:grid;grid-template-columns:1.18fr 1fr 1fr;border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:24px}.result-place{min-width:0;padding:15px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--paper) 94%,var(--ink) 6%);display:flex;flex-direction:column;gap:13px}.result-place.is-winner{background:color-mix(in srgb,var(--accent,var(--acid)) 18%,var(--paper));box-shadow:inset 0 5px 0 var(--ink)}.place-index{font-size:8px;font-weight:1000;letter-spacing:.15em;opacity:.62}.place-main{display:flex;align-items:center;gap:11px;min-width:0}.place-person{min-width:0}.place-name{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-weight:1000;text-transform:uppercase}.place-score{font-size:30px;font-weight:1000;margin-top:auto}.place-score small{font-size:8px;letter-spacing:.14em;margin-left:5px;opacity:.55}.results-rest{margin-top:26px;border-top:2px solid var(--ink);padding-top:12px}.result-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 32%,transparent);font-weight:900}.result-rank{font-size:9px;opacity:.5}.results-footer{margin-top:26px;padding-top:14px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}.results-host-state{font-size:9px;font-weight:1000;letter-spacing:.12em;opacity:.72}.results-actions{display:flex;gap:8px;flex-wrap:wrap}.results-v2 + .bottom-nav{display:none!important}@media(max-width:720px){.results-v2{padding-top:8px}.champion-panel{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:24px 0 22px}.champion-mark{width:46px;height:46px}.champion-mark svg{width:23px;height:23px}.champion-copy h1{font-size:clamp(42px,16vw,68px)}.victory-pixels{width:92px;right:-8px;opacity:.22}.results-places{grid-template-columns:1fr}.result-place{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}.result-place .place-index{grid-column:1/-1}.result-place .place-main{grid-column:1/3}.result-place .place-score{grid-column:3;grid-row:2;margin:0;font-size:24px}.results-footer{align-items:flex-start;flex-direction:column}.results-actions{width:100%}.results-actions button{flex:1}.results-meta{gap:9px}.champion-player .name-tag{max-width:150px}}@media(prefers-reduced-motion:reduce){.victory-pixels i{animation:none!important}}

/* V11.6.3 — compact moderated party chat */
.party-chat{margin-top:22px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:14px 0 12px;min-width:0}
.party-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.party-chat-head .eyebrow{margin:0}
.party-chat-rule{margin-top:4px;font-size:8px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;opacity:.58}
.party-chat-live{font-size:8px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:5px 7px;white-space:nowrap}
.party-chat-log{height:178px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent);scrollbar-width:thin}
.party-chat-msg{padding:8px 2px;border-bottom:1px solid color-mix(in srgb,var(--ink) 17%,transparent)}
.party-chat-msg:last-child{border-bottom:0}
.party-chat-msg.mine .party-chat-meta strong::after{content:' // YOU';opacity:.5;font-size:7px}
.party-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.party-chat-meta strong{font-size:9px;font-weight:1000}
.party-chat-meta span{opacity:.45;font-weight:850}
.party-chat-text{padding-top:3px;font-size:12px;line-height:1.35;font-weight:750;overflow-wrap:anywhere;white-space:pre-wrap}
.party-chat-empty{display:grid;place-items:center;height:100%;min-height:110px;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;opacity:.42;text-align:center;padding:16px}
.party-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:10px;border:2px solid var(--ink);background:var(--paper)}
.party-chat-form input{min-width:0;height:42px;border:0!important;background:transparent!important;color:var(--ink)!important;padding:0 11px!important;font:inherit;font-size:12px!important;outline:0}
.party-chat-form input::placeholder{color:color-mix(in srgb,var(--ink) 45%,transparent)}
.party-chat-send{border:0;border-left:2px solid var(--ink);background:var(--ink);color:var(--paper);min-width:70px;padding:0 12px;font-size:9px;font-weight:1000;letter-spacing:.12em;cursor:pointer}
.party-chat-send:hover{background:var(--accent,var(--mag));color:var(--ink)}
.party-chat-send:disabled{opacity:.45;cursor:not-allowed}
.party-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;opacity:.5}
.results-v2 .party-chat{margin-top:24px}
.results-v2 .party-chat-log{height:132px}
@media(max-width:720px){.party-chat{margin-top:18px}.party-chat-log{height:150px}.party-chat-head{gap:8px}.party-chat-rule{font-size:7px}.party-chat-live{font-size:7px}.party-chat-form input{font-size:16px!important}.party-chat-send{min-width:62px}}


/* V11.6.4 clean party topic checklist */
.party-topic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
  border:0;
  background:transparent;
}
.party-topic{
  min-width:0;
  min-height:44px;
  padding:8px 2px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);
  background:transparent!important;
  color:var(--ink)!important;
  display:grid;
  grid-template-columns:18px 20px minmax(0,1fr);
  align-items:center;
  gap:8px;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.03em;
  cursor:pointer;
}
.party-topic:hover,.party-topic.on:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)!important;color:var(--ink)!important}
.party-topic input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:16px;
  height:16px;
  margin:0;
  border:2px solid currentColor;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.party-topic input[type="checkbox"]::after{
  content:"";
  width:7px;
  height:4px;
  border-left:2px solid var(--paper);
  border-bottom:2px solid var(--paper);
  transform:rotate(-45deg) scale(0);
  transform-origin:center;
  transition:transform .08s steps(2,end);
}
.party-topic input[type="checkbox"]:checked{background:var(--ink)}
.party-topic input[type="checkbox"]:checked::after{transform:rotate(-45deg) scale(1)}
.party-topic .topic-ico{width:18px;height:18px;display:grid;place-items:center}
.party-topic .topic-ico svg{width:16px;height:16px}
.party-topic.on{background:transparent!important;color:var(--ink)!important}

/* V11.6.4 What's New popup */
.release-notes{width:100%;display:grid;gap:0;border-top:2px solid var(--ink);margin-top:4px}
.popup-meta:has(.release-notes){display:block;width:100%;margin-top:18px}
.popup-meta:has(.release-notes)>span{display:none}
.release-note-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.release-kind{align-self:start;display:inline-flex;justify-content:center;border:1.5px solid var(--ink);padding:4px 5px;font-size:8px;font-weight:1000;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.release-note-row strong{display:block;font-size:12px;letter-spacing:.035em;text-transform:uppercase}
.release-note-row p{margin:3px 0 0!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;color:color-mix(in srgb,var(--ink) 70%,transparent)!important}
.release-added .release-kind{background:var(--acid)}
.release-fixed .release-kind{background:var(--cream)}
.release-reworked .release-kind{background:var(--mag);color:var(--ink)}
.release-security .release-kind{background:var(--orange)}
@media(max-width:600px){
  .party-topic-grid{grid-template-columns:1fr;gap:0}
  .party-topic{min-height:42px;font-size:9px}
  .release-note-row{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px 0}
  .release-note-row strong{font-size:11px}.release-note-row p{font-size:10px!important}
}

/* V11.7 — ToM Arcade: Pass The Bomb + Doodle Drop */
.arcade-game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);margin-bottom:14px}
.arcade-game-picker button{min-width:0;min-height:64px;padding:10px 8px;border:0;border-right:1px solid var(--ink);background:transparent;color:var(--ink);text-align:left;cursor:pointer;text-transform:uppercase}
.arcade-game-picker button:last-child{border-right:0}.arcade-game-picker button:hover,.arcade-game-picker button.on{background:var(--ink);color:var(--paper)}
.arcade-game-picker b{display:block;font-size:10px;letter-spacing:.04em}.arcade-game-picker small{display:block;margin-top:4px;font-size:7px;letter-spacing:.08em;opacity:.6}
.arcade-rule-card{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;margin:12px 0 16px;display:grid;gap:5px}
.arcade-rule-card strong{font-size:11px;letter-spacing:.06em}.arcade-rule-card span{font-size:10px;line-height:1.45;font-weight:700;opacity:.67}
.arcade-stage{max-width:1080px;margin:0 auto;padding:16px 0 88px}.arcade-kicker{font-size:8px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin-bottom:12px}.arcade-title{font-size:clamp(54px,10vw,108px);line-height:.84;letter-spacing:-.07em;margin:10px 0;text-transform:uppercase}.arcade-sub{font-size:12px;font-weight:800;line-height:1.45;opacity:.7}.arcade-wait{border:2px solid var(--ink);padding:18px;text-align:center;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;margin:16px 0}.arcade-score-list{border-top:2px solid var(--ink);margin-top:22px}.arcade-score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:10px;font-weight:900}.arcade-score-row strong{white-space:nowrap}
/* Bomb */
.bomb-stage{text-align:center}.bomb-holder{display:inline-flex;flex-direction:column;gap:3px;border:2px solid var(--ink);padding:9px 16px;margin:4px auto 10px;text-transform:uppercase}.bomb-holder span{font-size:9px;font-weight:1000;letter-spacing:.1em}.bomb-holder strong{font-size:12px}.bomb-holder.mine{background:var(--orange);box-shadow:4px 4px 0 var(--ink)}
.bomb-visual{width:170px;height:170px;border:3px solid var(--ink);border-radius:50%;margin:12px auto;display:grid;place-items:center;position:relative;background:color-mix(in srgb,var(--paper) 84%,var(--ink) 16%);animation:bombTick .52s steps(2,end) infinite}.bomb-visual svg{width:92px;height:92px;stroke:var(--ink);fill:none;stroke-width:1.5}.bomb-visual span{position:absolute;bottom:18px;right:19px;background:var(--paper);border:2px solid var(--ink);padding:4px 6px;font-size:13px;font-weight:1000}.bomb-visual.hot{box-shadow:0 0 0 8px color-mix(in srgb,var(--orange) 38%,transparent)}.bomb-visual.exploded{animation:bombBoom .48s steps(4,end) both;background:var(--orange)}
@keyframes bombTick{50%{transform:scale(1.025) rotate(-1deg)}}@keyframes bombBoom{0%{transform:scale(.75)}55%{transform:scale(1.18) rotate(5deg)}100%{transform:scale(1)}}
.bomb-fuse{height:13px;border:2px solid var(--ink);max-width:700px;margin:0 auto 13px;padding:2px}.bomb-fuse i{display:block;height:100%;width:100%;background:var(--orange);transition:width .04s linear}.bomb-lives{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink);max-width:800px;margin:14px auto}.bomb-life-player{display:flex;justify-content:space-between;gap:8px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:8px;font-size:8px;font-weight:1000;text-transform:uppercase}.bomb-life-player b{letter-spacing:2px}.bomb-life-player.out{opacity:.35;text-decoration:line-through}.bomb-question{text-align:left;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:18px 0;margin:18px 0}.bomb-question .q-text{font-size:clamp(24px,4vw,48px);line-height:1.02}.bomb-answers{max-width:820px;margin-inline:auto}.bomb-answer{display:inline-block;border:2px solid var(--ink);padding:8px 12px;font-size:10px;font-weight:900;margin:8px auto 14px}.bomb-sparks i{position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--mag);animation:bombSpark .7s ease-out both}.bomb-sparks i:nth-child(1){--x:85px;--y:-64px}.bomb-sparks i:nth-child(2){--x:-94px;--y:-42px}.bomb-sparks i:nth-child(3){--x:103px;--y:20px}.bomb-sparks i:nth-child(4){--x:-75px;--y:70px}.bomb-sparks i:nth-child(5){--x:18px;--y:92px}.bomb-sparks i:nth-child(6){--x:-10px;--y:-102px}@keyframes bombSpark{to{transform:translate(var(--x),var(--y)) rotate(120deg);opacity:0}}
/* Doodle Drop */
.doodle-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:2px solid var(--ink);padding-bottom:11px}.doodle-top h2{font-size:clamp(26px,5vw,54px);line-height:.9;margin:5px 0 0;text-transform:uppercase}.doodle-clock{font-size:30px;font-weight:1000;white-space:nowrap}.doodle-clock span{font-size:48px}.doodle-status{margin:10px 0;padding:9px 11px;border:2px solid var(--ink);font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.doodle-status.drawer{background:var(--acid)}
.doodle-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:18px;align-items:start}.doodle-board-wrap{min-width:0}.doodle-board-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:900/520;background:#fffdf0;border:3px solid var(--ink);touch-action:none;cursor:not-allowed}.doodle-board-wrap canvas.can-draw{cursor:crosshair}.doodle-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.doodle-tools span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.doodle-guess-panel{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:12px 0}.doodle-log{height:330px}.doodle-chat-msg{display:grid;gap:3px;padding:8px 2px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.doodle-chat-msg strong{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.doodle-chat-msg span{font-size:12px;font-weight:800;overflow-wrap:anywhere}.doodle-chat-msg.solved{background:color-mix(in srgb,var(--acid) 24%,transparent)}.doodle-chat-msg.whisper{background:color-mix(in srgb,var(--mag) 12%,transparent);border-left:3px solid var(--mag);padding-left:8px}.doodle-no-guess{border:2px solid var(--ink);padding:12px;text-align:center;font-size:9px;font-weight:1000;letter-spacing:.1em;margin-top:10px}.doodle-no-guess.solved{background:var(--acid)}.doodle-reveal-word{font-size:clamp(54px,12vw,128px);line-height:.82;font-weight:1000;letter-spacing:-.06em;text-transform:uppercase;margin:28px 0 18px;overflow-wrap:anywhere}
@media(max-width:760px){.arcade-game-picker{grid-template-columns:1fr}.arcade-game-picker button{min-height:50px;border-right:0;border-bottom:1px solid var(--ink)}.arcade-game-picker button:last-child{border-bottom:0}.bomb-visual{width:132px;height:132px}.bomb-visual svg{width:72px;height:72px}.bomb-question .q-text{font-size:28px}.doodle-layout{grid-template-columns:1fr}.doodle-log{height:180px}.doodle-top h2{font-size:30px}.doodle-clock{font-size:18px}.doodle-clock span{font-size:34px}.doodle-tools{align-items:flex-start;flex-direction:column}.arcade-stage{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){.bomb-visual,.bomb-sparks i{animation:none!important}}

/* V11.7.1 — Doodle Drop colour palette */
.doodle-tools{align-items:flex-start;flex-direction:column;justify-content:flex-start}
.doodle-palette{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:8px 0 2px}
.doodle-swatch{appearance:none;width:27px;height:27px;min-width:27px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease}
.doodle-swatch:hover{transform:translateY(-2px)}
.doodle-swatch.on{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink);transform:scale(.88)}
.doodle-tool-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.doodle-tool-actions .secondary{min-height:34px;padding:8px 14px}
.doodle-tool-actions span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
@media(max-width:760px){.doodle-palette{gap:8px}.doodle-swatch{width:30px;height:30px;min-width:30px}.doodle-tool-actions{align-items:flex-start;flex-direction:column}}

/* V11.7.2 // account recovery */
.auth-link{border:0;background:transparent;color:var(--ink);padding:10px 2px;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.auth-link:hover{color:var(--mag)}
.auth-recovery-head{border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:22px}.auth-recovery-head h2{font-size:clamp(34px,5vw,58px);line-height:.95;margin:8px 0 12px;text-transform:uppercase;letter-spacing:-.035em}.auth-recovery-head .sub{font-size:13px;max-width:42ch}
.form-status{min-height:19px;margin-top:10px;font-size:12px;font-weight:900;line-height:1.45;color:var(--ink)}
.auth-panel button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
@media(max-width:600px){.auth-recovery-head h2{font-size:34px}.auth-recovery-head{padding-bottom:16px;margin-bottom:16px}.auth-link{padding:10px 0}}