.gameHubBody{background:radial-gradient(circle at 15% -10%,rgba(67,145,218,.28),transparent 35%),radial-gradient(circle at 90% 10%,rgba(135,82,211,.16),transparent 30%),#03060a}.finalHub{max-width:1380px;padding-top:34px}.hubHeader{align-items:flex-end}.hubHeader h1{font-size:clamp(46px,7vw,88px);line-height:.85}.hubLead{max-width:700px;color:#9badbc;line-height:1.55}.hubJoin{margin:0 0 5px;white-space:nowrap}.finalGameGrid{grid-template-columns:1fr 1fr}.finalGameGrid .gameCard{min-height:280px;position:relative;overflow:hidden;transition:.2s}.finalGameGrid .gameCard:after{content:"";position:absolute;inset:auto -10% -60% 35%;height:230px;background:radial-gradient(circle,rgba(105,197,255,.17),transparent 65%);pointer-events:none}.finalGameGrid .sportsCard:after{background:radial-gradient(circle,rgba(117,226,162,.18),transparent 65%)}.finalGameGrid .drawCard:after{background:radial-gradient(circle,rgba(255,129,197,.2),transparent 65%)}.finalGameGrid .charadesCard:after{background:radial-gradient(circle,rgba(185,111,255,.2),transparent 65%)}.gameAction{display:inline-block;margin-top:18px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.1em}.hubHow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.hubHow div{background:#071019;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.hubHow span{grid-row:1/3;color:var(--blue);font-size:24px;font-weight:900}.hubHow small{color:var(--muted)}
.partyBody,.partyPhone{--party:#ff86cf;--party2:#68305b;background:radial-gradient(circle at 50% -15%,rgba(255,92,187,.22),transparent 42%),#030508}.charadesTheme{--party:#c48aff;--party2:#563278;background:radial-gradient(circle at 50% -15%,rgba(156,83,224,.25),transparent 42%),#040307}.partyShell{width:min(1450px,calc(100% - 28px));margin:auto;padding:22px}.partyShell h1 span{color:var(--party)}.partyHero{max-width:900px;margin:70px auto;display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;border-color:color-mix(in srgb,var(--party) 35%,transparent)}.partyIcon{font-size:90px;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--party) 35%,transparent))}.partyHero button,.partyController button{border-color:var(--party);background:linear-gradient(90deg,var(--party2),#10131a)}select{width:100%;min-height:44px;background:#050a10;border:1px solid var(--line);color:var(--text);padding:0 10px;margin:5px 0 10px}.partyScorebar{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;padding:12px 16px;border:1px solid var(--line);background:#071019}.partyScorebar b{font-size:28px;color:var(--party)}.pictionaryLayout{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:14px;margin-top:14px}.canvasFrame{position:relative;min-height:0;aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--party) 38%,transparent);background:#07111c;overflow:hidden}.canvasFrame canvas{display:block;width:100%;height:100%}.canvasStandby{position:absolute;inset:0;display:grid;place-items:center;color:#5e7080;font-size:11px;letter-spacing:.14em;pointer-events:none}.pictionaryLayout aside{border:1px solid var(--line);background:#071019;padding:14px;overflow:auto;max-height:calc(100vh - 170px)}.partyScores{display:grid;gap:6px;margin-bottom:20px}.partyScores div{display:flex;justify-content:space-between;padding:9px;border:1px solid rgba(255,255,255,.08)}.partyScores b{color:var(--party)}.guessFeed{display:grid;gap:6px}.guessFeed>div{display:flex;justify-content:space-between;gap:10px;padding:8px;border-left:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03);font-size:12px}.guessFeed .correctGuess{border-color:#75e2a2;color:#75e2a2}.roundResult{position:fixed;inset:0;z-index:20;background:rgba(2,5,8,.9);backdrop-filter:blur(10px);display:grid;place-content:center;text-align:center;padding:30px}.roundResult h2{font-size:clamp(34px,6vw,74px);color:var(--party);max-width:1000px}.roundResult button{justify-self:center;border-color:var(--party)}
.partyController{max-width:720px}.controllerTop{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}.controllerTop>div:last-child{border:1px solid var(--line);padding:9px 12px}.promptCard{text-align:center;border:1px solid var(--party);background:linear-gradient(145deg,var(--party2),#071019);padding:14px;margin-bottom:10px}.promptCard span{font-size:9px;letter-spacing:.16em}.promptCard h2{font-size:clamp(24px,8vw,42px)}.promptCard b{color:var(--party)}.drawTools{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;margin:8px 0}.drawTools input[type=color]{width:60px;height:46px;padding:3px;margin:0}.drawTools input[type=range]{margin:0}.dangerButton{border-color:#ff667a!important;background:#33131a!important}.partyController canvas{display:block;width:100%;aspect-ratio:1/1;background:#07111c;border:1px solid var(--party);touch-action:none}.partyController form{display:grid;grid-template-columns:1fr auto;gap:8px}.partyController form input{margin:0}.buttonLink{display:grid;place-items:center;min-height:46px;border:1px solid var(--line);font-weight:900}.charadesBoard{display:grid;grid-template-columns:1fr minmax(360px,1.4fr) 1fr;gap:12px;align-items:stretch}.teamScore,.charadesCenter{border:1px solid var(--line);background:#071019;padding:24px;text-align:center;display:grid;place-content:center}.teamScore span{font-size:12px;letter-spacing:.15em}.teamScore b{font-size:clamp(70px,12vw,150px)}.teamA b{color:#69c5ff}.teamB b{color:#ff86cf}.showTimer{font-size:clamp(90px,14vw,170px);line-height:.9;color:var(--party);font-weight:900}.roundTally{display:flex;justify-content:center;gap:16px;margin-top:18px}.roundTally span{border:1px solid var(--line);padding:9px}.teamRosters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.teamRosters>div{border:1px solid var(--line);padding:12px;display:flex;gap:8px;flex-wrap:wrap}.teamRosters>div>b{width:100%}.teamRosters span{background:#0c1721;padding:7px 9px}.teamRosters .activeActor{outline:1px solid var(--party);color:var(--party)}.actorPanel{text-align:center;border:1px solid var(--party);background:linear-gradient(145deg,var(--party2),#071019);padding:24px}.actorTimer{font-size:72px;color:var(--party);font-weight:900}.actorPanel h1{font-size:clamp(32px,10vw,58px);text-transform:none}.actorActions{display:grid;grid-template-columns:2fr 1fr;gap:10px}.actorActions button{font-size:18px;min-height:70px}
.careerCard{position:relative;margin-top:30px;border:1px solid rgba(255,255,255,.12);padding:14px;display:grid;gap:3px;background:rgba(0,0,0,.2)}.careerCard span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.careerCard b{color:var(--sport)}.careerCard small{color:var(--muted)}.careerCard a{width:max-content;margin-top:7px;color:var(--sport);font-size:9px;font-weight:900;letter-spacing:.12em;text-decoration:none}.careerCard a:hover,.careerCard a:focus-visible{text-decoration:underline}.soloModes{grid-template-columns:repeat(3,1fr)}.soloModePick[data-mode="modern-era"]{background:linear-gradient(135deg,rgba(139,49,168,.28),rgba(8,64,86,.35));border-color:rgba(105,221,255,.35)}.soloModePick[data-mode="modern-era"].active{border-color:#ff83df;box-shadow:inset 0 -3px 0 #68ddff,0 0 18px rgba(255,83,205,.13)}.achievementList{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.achievementList span{border:1px solid rgba(255,255,255,.12);padding:8px 10px;font-size:10px;color:var(--sport)}
@media(max-width:900px){.finalGameGrid,.hubHow,.pictionaryLayout,.charadesBoard{grid-template-columns:1fr}.hubHeader{align-items:flex-start}.hubJoin{margin-top:12px}.pictionaryLayout aside{max-height:none}.charadesBoard{grid-template-columns:1fr 1fr}.charadesCenter{grid-column:1/-1;grid-row:1}.soloModes{grid-template-columns:1fr 1fr}.partyHero{grid-template-columns:1fr;margin:30px auto}.partyIcon{font-size:64px}.teamScore b{font-size:72px}}@media(max-width:600px){.finalGameGrid{grid-template-columns:1fr}.hubHeader{display:block}.partyShell{padding:14px}.partyScorebar{grid-template-columns:1fr auto}.partyScorebar span:nth-child(2){grid-column:1/-1;grid-row:2}.partyController{width:100%;padding:12px}.charadesBoard{grid-template-columns:1fr 1fr}.teamRosters{grid-template-columns:1fr}.soloModes{grid-template-columns:1fr 1fr}.drawTools{grid-template-columns:52px 1fr auto}}
.hubHeaderActions{display:flex;gap:9px;align-items:center}.hubHeaderActions .joinLink{margin-top:0;white-space:nowrap}.hubHome{color:#8fa1ae;border-color:rgba(255,255,255,.12)}.hubHome:hover{color:#fff;border-color:rgba(255,255,255,.35)}
@media(max-width:700px){.hubHeaderActions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.hubHeaderActions .joinLink{text-align:center;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.finalGameGrid .circuitCard{grid-column:1/-1;min-height:235px;background:radial-gradient(circle at 88% 18%,rgba(255,92,171,.13),transparent 32%),linear-gradient(135deg,#0b1b31,#070b15);border-color:rgba(53,214,255,.25)}.circuitCard .gameArt{color:#35d6ff;filter:drop-shadow(0 0 20px rgba(53,214,255,.28))}.circuitCard .status{color:#73efb1}.circuitCard:after{background:radial-gradient(circle,rgba(53,214,255,.18),transparent 65%)!important}@media(max-width:720px){.finalGameGrid .circuitCard{grid-column:auto}}
.finalGameGrid .draftCard{grid-column:1/-1;min-height:235px;background:radial-gradient(circle at 85% 22%,rgba(255,204,103,.13),transparent 34%),linear-gradient(135deg,#102439,#070d15);border-color:rgba(255,204,103,.28)}.draftCard .gameArt{color:#ffcc67;filter:drop-shadow(0 0 20px rgba(255,204,103,.25))}.draftCard .status{color:#59efbd}.draftCard:after{background:radial-gradient(circle,rgba(255,204,103,.16),transparent 65%)!important}@media(max-width:720px){.finalGameGrid .draftCard{grid-column:auto}}