:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07160f;color:#f7f2df;font-synthesis:none;text-rendering:optimizeLegibility;--pitch: #0e3b25;--pitch-deep: #07160f;--scoreboard: #101812;--scoreboard-2: #16251b;--sight: #fff7df;--cream: #f3ead0;--rope: #d8a536;--rope-2: #f1c85a;--grass: #2fb26f;--line: rgba(255, 247, 223, .16);--muted: #b8c5b7;--danger: #ef7a52;--good: #43d17e;--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 16% 8%,rgba(241,200,90,.18),transparent 30%),radial-gradient(circle at 88% 6%,rgba(80,204,134,.16),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),repeating-linear-gradient(90deg,#237f4f38 0 56px,#12533238 56px 112px),linear-gradient(180deg,#0b2317,#07160f);background-size:auto,auto,92px 100%,auto,auto}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - 2px),rgba(255,247,223,.18) calc(50% - 2px),rgba(255,247,223,.18) calc(50% + 2px),transparent calc(50% + 2px)),radial-gradient(ellipse at center,transparent 0 54%,rgba(216,165,54,.16) 54.4% 55%,transparent 55.4%);pointer-events:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.shell{width:min(1240px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:28px 0 44px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;border-bottom:1px solid rgba(255,247,223,.14);padding-bottom:18px}.brand-lockup{min-width:0}.topbar h1,.join-panel h2,.room-meta h2,.question-area h3,.waiting h3,.final h3,.hand-card h3{margin:0;letter-spacing:0}.topbar h1{color:#fff7df;font-size:clamp(2.3rem,6vw,5rem);line-height:.92;text-shadow:0 10px 36px rgba(0,0,0,.42)}.broadcast-kicker{max-width:680px;margin:10px 0 0;color:var(--muted);font-weight:750}.eyebrow,.source{margin:0 0 8px;color:var(--rope-2);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:10px}.connection{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap;border:1px solid rgba(255,247,223,.18);border-radius:999px;padding:0 14px;background:#101812d1;color:#fff7df;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff0a}.connection span{width:10px;height:10px;border-radius:999px;background:var(--danger);box-shadow:0 0 14px currentColor}.connection.online span{background:var(--good)}.toast{position:fixed;top:22px;left:50%;z-index:20;width:min(540px,calc(100% - 32px));border:1px solid rgba(239,122,82,.42);border-radius:8px;padding:14px 16px;background:#25150f;color:#ffd8ca;font-weight:900;text-align:center;transform:translate(-50%);box-shadow:var(--shadow)}.broadcast-card,.play-panel,.side-panel{border:1px solid rgba(255,247,223,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),#101812f0;box-shadow:var(--shadow)}.join-layout,.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.join-panel{display:grid;gap:22px;overflow:hidden;padding:clamp(22px,4vw,42px);position:relative}.join-panel:after,.play-panel:after{content:"";position:absolute;right:22px;bottom:18px;width:92px;height:92px;border:2px solid rgba(216,165,54,.18);border-radius:999px;pointer-events:none}.join-copy h2{max-width:780px;color:#fff7df;font-size:clamp(2rem,5vw,4.4rem);line-height:.96}.join-copy p,.waiting p,.final p,.reveal p,.rule-list p,.effect-list p{max-width:680px;margin:10px 0 0;color:var(--muted);line-height:1.55}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-tabs button{display:grid;gap:4px;min-height:86px;border:1px solid rgba(255,247,223,.14);border-radius:8px;padding:14px;background:#fff7df0f;color:var(--cream);text-align:left}.mode-tabs button.active{border-color:#f1c85ab8;background:linear-gradient(135deg,#d8a53642,#2fb26f24),#fff7df14;box-shadow:inset 0 0 0 1px #f1c85a1f}.mode-tabs strong{color:#fff7df;font-size:1rem}.mode-tabs span{color:var(--muted);font-size:.88rem;font-weight:750}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:var(--cream);font-weight:900}label span{color:#f7e5ae}input{width:100%;min-height:54px;border:1px solid rgba(255,247,223,.18);border-radius:8px;padding:0 14px;background:#fff7df14;color:#fff7df}input::placeholder{color:#f7f2df8a}input:focus{border-color:var(--rope-2);outline:3px solid rgba(241,200,90,.18)}.primary,.copy-code{min-height:48px;border-radius:8px;padding:0 18px;font-weight:950}.primary{border:0;background:linear-gradient(135deg,#f1c85a,#d8a536);color:#17210f;box-shadow:0 16px 28px #0000003d}.primary:disabled{opacity:.5}.copy-code{border:1px solid rgba(241,200,90,.42);background:#fff7df0f;color:#fff7df}.score-strip{display:grid;gap:12px;padding:18px}.score-strip div{min-height:116px;border:1px solid rgba(241,200,90,.24);border-radius:8px;padding:16px;background:linear-gradient(135deg,rgba(241,200,90,.12),transparent),#fff7df0f}.score-strip strong{display:block;color:var(--rope-2);font-size:2.5rem;line-height:1}.score-strip span{display:block;margin-top:8px;color:var(--cream);font-weight:850}.play-panel{position:relative;overflow:hidden;padding:20px}.broadcast-header{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr)) auto auto;gap:10px;align-items:stretch;border:1px solid rgba(255,247,223,.12);border-radius:8px;padding:10px;background:#0b120d}.room-badge,.scoreboard-cell,.status-chip{display:grid;align-content:center;min-height:68px;border-radius:8px;padding:10px 12px;background:#fff7df0f}.room-badge{background:linear-gradient(135deg,#d8a53640,#2fb26f1a)}.room-badge span,.scoreboard-cell span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.room-badge strong,.scoreboard-cell strong,.status-chip{overflow-wrap:anywhere;color:#fff7df;font-weight:950}.scoreboard-cell.accent strong{color:var(--rope-2)}.status-chip{min-width:132px;color:#17210f;background:var(--rope-2);text-align:center}.broadcast-header .copy-code{min-height:68px}.timer{margin:18px 0 20px}.timer-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;color:var(--cream);font-weight:900}.timer-track{height:14px;overflow:hidden;border:1px solid rgba(255,247,223,.1);border-radius:999px;background:#fff7df14}.timer-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--good),var(--rope-2),var(--danger));transition:width .18s ease}.match-callout{border:1px dashed rgba(241,200,90,.36);border-radius:8px;padding:22px;background:linear-gradient(135deg,rgba(241,200,90,.12),transparent),#fff7df0f}.waiting h3,.final h3{color:#fff7df;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.05}.waiting .primary,.final .primary{margin-top:18px}.question-area{display:grid;gap:18px}.question-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.question-area h3{max-width:900px;color:#fff7df;font-size:clamp(1.5rem,3.4vw,2.7rem);line-height:1.08}.answer-pill{flex:0 0 auto;border-radius:999px;padding:9px 13px;font-weight:950;white-space:nowrap}.answer-pill.good{background:#43d17e24;color:#9ff0be}.answer-pill.miss{background:#ef7a5226;color:#ffc2ad}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:76px;border:1px solid rgba(255,247,223,.16);border-radius:8px;padding:12px 14px;background:#fff7df12;color:#fff7df;text-align:left}.option span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#f1c85a24;color:var(--rope-2);font-weight:950}.option strong{overflow-wrap:anywhere}.option:hover:not(:disabled),.option.selected{border-color:#f1c85ab8;background:#f1c85a1f}.option.correct{border-color:#43d17eb8;background:#43d17e1f}.option.wrong,.option.hidden-option{border-color:#ef7a527a;border-style:dashed;background:#ef7a521a;color:#ffd8ca}.reveal{border-left:5px solid var(--rope-2);border-radius:8px;padding:16px 18px;background:#fff7df14}.reveal strong{color:#fff7df}.hand-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 14px}.hand-card{min-height:172px;border:1px solid rgba(255,247,223,.14);border-radius:8px;padding:16px;background:linear-gradient(135deg,rgba(47,178,111,.12),transparent),#fff7df0f}.hand-card.me{border-color:#f1c85aa3;background:linear-gradient(135deg,#f1c85a29,#2fb26f1a),#fff7df14}.hand-card p,.hand-card h3,.hand-card strong,.hand-card span,.hand-context span,.hand-context strong,.rule-list p{margin:0}.hand-card p{color:var(--rope-2);font-size:.76rem;font-weight:950;text-transform:uppercase}.hand-card h3{margin-top:8px;overflow-wrap:anywhere;color:#fff7df;font-size:1.2rem}.hand-card strong{display:block;margin-top:18px;color:var(--rope-2);font-size:clamp(2.8rem,8vw,4.8rem);line-height:.85}.hand-card span{display:block;margin-top:12px;color:var(--muted);font-weight:800}.hand-context{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}.hand-context span,.hand-context strong{min-height:48px;display:grid;place-items:center;border:1px solid rgba(255,247,223,.12);border-radius:8px;padding:8px 10px;background:#fff7df0f;color:var(--cream);font-weight:900;text-align:center}.hand-context strong{color:var(--rope-2)}.hand-controls{display:grid;gap:12px}.hand-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hand-buttons button{display:grid;place-items:center;gap:2px;aspect-ratio:1;min-height:76px;border:1px solid rgba(255,247,223,.16);border-radius:8px;background:#fff7df12;color:#fff7df}.hand-buttons button span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.hand-buttons button strong{color:var(--rope-2);font-size:2rem;line-height:1}.hand-buttons button:hover:not(:disabled),.hand-buttons button.selected{border-color:#f1c85ab8;background:#f1c85a1f}.hand-buttons button.blocked{border-color:#ef7a528c;border-style:dashed;background:#ef7a521a}.hand-buttons button.blocked strong,.hand-buttons button.blocked span{color:#ffc2ad}.hand-reveal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.hand-reveal div{border-radius:8px;padding:12px;background:#fff7df14}.hand-reveal span{display:block;color:var(--muted);font-size:.78rem;font-weight:900}.hand-reveal strong{display:block;margin-top:4px;color:var(--rope-2);font-size:2.2rem;line-height:1}.hand-reveal p{grid-column:1 / -1;margin:0;color:var(--cream);font-weight:900}.side-panel{display:grid;gap:16px;position:sticky;top:20px;padding:18px}.panel-block{display:grid;gap:12px;border:1px solid rgba(255,247,223,.1);border-radius:8px;padding:14px;background:#fff7df0b}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h3{margin:0;color:#fff7df;font-size:1rem}.section-title span{color:var(--rope-2);font-size:.78rem;font-weight:950;text-align:right}.players,.leaderboard,.power-cards,.commentary-feed{display:grid;gap:8px}.player-row,.leaderboard li{min-height:48px;border-radius:8px;padding:10px 12px;background:#fff7df12}.player-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-row span,.leaderboard strong{min-width:0;overflow-wrap:anywhere;color:#fff7df;font-weight:850}.player-row b{flex:0 0 auto;color:var(--muted);font-size:.78rem}.leaderboard{padding:0;margin:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px}.leaderboard span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#f1c85a29;color:var(--rope-2);font-weight:950}.leaderboard b{color:#fff7df}.power-cards button{display:grid;gap:4px;min-height:78px;border:1px solid rgba(255,247,223,.12);border-radius:8px;padding:11px 12px;background:#fff7df12;color:#fff7df;text-align:left}.power-cards button:not(:disabled):hover,.power-cards button.active{border-color:#f1c85ab8;background:#f1c85a1f}.power-cards strong{color:#fff7df;font-size:.98rem}.power-cards span,.effect-list p,.commentary-feed p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.42}.power-cards button:disabled{opacity:.52}.effect-list{border-color:#f1c85a47;background:#f1c85a17}.commentary-feed p{border-left:3px solid rgba(241,200,90,.56);border-radius:8px;padding:10px 12px;background:#fff7df12}@media(max-width:1040px){.broadcast-header{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-header .copy-code,.status-chip{min-height:52px}}@media(max-width:900px){.shell{width:min(100% - 20px,720px);padding:18px 0 32px}.topbar{flex-direction:column}.join-layout,.game-grid{grid-template-columns:1fr}.score-strip{grid-template-columns:repeat(3,1fr)}.score-strip div{min-height:102px}.side-panel{position:static}}@media(max-width:620px){.mode-tabs,.form-grid,.options,.hand-scoreboard,.hand-context,.hand-reveal,.score-strip,.broadcast-header{grid-template-columns:1fr}.question-header{flex-direction:column}.play-panel,.side-panel,.join-panel{padding:14px}.copy-code,.primary{width:100%}.hand-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar h1{font-size:clamp(2.1rem,14vw,3.6rem)}}