:root{--bg:#000;--fg:#fff;--muted:#b8b8b8;--accent:gold;--accent-ink:#000;--glass:#ffffff14;--glass-strong:#ffffff24;--glass-border:#ffffff42;--accent-glass:#ffd7001a;--accent-border:#ffd70066;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--touch:48px;--banner-h:40px;--muted-bright:#d0d0d0;--z-hud:1;--z-countdown:2;--z-cal:3;--z-splash:4;--z-highscores:5;--z-result:6;--z-toast:7;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{background:var(--bg);width:100%;height:100%;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;font-family:var(--font);overflow:hidden}#app{position:fixed;inset:0}#simCanvas{display:block;position:absolute;inset:0}button,input{-webkit-tap-highlight-color:transparent;font-family:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}.hud{pointer-events:none;z-index:var(--z-hud);position:absolute;inset:0}.hud>*{pointer-events:auto}.hud__lines{top:max(var(--space-3), env(safe-area-inset-top));right:max(var(--space-3), env(safe-area-inset-right));gap:var(--space-2);display:flex;position:absolute}.seg{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:17px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.seg[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.seg:disabled{opacity:.4}.hud__readout{top:max(var(--space-3), env(safe-area-inset-top));align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);pointer-events:none;z-index:var(--z-hud);background:#0000008c;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud__length{color:var(--muted-bright);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.hud__status{top:max(var(--space-3), env(safe-area-inset-top));left:max(var(--space-3), env(safe-area-inset-left));align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.hud__calibrate{min-width:var(--touch);min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:14px;font-weight:600}.hud__calibrate:disabled{opacity:.4}.hud__badges{gap:var(--space-2);flex-direction:column;display:flex}.hud__badge,.hud__offline{color:var(--accent);background:var(--accent-glass);border:1px solid var(--accent-border);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;font-size:12px;font-weight:600}.hud__banner{min-height:calc(var(--banner-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(var(--space-4) + env(safe-area-inset-left)) 0;text-align:center;color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--accent-border);z-index:1;background:#000000bf;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}@media (orientation:portrait){.hud__status,.hud__lines,.hud__readout{left:50%;right:auto;transform:translate(-50%)}.hud__status{top:calc(var(--banner-h) + env(safe-area-inset-top) + var(--space-3));align-items:center}.hud__lines{top:calc(var(--banner-h) + env(safe-area-inset-top) + var(--space-3) + 116px)}.hud__readout{top:calc(var(--banner-h) + env(safe-area-inset-top) + var(--space-3) + 116px + 64px)}}.hud__primary{bottom:max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius-pill);background:var(--accent);min-width:200px;min-height:56px;color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;border:none;font-size:17px;font-weight:800;transition:transform .12s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ffd7002e}.hud__primary:active{transform:translate(-50%)scale(.97)}.countdown{letter-spacing:-.02em;color:var(--fg);text-shadow:0 4px 30px #ffffffbf,0 0 80px #ffffff40;pointer-events:none;z-index:var(--z-countdown);place-items:center;font-size:clamp(80px,20vmin,160px);font-weight:900;display:grid;position:absolute;inset:0}.countdown--go{animation:.26s ease-out countdown-go}@keyframes countdown-go{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.splash{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;z-index:var(--z-splash);background:#000000e0;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.splash.is-hidden{opacity:0;pointer-events:none}.splash__title{letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:clamp(30px,6vmin,50px);font-weight:800}.splash__title:after{content:"";background-image:repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 10px);width:140px;height:4px;margin:14px auto 0;display:block}.splash__subtitle{color:var(--muted);margin-bottom:var(--space-5);font-size:15px}.splash__enter{border-radius:var(--radius-pill);background:var(--accent);min-width:200px;min-height:56px;color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;border:none;font-size:17px;font-weight:800;transition:transform .12s}.splash__enter:active{transform:scale(.97)}.cal{z-index:var(--z-cal);background:#000000eb;place-items:center;display:grid;position:absolute;inset:0}.cal__panel{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;flex-direction:column;max-width:min(420px,92vw);display:flex}.cal__title{font-size:clamp(22px,5vmin,32px);font-weight:800}.cal__hint{color:var(--muted);max-width:320px;font-size:14px}.cal__stage{place-items:center;min-height:140px;display:grid;position:relative}.cal__card{aspect-ratio:85.6/53.98;border-radius:var(--radius-sm);background:linear-gradient(155deg, var(--glass-strong), var(--glass));border:1px solid var(--glass-border);touch-action:none;position:relative;box-shadow:inset 0 1px #ffffff1f}.cal__handle{width:var(--touch);cursor:ew-resize;touch-action:none;background:0 0;height:100%;position:absolute;top:0;right:-24px}.cal__handle:after{content:"";background:var(--accent);border-radius:4px;width:8px;height:40px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.cal__readout{font-variant-numeric:tabular-nums;color:var(--fg);font-size:15px}.cal__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.cal__actions button{min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:14px;font-weight:600}.cal__confirm{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}.result{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-result);background:#000000bf;place-items:center;display:grid;position:absolute;inset:0}.result[hidden]{display:none}.result__panel{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;flex-direction:column;max-width:min(340px,92vw);display:flex}.result__title{font-size:clamp(22px,5vmin,32px);font-weight:800}.result__total{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(22px,4vmin,30px);font-weight:800}.result__perline{color:var(--muted);font-size:14px}.result__fields{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.result__field{gap:var(--space-1);text-align:left;color:var(--muted);flex-direction:column;font-size:13px;display:flex}.result__field input{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:16px}.result__field input:focus{border-color:var(--accent)}.result__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.result__actions button{min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:14px;font-weight:600}.result__save{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:800}.highscores{bottom:max(var(--space-4), env(safe-area-inset-bottom));left:max(var(--space-3), env(safe-area-inset-left));z-index:var(--z-highscores);position:absolute}.hs-toggle{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:13px;font-weight:600}.hs-toggle:disabled{opacity:.4}.hs-panel{width:min(280px,80vw);max-height:50vh;padding:var(--space-3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);background:#0a0a0aeb;position:absolute;bottom:48px;left:0;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.hs-title{margin-bottom:var(--space-2);font-size:15px;font-weight:700}.hs-list{gap:var(--space-1);flex-direction:column;font-size:13px;list-style:none;display:flex}.hs-list li{padding:var(--space-1) 0;border-bottom:1px solid var(--glass-border)}.hs-empty{color:var(--muted);margin-top:var(--space-2);font-size:13px}.hs-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.hs-actions button{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:12px;font-weight:600}.hs-status{color:var(--accent);margin-top:var(--space-2);min-height:14px;font-size:12px}.progress{text-align:center;width:min(220px,60vw);color:var(--muted);font-size:11px}.progress__title{margin-bottom:var(--space-1);color:var(--muted-bright);font-weight:600}.progress__track{background:var(--glass);border-radius:2px;height:4px;overflow:hidden}.progress__bar{background:var(--accent);width:0%;height:100%;transition:width .3s}.progress__next,.progress__moon{margin-top:var(--space-1);color:var(--muted-bright)}.toast{left:50%;bottom:calc(max(var(--space-4), env(safe-area-inset-bottom)) + 68px);align-items:center;gap:var(--space-3);max-width:min(320px,90vw);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);z-index:var(--z-toast);background:#0a0a0aeb;font-size:13px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 40px #00000080}.toast__text{flex:1}.toast__action{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--accent-border);background:var(--accent-glass);color:var(--accent);font-size:12px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}