@font-face{font-family:Selawik;src:url(/fonts/selawkl.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Selawik;src:url(/fonts/selawksl.woff2) format("woff2");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:Selawik;src:url(/fonts/selawk.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Selawik;src:url(/fonts/selawksb.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Libertinus Mono;src:url(/fonts/libertinusmono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink: #0a0e12;--panel: #10161c;--raise: #141c24;--line: #1d2733;--text: #e8edf1;--dim: #8fa3b0;--ice: #a8cfe0;--steel: #5a7484;--ember: #d95535;--sans: "Selawik", "Segoe UI", Arial, sans-serif;--serif: Georgia, "Times New Roman", serif;--mono: "Selawik", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0}button,input[type=range],.ans,.topbar,.controls{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.screen,#overlay{-webkit-user-select:none;user-select:none}.invite-row input{-webkit-user-select:text;user-select:text}.hidden{display:none!important}#app{height:100dvh;display:flex;justify-content:center}.screen{width:min(390px,100vw);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (min-width: 500px){.screen{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.menu-inner{flex:1;display:flex;flex-direction:column;padding:64px 28px 0}.kicker{align-self:flex-start;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--dim);text-decoration:none;border-bottom:1px dotted var(--steel);padding-bottom:2px}a.kicker:hover{color:var(--ice);border-bottom-color:var(--ice)}.wordmark{margin-top:14px;font-size:29px;font-weight:600;letter-spacing:.18em;color:var(--ice);line-height:1.25}.wordmark .x{font-size:1.458em;vertical-align:-.05em;margin-left:-.105em;margin-right:-.105em}.tagline{margin-top:10px;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--dim)}.rule{margin-top:26px;height:1px;background:linear-gradient(90deg,var(--ice),rgba(168,207,224,0) 70%)}.label{margin-top:30px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--steel)}.cards{margin-top:14px;display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;gap:10px;padding:15px 16px;text-align:left;background:var(--panel);border:1px solid var(--line);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--text)}.card.on{background:var(--raise);border-color:var(--ice);color:var(--ice)}.card.on:before{content:"";width:6px;height:6px;background:var(--ice)}.or-row{margin-top:22px;display:flex;align-items:center;gap:12px}.or-row span{flex:1;height:1px;background:var(--line)}.or-row em{font-style:normal;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--steel)}.ghost{margin-top:18px;display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border:1px solid var(--line)}.ghost b{font-weight:400;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ice)}.ghost i{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--steel)}.ghost.center{justify-content:center}.spacer{flex:1}.cta{display:block;width:100%;padding:17px 18px;background:var(--ice);color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase}.foot{margin:16px 0 22px;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--steel)}.invite-row{margin-top:14px;display:flex;gap:8px}.invite-row input{flex:1;min-width:0;padding:12px;background:var(--panel);border:1px solid var(--line);color:var(--dim);font-family:var(--mono);font-size:11px}.invite-row button{padding:0 18px;border:1px solid var(--ice);color:var(--ice);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.waiting{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--dim)}.topbar{height:56px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line)}.opp{display:flex;align-items:center;gap:8px}.opp .dot{width:5px;height:5px;background:var(--steel)}.opp b{font-weight:400;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}.score{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ice)}.tb-right{display:flex;align-items:center;gap:12px}.pausebtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--dim)}.pausebtn:hover{border-color:var(--ice);color:var(--ice)}.arena-wrap{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}#arena{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.controls{flex:none;padding:0 14px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.streak-row{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 8px}#streak{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ice)}#power{font-family:var(--mono);font-size:10px;color:var(--dim)}.q-row{display:flex;align-items:center;gap:10px}.prompt{font-family:var(--mono);font-size:24px;padding:0 6px;white-space:nowrap}#typed{margin-left:8px;color:var(--ice)}#typed.bad{color:var(--ember)}.answers{display:flex;gap:8px;flex:1}.ans{position:relative;flex:1;height:48px;display:flex;align-items:center;justify-content:center;background:var(--raise);border:1px solid var(--line);font-family:var(--mono);font-size:18px;color:var(--text)}.ans em{display:none;position:absolute;top:3px;right:6px;font-style:normal;font-size:8px;color:var(--steel)}@media (pointer: fine){.ans em{display:block}}.ans.good{border-color:var(--ice);color:var(--ice)}.ans.bad{border-color:var(--ember);color:var(--ember)}.ans:disabled{cursor:default}@keyframes reshuffle{0%{opacity:1;transform:translateY(0)}45%{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.ans.reorder{animation:reshuffle .32s ease}.slider-row{position:relative;height:44px;margin-top:10px}.slider-row .end{position:absolute;top:28px;font-family:var(--mono);font-size:9px;color:var(--steel)}.slider-row .end.l{left:6px}.slider-row .end.r{right:6px}#aim{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:8px;left:6px;right:6px;width:calc(100% - 12px);height:27px;background:transparent}#aim::-webkit-slider-runnable-track{height:3px;background:var(--line);margin-top:12px}#aim::-webkit-slider-thumb{-webkit-appearance:none;width:27px;height:27px;border-radius:50%;background:var(--panel);border:1.5px solid var(--ice);margin-top:-12px}#aim::-moz-range-track{height:3px;background:var(--line)}#aim::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--panel);border:1.5px solid var(--ice)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#0a0e12d1;z-index:10}#overlay.opaque{background:#0a0e12f7}.overlay-box{width:min(320px,86vw);padding:34px 28px;background:var(--panel);border:1px solid var(--line);text-align:center}#overlay-title{font-size:20px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ice)}#overlay-sub{margin:12px 0 0;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--dim)}.pitch{margin:14px 0 0;font-family:var(--serif);font-size:14px;color:var(--dim);line-height:1.6}.pitch a{color:var(--ice);text-decoration:underline;text-underline-offset:3px}.pitch a:hover{color:var(--text)}#overlay .cta{margin-top:26px}.overlay-box .ghost{margin-top:10px;width:100%}#rematch-status{margin:18px 0 2px;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--text)}