:root{--ink: #120f26;--ink-deep: #0a0818;--panel: #1f1a3d;--panel-2: #2a2452;--line: #3a3270;--text: #f3f1ff;--muted: #a39fc9;--volt: #c6f432;--volt-deep: #7da30f;--volt-soft: rgba(198, 244, 50, .12);--violet: #7c5cff;--violet-hud: #5b3df5;--violet-deep: #3b22b8;--violet-night: #2a1f6b;--pink: #ff3d8b;--cyan: #3ad7f5;--good: #34e3a0;--warn: #fbbf24;--bad: #ff4d6d;--chunk: 0 4px 0 var(--ink-deep);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--ink);color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}input{font:inherit;color:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.logo{font-weight:900;letter-spacing:3px;color:var(--volt);text-shadow:3px 3px 0 var(--violet-deep);line-height:1}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.bold{font-weight:700}.center{text-align:center}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}h1,h2,h3{margin:0}.btn{border:0;border-radius:14px;padding:14px 16px;font-weight:900;background:var(--volt);color:var(--ink);font-size:17px;box-shadow:0 5px 0 var(--volt-deep)}.btn.secondary{background:var(--panel-2);color:var(--text);box-shadow:var(--chunk);font-size:15px}.btn.block{width:100%}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--volt-deep)}.btn.secondary:active:not(:disabled){box-shadow:0 1px 0 var(--ink-deep)}.hero{position:relative;background:radial-gradient(120% 90% at 85% 0%,var(--violet-deep) 0%,transparent 60%),var(--ink);padding:30px 16px 26px}.hero:after,.result-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,var(--volt) 0 12px,var(--ink) 12px 24px)}.hero .logo{font-size:44px}.hero-sub{font-size:19px;font-weight:800;margin-top:8px}.hero-pitch{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.35}.section{padding:16px 16px 4px}.label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#9d84ff;margin-bottom:8px}.opts{display:grid;gap:10px}.opts.c3{grid-template-columns:repeat(3,1fr)}.opts.c2{grid-template-columns:repeat(2,1fr)}.opt{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;box-shadow:var(--chunk);transition:transform .08s}.opt:active{transform:translateY(2px)}.opt.on{border-color:var(--volt);background:var(--volt-soft);box-shadow:0 4px 0 var(--volt-deep)}.opt .em{font-size:26px}.opt .t{font-weight:800;font-size:14px}.opt.on .t{color:var(--volt)}.opt .d{font-size:11px;color:var(--muted);line-height:1.25}.input{width:100%;border:2px solid var(--line);border-radius:12px;padding:11px 12px;background:var(--panel);outline:none}.input:focus{border-color:var(--volt)}.input::placeholder{color:var(--muted)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--panel-2);font-size:20px;font-weight:900;box-shadow:var(--chunk)}.weather{display:flex;gap:12px;align-items:center;background:var(--panel);border-radius:14px;padding:10px 12px;border:2px dashed var(--line)}.weather .em{font-size:30px}.footer{position:sticky;bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--ink) 30%);margin-top:auto}.race{background:var(--ink);color:var(--text);min-height:100vh}.race .muted{color:var(--muted)}.top{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:4px;padding:10px 10px 8px;font-variant-numeric:tabular-nums}.top .v{font-size:20px;font-weight:900;line-height:1.1}.top .k{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}canvas.px{display:block;width:100%;aspect-ratio:16 / 9;image-rendering:pixelated;image-rendering:crisp-edges;background:#7ec8f0}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:80px;font-weight:900;color:var(--volt);text-shadow:5px 5px 0 var(--violet-deep)}.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 10px 4px}.gauge .k{font-size:11px;display:flex;justify-content:space-between;color:var(--text)}.gauge .bar{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;margin-top:3px}.gauge .fill{height:100%;border-radius:4px;transition:width .15s linear}.gauge.low .k{color:var(--bad)}.status{display:flex;gap:6px;flex-wrap:wrap;padding:4px 10px;min-height:26px}.tag{background:var(--panel-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.tag.bad{background:#7a1233}.tag.warn{background:#5c4300}.ticker{padding:2px 12px;font-size:13px;color:var(--muted);min-height:40px}.ticker div:first-child{color:var(--text);font-weight:600}.event{margin:6px 10px;background:#fff;color:var(--ink);border-radius:16px;padding:12px;box-shadow:0 6px 0 var(--violet);animation:pop .15s ease-out}.event .head{display:flex;gap:10px;align-items:center}.event .em{font-size:30px}.event .timer{height:6px;background:#e7e4f7;border-radius:3px;margin:8px 0;overflow:hidden}.event .timer div{height:100%;background:var(--violet)}.choices{display:grid;gap:6px;grid-auto-flow:column;grid-auto-columns:1fr}.choice{border:0;background:#efedfb;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink);box-shadow:0 3px #cfc9ee}.choice:active{transform:translateY(2px);box-shadow:0 1px #cfc9ee}.choice .t{font-weight:800;font-size:14px}.choice .h{font-size:11px;color:#5d5880}.choice.def{outline:2px dashed #b3abe0}@keyframes pop{0%{transform:scale(.9);opacity:0}}.controls{padding:8px 10px calc(14px + env(safe-area-inset-bottom));display:grid;gap:8px;margin-top:auto}.pace{display:grid;grid-template-columns:64px 1fr 64px;gap:8px;align-items:stretch}.pace button{border:0;border-radius:14px;background:var(--panel-2);color:var(--text);font-size:30px;font-weight:900;min-height:64px;box-shadow:var(--chunk)}.pace button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink-deep)}.pace .now{background:var(--panel);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pace .now .n{font-weight:800;font-size:16px}.dots{display:flex;gap:4px;margin-top:4px}.dots span{width:16px;height:5px;border-radius:3px;background:var(--line)}.dots span.on{background:var(--volt)}.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.act{border:0;border-radius:14px;background:var(--panel-2);color:var(--text);padding:10px 4px;display:flex;flex-direction:column;align-items:center;min-height:62px;box-shadow:var(--chunk)}.act:active:not(:disabled){transform:translateY(2px)}.act .em{font-size:24px}.act .t{font-size:12px;font-weight:800}.act.hot{background:var(--violet-hud)}@media (prefers-reduced-motion: reduce){.act.hot,.event{animation:none}}.result-hero{position:relative;background:radial-gradient(120% 90% at 50% 0%,var(--violet-deep) 0%,transparent 70%),var(--ink);padding:26px 16px 24px;text-align:center}.result-hero .logo{font-size:22px}.result-hero .time{font-size:56px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--volt);text-shadow:4px 4px 0 var(--violet-deep);margin:6px 0 4px}.card{background:var(--panel);margin:10px 12px;border-radius:16px;padding:14px;box-shadow:var(--chunk)}.field-row{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.field-row:last-child{border-bottom:0}.field-row.me{font-weight:900;color:var(--volt)}.chart{display:flex;align-items:flex-end;gap:1px;height:90px}.chart div{flex:1;border-radius:2px 2px 0 0}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600}.moments div{padding:3px 0;font-size:13px}.gauges{grid-template-columns:repeat(5,1fr);gap:6px}.gauge .k{font-size:10px}.acts{grid-template-columns:1fr 2fr}.act.next{background:var(--panel);justify-content:center;color:var(--muted);box-shadow:none}.act.on{background:#13805a}.act .d{font-size:10px;color:#d9d0ff;line-height:1.2;text-align:center}.aid{background:var(--violet-night);border-radius:14px;padding:8px}.aid-title{font-weight:800;font-size:13px;margin:0 2px 6px}.aid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.aid .act{min-height:58px;padding:6px 2px}.aid .act.hot{animation:none;background:var(--violet-hud)}.gauge .k{font-size:12px;font-weight:800}.gauge .lbl{font-size:10px;color:var(--muted);margin-top:2px;text-align:center}.aid.walking{background:#0f4d3a}.plan{background:var(--violet-night);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:5px}.plan-t{font-size:12px;font-weight:800;text-align:center}.plan-b{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.plan-b button{border:0;border-radius:10px;background:var(--panel);color:var(--muted);font-weight:800;font-size:14px}.plan-b button.on{background:var(--volt);color:var(--ink)}.disaster{margin:6px 10px;background:#c81e4a;color:#fff;border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center;animation:shake .4s}.disaster .em{font-size:32px}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.disaster{animation:none}}.feet{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;align-items:stretch}.foot{border:0;border-radius:18px;background:var(--volt);color:var(--ink);font-weight:900;font-size:15px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:0 6px 0 var(--volt-deep)}.foot span{font-size:30px}.foot:active{transform:translateY(4px);box-shadow:0 2px 0 var(--volt-deep)}.foot.last{background:#a9d61c}.cad{background:var(--panel);border-radius:14px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center}.cad .n{font-weight:800;font-size:14px}.meter{position:relative;height:12px;background:var(--panel-2);border-radius:6px;overflow:hidden}.meter .fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--volt) 55%,var(--pink));transition:width .1s linear}.meter span{position:absolute;top:0;bottom:0;width:1px;background:var(--ink)}html,body{overscroll-behavior:none}button{touch-action:manipulation}.race{height:100dvh;min-height:0;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding-top:env(safe-area-inset-top)}.race .middle{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.race .controls{margin-top:0}@media (max-height: 700px){.top{padding:6px 10px 4px}.top .v{font-size:17px}.gauges{padding-top:6px}.foot{min-height:76px}.pace button{min-height:54px}.act{min-height:52px}.ticker{min-height:0}}@media (min-width: 700px) and (min-height: 700px){.race{border-left:1px solid var(--panel-2);border-right:1px solid var(--panel-2)}}.race{padding-top:0}.top{background:var(--violet-hud);color:#fff;padding-top:calc(8px + env(safe-area-inset-top));box-shadow:0 3px 0 var(--violet-deep);position:relative;z-index:1}.top .k{color:#d9d0ff}.screen{position:relative}.overlay-top{position:absolute;left:6px;right:6px;top:6px;margin:0;z-index:3}.overlay-bottom{position:absolute;left:6px;right:6px;bottom:6px;margin:0;z-index:3;box-shadow:0 4px 0 var(--violet),0 10px 30px #00000080}.event{padding:10px}.event .head .small{line-height:1.25}.choice{padding:8px 4px}.choice .h{line-height:1.2;text-align:center}.disaster{animation:none;box-shadow:0 8px 24px #00000073}.status{flex-wrap:nowrap;overflow:hidden;height:30px;min-height:30px;padding:4px 10px}.tag{white-space:nowrap;flex:none}.ticker{height:40px;min-height:40px;overflow:hidden}.ticker div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-row{height:132px}.bottom-row>.acts{height:100%}.bottom-row>.acts>*{min-height:0}.bottom-row>.aid{height:100%;display:flex;flex-direction:column}.aid-grid{flex:1;grid-template-rows:1fr 1fr}.aid .act{min-height:0;height:auto;overflow:hidden}.aid-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act.hot{animation:glow .7s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 0 2px var(--volt) inset}}.foot:active{transform:none;box-shadow:0 2px 0 var(--volt-deep);filter:brightness(.92)}.pace .now .n,.cad .n,.cad .tiny{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-height: 700px){.bottom-row{height:118px}.foot{min-height:72px}}.hero,.result-hero{padding-top:calc(28px + env(safe-area-inset-top))}.feet{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}.pace{grid-template-columns:64px minmax(0,1fr) 64px}.aid-grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.aid .act{justify-content:center;gap:0;padding:3px 2px}.aid .act .em{font-size:19px;line-height:1.1}.aid .act .t{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aid .act .d{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aid-title{font-size:12px;margin-bottom:4px}