:root{--hue:12;--accent:hsl(var(--hue) 95% 62%);--bg:#0e0e0e;--ink:#f4f2ee;--muted:#8a8780;--line:#262624;--card:#000;--paper:#fbfaf7;--radius:18px;--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(60rem 40rem at 50% -10%, hsl(var(--hue) 70% 30% / .35), transparent 70%), var(--bg);background-attachment:fixed;transition:background .6s}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.wordmark{letter-spacing:-.06em;margin:0;font-size:clamp(64px,16vw,128px);font-weight:800;line-height:.9;text-decoration:none}.wordmark-sm{font-size:28px}.tagline{max-width:22em;color:var(--muted);text-align:center;margin:0;font-size:18px;line-height:1.35}.fine,.status{color:var(--muted);text-align:center;font-size:13px}.status-error{color:#f76e6e}.code{color:var(--ink);letter-spacing:.12em}.field{border:1px solid var(--line);width:100%;color:var(--ink);font:600 18px var(--font);background:#151514;border-radius:14px;outline:none;padding:16px 18px}.field:focus{border-color:var(--ink)}.field-code{text-transform:uppercase;letter-spacing:.3em;text-align:center}.btn{border:1px solid var(--line);background:#1a1a19;border-radius:999px;padding:16px 22px;font-size:17px;font-weight:700;transition:transform 80ms,background .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{border-color:var(--paper);background:var(--paper);color:#000}.btn-big{width:100%;padding:20px;font-size:19px}.chip{border:1px solid var(--line);color:var(--muted);background:#141413;border-radius:999px;padding:9px 14px;font-size:13px}.chip b{color:var(--ink);letter-spacing:.12em}.chip.is-offline{border-color:#ad1f1f}.chip-icon{padding:9px 11px}.home{max-width:440px;padding:max(48px, env(safe-area-inset-top)) 20px 40px;flex-direction:column;align-items:center;gap:22px;margin:0 auto;display:flex}.home-card{width:100%;margin:8px 0;transform:rotate(-2deg)}.home-form{flex-direction:column;gap:12px;width:100%;display:flex}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.card{border-radius:var(--radius);padding:22px 22px 18px;position:relative}.card-black{background:var(--card);border:1px solid var(--line);flex-direction:column;gap:18px;min-height:260px;animation:.38s cubic-bezier(.2,.9,.3,1.2) deal;display:flex;box-shadow:0 30px 60px -20px #000c,inset 0 1px #ffffff0a}.card-text{letter-spacing:-.015em;text-wrap:pretty;flex:1;margin:0;font-size:clamp(22px,5.4vw,30px);font-weight:700;line-height:1.16}.blank{border-bottom:3px solid var(--ink);text-align:center;min-width:3.2em;line-height:1;display:inline-block}.blank.is-filled{border-color:var(--accent);color:var(--accent)}.card-foot{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.card-logo{background:var(--ink);color:#000;border-radius:5px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-grid}.card-white{background:var(--paper);color:#000;box-shadow:0 14px 30px -14px #000000b3}@keyframes deal{0%{opacity:0;transform:translateY(24px)rotate(2.5deg)scale(.96)}}.room{max-width:520px;padding:max(14px, env(safe-area-inset-top)) 16px 32px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.topbar{align-items:center;gap:8px;display:flex}.topbar .wordmark{margin-right:auto}.players{scrollbar-width:none;gap:8px;margin:0;padding:0 0 2px;list-style:none;display:flex;overflow-x:auto}.player{border:1px solid var(--line);white-space:nowrap;background:#131312;border-radius:12px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:14px;display:flex}.player.is-me{border-color:var(--accent)}.player.is-away{opacity:.4}.player-name{font-weight:600}.player-score{font-variant-numeric:tabular-nums;font-weight:800}.mini-card{border:1.5px dashed #444;border-radius:3px;width:14px;height:19px;transition:all .2s}.mini-card.is-in{background:var(--paper);box-shadow:2px 2px 0 var(--accent);border:0;transform:rotate(-8deg)}.lobby{flex-direction:column;align-items:center;gap:14px;padding:40px 0;display:flex}.lobby-hint{color:var(--muted);margin:0}.big-code{letter-spacing:.08em;font-size:clamp(72px,22vw,120px);font-weight:800;line-height:1}.stage{flex-direction:column;gap:14px;display:flex}.timer{justify-content:flex-end;align-items:center;height:26px;display:flex;position:relative}.timer-bar{background:var(--accent);transform-origin:0;border-radius:4px;height:4px;transition:transform .1s linear;position:absolute;left:0;right:40px}.timer-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.timer-num.is-hot{color:var(--accent);animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.18)}}.dials{grid-template-columns:1fr 1fr 1.35fr;gap:10px;transition:opacity .2s;display:grid}.dials.is-locked{opacity:.55}.dial{background:repeating-linear-gradient(0deg, transparent 0 5px, #0000000b 5px 6px), var(--paper);color:#000;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;border-radius:16px;outline:none;flex-direction:column;align-items:center;padding:10px 6px 8px;display:flex;position:relative;box-shadow:inset 0 10px 14px -10px #00000059,inset 0 -10px 14px -10px #00000059,0 12px 24px -14px #000c}.dial:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 12px 24px -14px #000c}.dial-label{letter-spacing:.14em;text-transform:uppercase;color:#8a877f;font-size:11px;font-weight:800}.dial-arrow{color:#b3b0a8;padding:4px 0 0;font-size:10px}.dial-ghost{color:#c9c6be;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.dial-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(30px,9vw,42px);font-weight:800;line-height:1.05}.dial-input{border:0;border-bottom:3px solid var(--accent);color:#000;width:100%;font-family:var(--font);text-align:center;background:0 0;outline:none}.answer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding-top:14px;display:flex}.answer-date{color:var(--accent);font-size:22px;font-weight:800}.answer-link{color:var(--muted);font-size:13px}.results{perspective:900px;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result{transform-origin:top;opacity:0;transition:transform .36s cubic-bezier(.2,.9,.3,1.25),opacity .16s;transform:rotateX(-90deg)translateY(10px)}.result.is-flipped{opacity:1;transform:none}.result .card{grid-template-columns:26px 1fr auto;grid-template-areas:"rank name points""rank guess points""rank off points";align-items:center;column-gap:12px;padding:14px 16px;display:grid}.result-rank{color:#b3b0a8;grid-area:rank;font-size:26px;font-weight:800}.result-name{grid-area:name;font-size:17px;font-weight:800}.result-guess{grid-area:guess;font-size:14px;font-weight:600}.result-off{color:#6c6962;grid-area:off;font-size:13px}.result-points{letter-spacing:-.03em;grid-area:points;font-size:28px;font-weight:800}.card-white.is-me{outline:3px solid var(--accent);outline-offset:-3px}.card-white.is-best{background:var(--accent)}.card-white.is-best .result-rank,.card-white.is-best .result-off{color:#0000008c}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}