:root{--ink:#0e0a17;--ink-2:#140e21;--surface:#1b1430;--surface-2:#241a3d;--surface-3:#2f2350;--line:#ffffff17;--line-strong:#ffffff29;--text:#f4eefe;--muted:#a99fc6;--faint:#6f6688;--target:#ff3b6b;--target-deep:#c41f4c;--ride:#2fe3a8;--ride-deep:#14a378;--gold:#ffc759;--violet:#9b6bff;--glow-target:0 0 0 1px #ff3b6b66, 0 12px 40px -8px #ff3b6b8c;--glow-ride:0 0 0 1px #2fe3a859, 0 12px 36px -10px #2fe3a880;--font:"Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--maxw:460px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background-image:radial-gradient(120% 80% at 50% -10%,#9b6bff2e,#0000 60%),radial-gradient(90% 60% at 110% 10%,#ff3b6b1f,#0000 55%),radial-gradient(90% 70% at -10% 100%,#2fe3a81a,#0000 55%);margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app{min-height:100%;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 18px);flex-direction:column;align-items:center;display:flex}.screen{width:100%;max-width:var(--maxw);flex-direction:column;flex:1;gap:16px;animation:.34s cubic-bezier(.2,.8,.2,1) both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1}.center{text-align:center}.brand{letter-spacing:.02em;align-items:center;gap:9px;font-weight:700;display:flex}.brand .dot{background:var(--target);width:11px;height:11px;box-shadow:0 0 14px var(--target);border-radius:50%}.wordmark{font-size:19px}h1.title{letter-spacing:-.02em;margin:0;font-size:clamp(34px,12vw,52px);font-weight:700;line-height:.98}.tagline{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--faint);font-size:11px;font-weight:600;font-family:var(--mono)}.card{background:linear-gradient(180deg, var(--surface), var(--ink-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.card.tight{padding:14px}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:var(--r-md);justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;padding:15px 18px;font-size:16px;font-weight:600;transition:transform 80ms,filter .15s,box-shadow .2s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--violet), #7a45e6);border-color:#0000;box-shadow:0 10px 30px -12px #9b6bffcc}.btn-target{background:linear-gradient(180deg, var(--target), var(--target-deep));box-shadow:var(--glow-target);border-color:#0000}.btn-ride{background:linear-gradient(180deg, var(--ride), var(--ride-deep));color:#052b20;box-shadow:var(--glow-ride);border-color:#0000}.btn-deny{background:linear-gradient(180deg, var(--target), var(--target-deep));box-shadow:var(--glow-target);border-color:#0000}.btn-ghost{border-color:var(--line-strong);color:var(--muted);background:0 0}.btn-sm{width:auto;min-height:44px;padding:10px 14px;font-size:14px}.field{background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;min-height:56px;padding:16px;font-size:17px;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b6bff38}.field.code-field{font-family:var(--mono);text-align:center;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;font-size:30px;font-weight:700}.label{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:500;display:block}.pill{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill.live{color:var(--ride);border-color:#2fe3a866}.pill.live .dot{background:var(--ride);width:7px;height:7px;box-shadow:0 0 8px var(--ride);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.35}}.tier-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.tier-easy{color:#bfe9c8;background:#6ee78e24}.tier-medium{color:#ffe2a6;background:#ffc75929}.tier-hard{color:#ffc0d2;background:#ff3b6b2e}.tier-absurd{color:#d9c4ff;background:#9b6bff33}.divider{color:var(--faint);font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.avatar{font-family:var(--mono);border:1px solid var(--line);letter-spacing:-.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.you-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--violet);vertical-align:middle;background:#9b6bff29;border-radius:5px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:700}.host-pill{color:var(--gold);background:#ffc7591f;border-color:#ffc75966}.home-head{margin-bottom:6px}.home-hero{margin:6px 0 4px}.hl-target{color:var(--target);text-shadow:0 0 28px #ff3b6b73}.home .divider{margin:4px 0}.join-row{align-items:stretch}.join-btn{background:var(--surface-3);flex:none;width:96px;min-height:56px}.home-foot{text-align:center;margin-top:auto;padding-top:18px;font-size:12.5px}.code-card{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.code-big{letter-spacing:.3em;background:linear-gradient(180deg, #fff, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:.3em;font-size:58px;font-weight:700;line-height:1}.share-btn{width:auto}.roster-head{margin-bottom:-4px}.roster{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:11px 14px;display:flex}.roster-row.is-away{opacity:.5}.roster-name{font-size:16px;font-weight:600}.away-tag{font-size:12px}.start-btn{min-height:60px;font-size:18px}.start-hint{margin:0;font-size:12.5px}.waiting{color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.waiting-dots,.waiting-dots:before,.waiting-dots:after{background:var(--violet);border-radius:50%;width:7px;height:7px;animation:1.2s infinite both blink;display:inline-block}.waiting-dots{position:relative}.waiting-dots:before,.waiting-dots:after{content:"";position:absolute;top:0}.waiting-dots:before{animation-delay:-.2s;left:-12px}.waiting-dots:after{animation-delay:.2s;left:12px}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.game-head{margin-bottom:2px}.code-pill{letter-spacing:.2em;color:var(--text);font-weight:700}.score-chip{align-items:baseline;gap:6px;display:flex}.score-num{color:var(--gold);font-size:22px;font-weight:700}.score-unit{font-size:12px}.streak-chip{color:var(--target);background:#ff3b6b24;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:13px;font-weight:700}.word-card{background:linear-gradient(170deg, var(--surface-2), var(--ink-2))}.word-card-top{margin-bottom:12px}.word-big{letter-spacing:-.01em;border-radius:var(--r-md);background:var(--ink);border:1px dashed var(--line-strong);text-align:center;word-break:break-word;background-image:repeating-linear-gradient(45deg,#0000,#0000 9px,#ffffff05 9px 18px);padding:14px 16px;font-size:clamp(34px,11vw,46px);font-weight:700;line-height:1.05}.word-rotate{background:var(--line);border-radius:999px;height:4px;margin:14px 0 6px;overflow:hidden}.word-rotate-bar{transform-origin:0;background:linear-gradient(90deg, var(--violet), var(--target));width:100%;height:100%;transition:transform .5s linear}.word-rotate-label{text-align:right;font-size:11.5px}.gotem{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-lg);min-height:88px;margin-top:4px;font-size:24px;font-weight:700}.gotem-cross{opacity:.9;margin-right:4px;font-size:26px}.gotem-hint{margin:-4px 0 0;font-size:12.5px}.end-btn{min-height:48px;font-size:14px}.leaderboard{padding:12px 14px}.lb-head{margin-bottom:8px}.lb-list,.standings{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-row{border-radius:10px;align-items:center;gap:11px;padding:7px 8px;display:flex}.lb-row.is-me{background:#9b6bff1f;outline:1px solid #9b6bff40}.lb-rank{text-align:center;width:30px;font-family:var(--mono);color:var(--muted);flex:none;font-size:14px}.lb-name{font-size:15px;font-weight:600}.lb-score{color:var(--gold);font-size:18px;font-weight:700}.modal-scrim{z-index:200;-webkit-backdrop-filter:blur(7px);background:#080510b8;justify-content:center;align-items:center;padding:18px;animation:.18s both fade;display:flex;position:fixed;inset:0}.sheet-scrim{align-items:flex-end;padding:0}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:var(--maxw);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:12px 18px calc(env(safe-area-inset-bottom) + 20px);border-bottom:none;flex-direction:column;gap:14px;animation:.26s cubic-bezier(.2,.8,.2,1) both slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}}.sheet-grip{background:var(--line-strong);border-radius:999px;width:42px;height:4px;margin:2px auto 4px}.sheet-title{margin:0}.victim-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.victim-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:14px 6px;transition:transform 80ms,background .15s;display:flex}.victim-btn:active{background:var(--surface-3);transform:scale(.95)}.victim-name{text-align:center;word-break:break-word;font-size:13px;font-weight:600;line-height:1.1}.veto-card{background:linear-gradient(180deg, var(--surface-2), var(--ink-2));border:1px solid var(--target);border-radius:var(--r-xl);width:100%;max-width:420px;padding:22px;animation:.24s cubic-bezier(.2,1.1,.3,1) both pop;box-shadow:0 0 0 1px #ff3b6b4d,0 30px 80px -20px #ff3b6b66}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.veto-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.veto-lead{color:var(--muted);margin:0 0 8px}.veto-word-wrap{justify-content:center;align-items:center;gap:12px;margin-bottom:14px;display:flex}.veto-word{font-family:var(--mono);color:var(--text);word-break:break-word;font-size:clamp(32px,10vw,44px);font-weight:700}.veto-q{text-align:center;color:var(--text);margin:0 0 16px;font-size:16px}.veto-timer{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.veto-timer-bar{transform-origin:0;background:var(--target);width:100%;height:100%;transition:transform .1s linear}.veto-timer-label{text-align:center;margin:8px 0 16px;font-size:11.5px}.veto-actions{flex-direction:column;gap:10px;display:flex}.veto-note{text-align:center;margin:12px 0 0;font-size:11.5px}.ping-stack{top:calc(env(safe-area-inset-top) + 12px);z-index:140;width:calc(100% - 32px);max-width:var(--maxw);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.ping-toast{border:1px solid var(--line-strong);border-radius:var(--r-md);background:#241a3df5;align-items:center;gap:10px;padding:12px 16px;font-size:15px;animation:.3s cubic-bezier(.2,.9,.2,1) both pingIn;display:flex;box-shadow:0 12px 40px -12px #000000b3}.ping-target{font-size:18px;animation:.4s both hit}@keyframes pingIn{0%{opacity:0;transform:translateY(-14px)}}@keyframes hit{0%{transform:scale(.4)rotate(-25deg)}60%{transform:scale(1.25)}}.resolved-banner{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:150;border-radius:var(--r-lg);align-items:center;gap:14px;width:calc(100% - 32px);max-width:400px;padding:14px 20px;animation:.3s cubic-bezier(.2,1.1,.3,1) both popUp;display:flex;position:fixed;transform:translate(-50%)}.resolved-banner.is-ride{background:linear-gradient(120deg, var(--ride-deep), #0c6f51);color:#eafff7;border:1px solid #2fe3a880}.resolved-banner.is-deny{background:linear-gradient(120deg, #6e2138, var(--surface-2));border:1px solid #ff3b6b66}.resolved-points{font-family:var(--mono);font-size:30px;font-weight:700}.resolved-text{font-size:14px;line-height:1.3}.resolved-text em{font-style:normal;font-family:var(--mono);font-weight:700}.streak-flame{white-space:nowrap}@keyframes popUp{0%{opacity:0;transform:translate(-50%,16px)}}.conn-banner{z-index:300;padding:calc(env(safe-area-inset-top) + 7px) 10px 7px;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffc75929;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.conn-spinner{border:2px solid #ffc75959;border-top-color:var(--gold);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:180;background:var(--target-deep);color:#fff;border:1px solid var(--target);border-radius:var(--r-md);width:calc(100% - 32px);max-width:400px;padding:13px 18px;font-size:14px;font-weight:600;animation:.25s both popUp;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px -12px #ff3b6b99}.reveal{gap:14px}.reveal-head{margin-top:4px}.reveal-title{letter-spacing:-.02em;margin:4px 0;font-size:clamp(28px,9vw,38px);font-weight:700}.gold{color:var(--gold)}.winner-card{background:linear-gradient(160deg, #ffc75924, var(--ink-2));border-color:#ffc75966;position:relative;overflow:hidden}.winner-glow{pointer-events:none;background:radial-gradient(closest-side,#ffc75959,#0000);height:160px;animation:6s ease-in-out infinite alternate drift;position:absolute;inset:-40% 40% auto -10%}@keyframes drift{to{transform:translate(60%)}}.winner-row{align-items:center;gap:14px;display:flex;position:relative}.winner-name{font-size:26px;font-weight:700;line-height:1.05}.winner-score{text-align:right}.winner-score-num{color:var(--gold);font-size:34px;font-weight:700;line-height:1}.titles-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.title-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;padding:14px}.title-emoji{font-size:24px}.title-name{text-transform:uppercase;letter-spacing:.04em;color:var(--violet);margin-top:6px;font-size:13px;font-weight:700}.title-who{margin-top:3px;font-size:17px;font-weight:700}.title-detail{margin-top:2px;font-size:12px}.section-head{margin:6px 0 -4px}.standing-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:9px 8px;display:flex}.standing-main{flex-direction:column;display:flex}.standing-name{font-size:15px;font-weight:600}.standing-sub{font-size:11.5px}.standing-score{color:var(--gold);font-size:19px;font-weight:700}.tape{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tape-row{gap:12px;padding:4px 0;display:flex}.tape-spine{background:var(--ride);border-radius:50%;flex:none;width:11px;height:11px;margin:5px 0 0 4px;position:relative;box-shadow:0 0 0 4px #2fe3a824}.tape-row:not(:last-child) .tape-spine:after{content:"";background:var(--line);width:2px;height:calc(100% + 22px);position:absolute;top:14px;left:50%;transform:translate(-50%)}.tape-row.is-deny .tape-spine{background:var(--target);box-shadow:0 0 0 4px #ff3b6b29}.tape-body{flex:1;padding-bottom:14px}.tape-line{font-size:14px;line-height:1.35}.tape-word-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;display:flex}.tape-word{font-family:var(--mono);border-radius:8px;padding:3px 10px;font-size:17px;font-weight:700}.tape-verdict{font-size:12px;font-weight:700;font-family:var(--mono)}.tape-verdict.rode{color:var(--ride)}.tape-verdict.denied{color:var(--target)}.reveal-foot{flex-direction:column;gap:12px;margin-top:10px;display:flex}.screenshot-cta{margin:0;font-size:14px}.mode-card{flex-direction:column;gap:10px;display:flex}.mode-toggle{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.mode-seg{appearance:none;color:var(--muted);background:0 0;border:none;border-radius:11px;padding:11px 10px;font-size:15px;font-weight:700;transition:background .15s,color .15s,box-shadow .2s}.mode-seg.is-active{background:linear-gradient(180deg, var(--violet), #7a45e6);color:#fff;box-shadow:0 6px 18px -8px #9b6bffe6}.mode-tagline{text-align:center;margin:0;font-size:12.5px}.host-controls{gap:8px}.mode-switch-btn{color:var(--violet);border-color:#9b6bff66;min-height:48px;font-size:14px}.mode-switch-hint{margin:-2px 0 2px;font-size:11.5px}.word-big.is-topic{letter-spacing:0;font-size:clamp(22px,6.4vw,30px);line-height:1.18}.veto-word.is-topic{font-family:var(--font);font-size:clamp(22px,6.6vw,30px);line-height:1.18}.tape-word.is-topic{font-family:var(--font);font-size:15px}.head-left{gap:8px}.round-pill{color:var(--violet);letter-spacing:.1em;background:#9b6bff1f;border-color:#9b6bff66;font-weight:700}.host-row{gap:8px}.host-row .btn{flex:1;width:auto}.round-btn{color:var(--gold);border-color:#ffc75966;min-height:48px;font-size:14px}.next-round-btn{min-height:58px;font-size:18px}.checkpoint{gap:14px}@keyframes deal{0%{opacity:0;transform:translateY(-12px)scale(.95)rotate(-1.5deg)}}.word-big{animation:.36s cubic-bezier(.2,.9,.2,1) both deal}.streak-chip.is-fire{color:#fff;animation:.85s ease-in-out infinite alternate fire}@keyframes fire{0%{box-shadow:0 0 #ff3b6b00}to{box-shadow:0 0 16px 1px #ff3b6bb3}}.sound-toggle{left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:120;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);opacity:.55;background:#140e21b3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:opacity .15s,transform 80ms;display:flex;position:fixed}.sound-toggle:hover{opacity:1}.sound-toggle:active{transform:scale(.9)}.leave-btn{opacity:.85;min-height:46px;font-size:14px}.leave-btn.is-confirm{color:var(--target);opacity:1;border-color:#ff3b6b80}