@import"https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #0E0B22;--bg2: #171234;--bg3: #1F1947;--bg4: #100A2E;--ink: #F4EEFF;--dim: #9C95C4;--dim2: #6B6391;--gold: #FFC83D;--magenta: #FF3D8E;--mint: #5EEBC1;--violet: #7C5CFF;--red: #FF5A5A;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .16);--accent: var(--gold);--accent2: var(--magenta);--accent3: var(--mint);--text: var(--ink);--muted: var(--dim);--ok: var(--mint);--bad: var(--red);--border: var(--line)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:Space Grotesk,system-ui,sans-serif;font-size:16px;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,var(--bg3) 0%,var(--bg) 60%);color:var(--ink);line-height:1.5}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:Anton,Space Grotesk,system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:.02em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.25rem}button{font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.04em;border-radius:12px;border:none;padding:.65rem 1.25rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;background:linear-gradient(135deg,var(--magenta) 0%,#d0265a 100%);color:#fff}button:hover{filter:brightness(1.1)}button:active{transform:translateY(0)}button.secondary{background:#171234cc;color:var(--ink);box-shadow:none;border:1px solid var(--line)}button.secondary:hover{background:#1f1947e6;box-shadow:none}button.accent{background:linear-gradient(135deg,var(--gold) 0%,#d4a91d 100%);color:#0e0b22;font-family:Anton,system-ui,sans-serif;font-size:1.1rem;letter-spacing:.08em}button:disabled{opacity:.35;cursor:not-allowed;transform:none}input,textarea,select{font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;width:100%;background:#17123499;color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:.6rem .85rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d26}input::placeholder,textarea::placeholder{color:var(--dim)}select option{background:var(--bg2)}.card{background:#171234b3;border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:0 8px 32px #00000073;backdrop-filter:blur(8px)}.page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.grid{display:grid;gap:.85rem}.flex{display:flex;gap:.75rem;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hidden{display:none!important}.small{font-size:.88rem;color:var(--dim)}.muted{color:var(--dim)}.text-ok{color:var(--mint)}.text-bad{color:var(--red)}.text-accent{color:var(--gold)}.scores{list-style:none;display:flex;flex-direction:column;gap:.4rem}.scores li{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-radius:8px;background:#17123480;font-weight:600}.scores li strong{color:var(--gold);font-family:Anton,sans-serif;font-size:1.1rem}.board-grid{display:grid;gap:6px}.board-grid .cat-header{background:linear-gradient(180deg,var(--violet) 0%,#5A3FE0 100%);border:1px solid var(--line);border-radius:10px;padding:.5rem;text-align:center;font-family:Anton,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff}.question-cell{min-height:70px;font-family:Anton,sans-serif;font-size:1.35rem;font-weight:700;color:var(--gold);background:linear-gradient(160deg,var(--bg4) 0%,#0a0630 100%);border:1px solid rgba(124,92,255,.3);border-radius:10px;transition:transform .12s ease,box-shadow .12s ease;text-shadow:0 2px 8px rgba(0,0,0,.5)}.question-cell:not(:disabled):hover{transform:scale(1.04);box-shadow:0 0 20px #ffc83d59;border-color:var(--gold)}.question-cell.used{opacity:.2;cursor:default;background:#0a0820}.presenter-root{width:1920px;height:1080px;overflow:hidden;position:relative;transform-origin:top left;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,var(--bg3) 0%,var(--bg) 60%)}.host-layout{display:grid;grid-template-columns:1fr 380px;gap:1rem;align-items:start}.phone-root{width:390px;min-height:100vh;margin:0 auto;padding:0;overflow-x:hidden;transform-origin:top left}.buzzer-btn{width:100%;min-height:220px;font-family:Anton,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:.06em;border-radius:24px;background:linear-gradient(135deg,var(--magenta),#c0205a);color:#fff;border:none;cursor:pointer;position:relative;transition:transform .08s ease,box-shadow .08s ease}.buzzer-btn:active{transform:scale(.96)}.buzzer-btn.buzzer-ready{animation:jp-pulse 1.2s ease-in-out infinite}@keyframes jp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes jp-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes jp-ring{0%{transform:scale(.7);opacity:.3}80%{opacity:0}to{transform:scale(1.15);opacity:0}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.35);color:var(--mint)}to{transform:scale(1)}}.score-pop{animation:score-pop .4s ease}@keyframes score-bad{0%{transform:scale(1)}40%{transform:scale(1.2);color:var(--red)}to{transform:scale(1)}}.score-bad{animation:score-bad .4s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slide-up .3s ease}@keyframes flash-green{0%{background:#5eebc140}to{background:transparent}}.flash-good{animation:flash-green .6s ease}@keyframes flash-red{0%{background:#ff5a5a40}to{background:transparent}}.flash-bad{animation:flash-red .6s ease}.dd-badge{display:inline-block;background:linear-gradient(135deg,var(--gold),#d4a91d);color:#0e0b22;font-family:Anton,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.08em;padding:.2rem .6rem;border-radius:6px;text-transform:uppercase}.join-code{font-family:Anton,sans-serif;font-size:4rem;font-weight:700;letter-spacing:.35em;color:var(--gold);text-shadow:0 0 30px rgba(255,200,61,.4)}.countdown{font-family:Anton,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gold)}.countdown.urgent{color:var(--red);animation:jp-pulse .5s infinite}.hero{text-align:center;padding:4rem 1rem 2rem}.hero .logo{font-family:Anton,sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:700;background:linear-gradient(135deg,var(--gold) 0%,var(--magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:none;filter:drop-shadow(0 0 40px rgba(255,200,61,.3))}.hero .tagline{font-size:1.35rem;color:var(--dim);margin-top:.5rem;font-weight:600}.presenter-board-grid{display:grid;gap:10px;flex:1}.presenter-q-cell{display:flex;align-items:center;justify-content:center;background:var(--bg4);border:none;border-radius:4px;font-family:Anton,sans-serif;font-size:72px;color:var(--gold);box-shadow:inset 0 -6px #0006,inset 0 1px #ffffff0d}.presenter-q-cell.used{background:transparent;border:2px dashed var(--line);font-size:0;box-shadow:none}.presenter-q-cell.current{background:var(--gold);border:none;color:#0e0b22;box-shadow:0 0 60px #ffc83d8c,inset 0 -6px #0003;transform:scale(1.02);outline:3px solid var(--gold);outline-offset:0px}.presenter-cat-header{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,var(--violet) 0%,#5A3FE0 100%);border:none;border-radius:4px;font-family:Anton,sans-serif;font-size:30px;line-height:1;color:#fff;letter-spacing:.02em;padding:12px;white-space:pre-line;box-shadow:inset 0 -4px #00000040,0 6px 20px #7c5cff40;text-transform:uppercase}.question-overlay{position:absolute;top:200px;left:140px;right:140px;background:linear-gradient(180deg,#1a1340,#0f0a28);padding:44px 64px 56px;animation:slide-up .4s ease;z-index:10;border:2px solid var(--gold);border-radius:10px;box-shadow:0 30px 80px #0009,0 0 0 8px #ffc83d14;overflow:visible}.question-overlay.hidden{display:none}.question-overlay .q-category{font-family:Anton,sans-serif;font-size:28px;color:var(--dim);letter-spacing:.1em;margin-bottom:28px;text-transform:uppercase}.question-overlay .q-text{font-family:Anton,sans-serif;font-size:88px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase}.buzz-banner{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:var(--magenta);border-radius:999px;padding:14px 32px;font-family:Anton,sans-serif;font-size:28px;letter-spacing:.06em;color:#0e0b22;text-transform:uppercase;box-shadow:0 12px 36px #ff3d8e80;animation:slide-up .3s ease;white-space:nowrap;display:flex;align-items:center;gap:14px}.buzz-banner.hidden{display:none}.buzz-banner .buzz-dot{width:14px;height:14px;background:#0e0b22;border-radius:999px;animation:jp-pulse 1.2s ease-in-out infinite;flex-shrink:0}.presenter-player-card{background:#120d2e;border:2px solid transparent;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px}.presenter-player-card.buzzed{border-color:var(--magenta)!important;box-shadow:0 0 32px #ff3d8e66}.presenter-player-avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#0e0b22;font-weight:700;flex-shrink:0;font-family:Anton,sans-serif}.presenter-player-name{font-family:Anton,sans-serif;font-size:20px;letter-spacing:.04em;color:var(--ink);text-transform:uppercase}.presenter-player-score{font-family:Anton,sans-serif;font-size:28px;line-height:1;margin-top:2px}.presenter-player-card.pp-md{padding:9px 12px;gap:10px;border-radius:8px}.presenter-player-card.pp-md .presenter-player-avatar{width:34px;height:34px;font-size:17px;border-radius:7px}.presenter-player-card.pp-md .presenter-player-name{font-size:15px}.presenter-player-card.pp-md .presenter-player-score{font-size:20px}.presenter-player-card.pp-sm{padding:6px 9px;gap:8px;border-radius:7px}.presenter-player-card.pp-sm .presenter-player-avatar{width:26px;height:26px;font-size:13px;border-radius:5px}.presenter-player-card.pp-sm .presenter-player-name{font-size:12px}.presenter-player-card.pp-sm .presenter-player-score{font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}