:root{--bg: #070a0f;--bg-elevated: #0d1420;--bg-card: #111823;--line: #243044;--line-bright: #33445e;--chalk: #f2f0e8;--muted: #a9b5c4;--dim: #7a8899;--gold: #e9b44c;--fire: #ff5c2a;--chain: #ffd84d;--energy: #c86be0;--green: #7fd98a;--headline: "Bebas Neue", "Arial Narrow", Haettenschweiler, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#05070c;color:var(--chalk);font-family:var(--mono);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%}::-webkit-scrollbar{display:none}.scroll-y{overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-x{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bb{font-family:var(--headline);letter-spacing:.05em;font-weight:400}.mn{font-family:var(--mono)}.viewport{height:100dvh;height:100vh;display:flex;justify-content:center;overflow:hidden;background:#05070c}@supports (height: 100dvh){.viewport{height:100dvh}}.frame{width:100%;max-width:440px;display:flex;flex-direction:column;min-height:0;background:var(--bg);position:relative}.rigid{flex-shrink:0}.stretch{flex:1;min-height:0}.pc{border:1px solid var(--line);background:var(--bg-card);border-radius:7px;padding:4px;cursor:pointer;transition:transform .12s ease,border-color .12s,box-shadow .12s;text-align:center;overflow:hidden;color:var(--chalk)}.pc.on{border-color:var(--gold);background:#e9b44c1a;transform:translateY(-4px);box-shadow:0 4px 12px #e9b44c2e}.pc:disabled{opacity:.32;cursor:default;transform:none}.tb{border:1px solid var(--line);background:var(--bg-card);color:var(--dim);border-radius:6px;padding:7px 0;cursor:pointer;font-family:var(--headline);font-size:16px;letter-spacing:.08em;transition:all .12s}.tb.on{border-color:var(--gold);color:var(--gold);background:#e9b44c1f}.tb:disabled{opacity:.4;cursor:default}.st{background:var(--bg-card);border:1px solid var(--line);color:var(--dim);border-radius:6px;padding:8px 4px;cursor:pointer;font-size:10px;font-family:var(--mono);transition:all .12s;line-height:1.3}.st.hot{border-color:var(--chain);color:var(--chain);background:#ffd84d14}.big{border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-family:var(--headline);font-size:22px;letter-spacing:.06em;line-height:1.05}.big:disabled{opacity:.5;cursor:default}.cta{width:100%;border:none;border-radius:10px;padding:16px 0;cursor:pointer;font-family:var(--headline);font-size:26px;letter-spacing:.12em;color:#14100a;background:linear-gradient(135deg,var(--fire),var(--gold));box-shadow:0 6px 20px #ff5c2a4d;transition:transform .1s ease,box-shadow .1s ease}.cta:active{transform:translateY(2px);box-shadow:0 3px 10px #ff5c2a40}.cta:disabled{background:var(--bg-card);color:var(--dim);box-shadow:none;cursor:default}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:9px}.fadein{animation:fi .25s ease}@keyframes fi{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pop{animation:pop .28s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}