@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;line-height:1.45;font-weight:400;color:#f7eadc;background:#140c13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #140c13;--bg-panel: rgba(28, 14, 24, .72);--bg-panel-strong: rgba(42, 20, 30, .88);--line: rgba(255, 224, 194, .14);--accent: #ffb100;--accent-strong: #ff6a1d;--accent-cool: #56d4ff;--text: #f7eadc;--text-dim: #c8b7aa;--success: #55d79b;--danger: #ff7f76;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(255,109,29,.28),transparent 38%),radial-gradient(circle at top right,rgba(86,212,255,.18),transparent 28%),linear-gradient(180deg,#1a0d15,#110911)}button,input{font:inherit}button{border:0}input{outline:none}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-frame{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:24px 16px 120px}.bg-orbit{position:fixed;border-radius:999px;filter:blur(18px);opacity:.55;pointer-events:none}.bg-orbit-a{inset:auto auto 8% -8%;width:240px;height:240px;background:#ffb10026}.bg-orbit-b{inset:12% -6% auto auto;width:220px;height:220px;background:#56d4ff1f}.grid-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent);opacity:.15;pointer-events:none}.topbar,.room-heading,.panel-head,.score-name-row,.question-meta,.hero-stats,.player-row,.button-row,.rule-meta,.standing-row,.room-actions,.chooser-banner,.buzz-dock,.hero-card,.score-card,.pack-card,.waiting-badge,.notice-banner,.connection-chip,.mini-status,.question-status,.question-result,.question-note{display:flex}.topbar,.room-heading,.panel-head,.button-row,.room-actions,.chooser-banner,.buzz-dock{align-items:center;justify-content:space-between}.topbar{gap:16px;margin-bottom:20px}.topbar h1,.hero-card h2,.room-heading h2,.panel-head h3,.question-stage h3{margin:0;font-family:Chakra Petch,sans-serif;letter-spacing:.03em}.eyebrow,.kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:var(--accent)}.connection-chip,.waiting-badge,.mini-status{gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);font-size:.86rem}.connection-chip.online{color:var(--success)}.connection-chip.offline{color:var(--danger)}.notice-banner{margin-bottom:18px;padding:14px 16px;border-radius:18px;background:#ff7f7624;border:1px solid rgba(255,127,118,.28);color:#ffe0db}.home-grid,.lobby-grid,.results-grid,.final-grid{display:grid;gap:16px}.home-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.hero-card,.panel{padding:20px;border-radius:28px;border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{grid-column:span 12;flex-direction:column;gap:16px;background:linear-gradient(135deg,rgba(255,177,0,.18),transparent 44%),linear-gradient(180deg,rgba(86,212,255,.08),transparent 45%),var(--bg-panel-strong)}.hero-card h2{font-size:clamp(2rem,8vw,4.1rem);line-height:.95;max-width:11ch}.hero-copy,.subtle-copy,.panel-head p,.question-note,.question-result{margin:0;color:var(--text-dim)}.hero-stats{flex-wrap:wrap;gap:10px}.hero-stats span,.pack-meta,.tiny-flag{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.84rem}.panel{flex-direction:column;gap:18px}.panel-wide{grid-column:span 12}.field{display:grid;gap:8px}.field span{color:var(--text-dim);font-size:.86rem;text-transform:uppercase;letter-spacing:.18em}.field input,.answer-form input{width:100%;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#ffffff0d;color:var(--text)}.field input::placeholder,.answer-form input::placeholder{color:#f7eadc73}.button-row{gap:12px;flex-wrap:wrap}.action-button{padding:14px 18px;border-radius:18px;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{cursor:default;opacity:.55}.action-button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#241102;font-weight:700}.action-button-ghost{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.action-button-danger{background:#ff7f761f;color:#ffd7d3;border:1px solid rgba(255,127,118,.26)}.pack-grid{display:grid;gap:12px}.pack-card{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;text-align:left;border-radius:22px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer}.pack-card.selected{background:linear-gradient(135deg,rgba(255,177,0,.2),transparent 56%),#ffffff14;border-color:#ffb10070}.pack-title{font-family:Chakra Petch,sans-serif;font-size:1.08rem}.pack-description{color:var(--text-dim)}.room-shell{display:grid;gap:18px}.room-heading{gap:16px}.room-actions{gap:12px;flex-wrap:wrap}.score-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.score-card{gap:14px;align-items:center;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#ffffff0d}.score-card.is-self{border-color:#56d4ff6b;box-shadow:inset 0 0 0 1px #56d4ff26}.score-card.is-chooser{background:linear-gradient(135deg,rgba(255,177,0,.15),transparent 62%),#ffffff0f}.score-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffb10038,#56d4ff1f);font-family:Chakra Petch,sans-serif}.score-name-row{gap:8px}.score-name-row strong,.score-card strong{font-size:1.3rem}.player-stack,.activity-list,.final-standings{display:grid;gap:10px}.player-row,.standing-row{align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.player-tags{color:var(--text-dim);font-size:.82rem}.clean-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--text-dim)}.question-stage{display:grid;gap:16px;padding:24px;border-radius:28px;background:linear-gradient(135deg,rgba(255,177,0,.2),transparent 48%),linear-gradient(180deg,rgba(86,212,255,.07),transparent 50%),#22111ceb;border:1px solid rgba(255,177,0,.18);box-shadow:var(--shadow)}.question-meta{gap:12px;flex-wrap:wrap;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.question-stage h3{font-size:clamp(1.6rem,5vw,2.7rem);line-height:1.05}.question-status,.question-result,.question-note{gap:8px;align-items:center;font-size:.98rem}.question-status{color:var(--accent)}.buzzer-panel{display:grid;gap:12px;padding:16px;border-radius:22px;background:#09050c61;border:1px solid rgba(255,177,0,.18)}.buzzer-copy{display:grid;gap:4px}.buzzer-label{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.18em}.buzzer-subtitle{color:var(--text-dim)}.answer-form{display:grid;gap:12px}.chooser-banner{gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:18px;background:#ffffff0d;border:1px solid var(--line)}.board-scroll{overflow-x:auto;padding-bottom:4px}.board-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;min-width:max-content}.category-column{display:grid;gap:10px}.category-head{min-height:88px;padding:16px 14px;border-radius:20px;background:linear-gradient(135deg,rgba(86,212,255,.18),transparent 70%),#ffffff0f;border:1px solid rgba(86,212,255,.16);font-family:Chakra Petch,sans-serif;font-size:1.02rem}.clue-stack{display:grid;gap:10px}.clue-tile{min-height:78px;padding:12px;border-radius:18px;font-family:Chakra Petch,sans-serif;font-size:1.55rem;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.07)}.clue-available{cursor:pointer}.clue-live{background:linear-gradient(135deg,#ffb1003d,#ff6a1d29),#ffffff14}.clue-used{color:#f7eadc4d}.buzz-dock{position:sticky;bottom:14px;z-index:5;gap:12px;margin-top:10px;padding:12px;border-radius:22px;background:#110911d6;border:1px solid rgba(255,177,0,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.buzz-button{flex:1;min-height:64px;border-radius:18px;background:#ffffff14;color:var(--text-dim);font-family:Chakra Petch,sans-serif;font-size:1.16rem}.buzz-button-inline{width:100%;min-height:90px;font-size:clamp(1.25rem,5vw,1.7rem);font-weight:700;letter-spacing:.03em}.buzz-button.live{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#251202;box-shadow:0 18px 38px #ff6a1d2e,inset 0 0 0 1px #ffffff1f}.buzz-help{max-width:none;color:var(--text-dim);font-size:.84rem}.final-timer,.rule-meta{color:var(--text-dim)}.final-prompt{margin:0;font-family:Chakra Petch,sans-serif;font-size:1.4rem}.activity-panel{margin-top:4px}.activity-item{padding:12px 14px;border-radius:16px;background:#ffffff0a}.tone-positive{border:1px solid rgba(85,215,155,.22)}.tone-danger{border:1px solid rgba(255,127,118,.24)}.tone-accent{border:1px solid rgba(255,177,0,.22)}@media (min-width: 760px){.home-grid>.hero-card{grid-column:span 7}.home-grid>.panel{grid-column:span 5}.panel-wide{grid-column:span 12}.lobby-grid,.results-grid,.final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-form{grid-template-columns:minmax(0,1fr) auto}}@media (max-width: 759px){.app-frame{padding-bottom:140px}.home-grid{grid-template-columns:minmax(0,1fr)}.home-grid>*{grid-column:1 / -1}.topbar,.room-heading,.panel-head,.buzz-dock{align-items:flex-start;flex-direction:column}.room-actions,.button-row,.action-button{width:100%}.buzz-help{max-width:none}.category-head{min-height:74px}.question-stage{padding:20px}.buzz-button-inline{min-height:84px}}