: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;--readout-h:100px;--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)}.toast{top:calc(var(--banner-h) + env(safe-area-inset-top) + var(--space-3) + 116px + 64px + var(--readout-h) + var(--space-3))}}.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)}.width-pill{bottom:calc(max(var(--space-4), env(safe-area-inset-bottom)) + 56px + var(--space-3));gap:var(--space-2);min-width:240px;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-lg);z-index:var(--z-hud);background:#0000008c;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.width-pill__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.width-pill__label{color:var(--muted-bright);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.width-pill__close{width:var(--touch);height:var(--touch);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:20px;line-height:1}.width-pill__slider-row{align-items:center;gap:var(--space-2);display:flex}.width-pill__step{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);flex:none;font-size:20px;font-weight:700}.width-pill__slider{appearance:none;background:var(--glass);border-radius:2px;outline:none;flex:1;height:4px;min-height:0}.width-pill__slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #ffd70073}.width-pill__slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #ffd70073}.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;position:absolute;inset:0;overflow:hidden}.cal__header{top:max(var(--space-2), env(safe-area-inset-top));z-index:2;max-width:min(560px,92vw);padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cal__title{margin:0;font-size:13px;font-weight:800}.cal__hint{color:var(--muted);margin:0;font-size:12px}.cal__card{aspect-ratio:85.6/53.98;z-index:0;border-radius:var(--radius-sm);background-color:#ffffff0f;background-image:linear-gradient(155deg, var(--glass-strong), var(--glass));touch-action:none;border:2px solid #ffffffd9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0009,0 0 24px #ffffff40}.cal__card.is-portrait{aspect-ratio:53.98/85.6}.cal__card:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:-2px}.cal__handle{width:var(--touch);height:var(--touch);z-index:2;cursor:ew-resize;touch-action:none;background:0 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.cal__handle:after{content:"";background:var(--accent);border-radius:4px;width:8px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cal__readout{z-index:2;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--fg);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:14px;position:absolute;top:50%;transform:translate(calc(-100% - 16px),-50%)}.cal__actions{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:2;gap:var(--space-2);flex-wrap:nowrap;justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.cal__actions button{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);white-space:nowrap;font-size:13px;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__amount{color:var(--muted-bright);font-variant-numeric:tabular-nums;font-size:15px}.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}.leaderboard{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}.lb-panel{width:min(300px,82vw);max-height:60vh;padding:var(--space-3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);gap:var(--space-3);background:#0a0a0aeb;flex-direction:column;display:flex;position:absolute;bottom:48px;left:0;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.lb-tabs{gap:var(--space-2);display:flex}.lb-tab{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);min-height:40px;color:var(--muted-bright);flex:1;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.lb-tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lb-metric{gap:var(--space-2);display:flex}.lb-metric .seg{flex:1;min-height:40px;font-size:13px}.lb-remote{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.lb-state{color:var(--muted);font-size:13px}.lb-list{gap:var(--space-1);flex-direction:column;max-height:30vh;font-size:13px;list-style:none;display:flex;overflow-y:auto}.lb-list li{align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--glass-border);display:flex}.lb-rank{width:24px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-value{color:var(--muted-bright);font-variant-numeric:tabular-nums;flex:none}.lb-me{bottom:calc(-1 * var(--space-3));margin:var(--space-1) calc(-1 * var(--space-3)) calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);align-items:baseline;gap:var(--space-2);border-top:1px solid var(--accent-border);color:var(--accent);background:#0a0a0afa;font-size:13px;font-weight:700;display:flex;position:sticky}.lb-me .lb-rank{white-space:nowrap;width:auto;font-weight:800}.hs-list{gap:var(--space-1);flex-direction:column;font-size:13px;list-style:none;display:flex}.hs-list li{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--glass-border);display:flex}.hs-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hs-list__amount{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.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}.group-panel{gap:var(--space-2);flex-direction:column;display:flex}.group-none{color:var(--muted);font-size:12px}.group-form-row{gap:var(--space-2);display:flex}.group-form-row input{min-width:0;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);flex:1;font-size:14px}.group-code-input{text-transform:uppercase;letter-spacing:.08em}.group-form-row 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);flex:none;font-size:12px;font-weight:700}.group-error{color:var(--accent);min-height:14px;font-size:12px}.group-info{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);text-align:center;flex-direction:column;display:flex}.group-info__name{font-size:14px;font-weight:700}.group-info__members{color:var(--muted);font-size:11px}.group-info__code{letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.group-share{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--accent-border);background:var(--accent-glass);color:var(--accent);font-size:13px;font-weight:700}.group-switch{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.group-switch button{min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);text-align:left;font-size:12px}.group-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.group-add{min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-size:13px;font-weight:700}.group-add:disabled{opacity:.4}.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%;top:calc(max(var(--space-3), env(safe-area-inset-top)) + var(--readout-h) + var(--space-3));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}}