:root{--bg:#0c0e12d1;--panel:#16191feb;--line:#ffffff1f;--text:#eef1f5;--muted:#9aa3ad;--accent:#ff6a00;--cyan:#36c8ff;--warn:#ffb000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{background:#000;height:100%;margin:0;overflow:hidden}canvas#view{width:100%;height:100%;display:block}.screen{background:var(--bg);pointer-events:auto;z-index:10;place-items:center;display:grid;position:fixed;inset:0}.screen[hidden],.hud [hidden],.hud[hidden]{display:none}.panel{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:14px;min-width:min(420px,92vw);max-width:92vw;max-height:88vh;padding:28px 32px;overflow:auto}.panel h1,.panel h2{letter-spacing:.02em;margin:0 0 18px;font-weight:700}.panel h1 span{color:var(--accent)}.stack{flex-direction:column;gap:10px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}button,select{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;text-align:left;background:#2a2f38;border-radius:9px;padding:11px 16px}button:hover,button:focus-visible,select:focus-visible{border-color:var(--accent);background:#343a45;outline:none}button:focus-visible{box-shadow:0 0 0 3px #ff6a0073}button.primary{background:var(--accent);color:#111;border-color:#0000;font-weight:700}.card{flex-direction:column;gap:4px;min-height:84px;display:flex}.card b{font-size:1.05em}.card small,.muted{color:var(--muted)}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:6px 0;display:flex}kbd{border:1px solid var(--line);background:#111;border-radius:5px;padding:2px 7px;font-size:.85em}.hud{pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;z-index:5;position:fixed;inset:0}.stats{align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:22px;right:24px}.stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.stat b{font-size:24px;font-weight:700}.stat small{color:var(--muted);margin-left:2px;font-size:12px}.stat.gas{border-left:2px solid #ffffffb3;min-width:120px;padding-left:10px}.stat .bar{background:#ffffff26;border-radius:3px;height:5px;margin-top:5px;position:relative;overflow:hidden}.stat .fill{background:var(--cyan);position:absolute;inset:0 auto 0 0}.stat .fill.low{background:var(--warn)}.stat .lift{background:#fff;width:2px;position:absolute;top:0;bottom:0}.hud .tr{text-align:right;gap:22px;display:flex;position:absolute;top:20px;right:24px}.hud .low b,.stat.low b{color:var(--warn)}.combo{font-weight:800;color:var(--accent)!important}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.toast{font-size:22px;font-weight:800;animation:1.2s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.05)}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.reduced .toast{animation:1.2s linear forwards fade}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}.hint{color:var(--muted);font-size:13px;position:absolute;bottom:22px;left:24px}.consent{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.consent span{flex:260px}.consent a,.page a{color:var(--cyan)}.page{box-sizing:border-box;max-width:760px;height:100%;margin:0 auto;padding:40px 20px 80px;line-height:1.6;overflow:auto}body.scroll{overflow:auto}.page textarea{box-sizing:border-box;width:100%;min-height:120px;font:inherit;color:var(--text);border:1px solid var(--line);background:#1b1f26;border-radius:9px;padding:10px}.hero{text-align:center;text-shadow:0 2px 12px #0009;background:linear-gradient(#05070a59,#05070abf),url(/hero.webp) 50%/cover no-repeat,#05070a;place-items:center;display:grid;position:fixed;inset:0}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(48px,9vw,112px)}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);margin:10px 0 28px;font-size:clamp(16px,2.2vw,22px)}.hero .cta{background:var(--accent);color:#111;border-radius:12px;padding:14px 28px;font-size:20px;font-weight:800;text-decoration:none;display:inline-block}.hero nav{gap:16px;font-size:14px;display:flex;position:fixed;top:16px;right:20px}.hero nav a{color:var(--muted);text-decoration:none}.nick{font:inherit;color:var(--text);border:1px solid var(--line);background:#1b1f26;border-radius:9px;padding:11px 14px}
