:root{--bg:#050303;--ink:#fbf1ea;--muted:#c9aea2;--neon:#ffbe5a;--pink:#ff783c;--violet:#c8462a;--panel:#140a08e6;--font:"Helvetica Neue", "Arial Narrow", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;margin:0}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}#hud{background:linear-gradient(#1e0e0af2,#0c0605f2);border-bottom:1px solid #ff783c59;flex:none;align-items:center;gap:16px;padding:8px 16px;display:flex}.stats{gap:22px;display:flex}.stat{flex-direction:column;line-height:1.05;display:flex}.stat span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.stat b{font-variant-numeric:tabular-nums;font-size:20px}.stat b.low{color:#ff5a5a}.pill{border:1.5px solid var(--pink);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;min-width:0;padding:4px 12px;font-weight:700;overflow:hidden;box-shadow:0 0 12px #ff783c59}.hud-actions{gap:8px;margin-left:auto;display:flex}button{font:inherit;color:inherit;cursor:pointer}.hud-btn{white-space:nowrap;background:#c846282e;border:1px solid #c8462899;border-radius:6px;padding:6px 12px;font-size:14px}.hud-btn:hover{background:#c8462859}.hud-btn.toggle[aria-pressed=true]{border-color:var(--neon);background:#ffbe5a40;box-shadow:0 0 10px #ffbe5a66}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--neon);outline-offset:2px}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#field{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;display:block}.toast{text-align:center;opacity:0;pointer-events:none;background:#140a08e0;border:1px solid #ffbe5a80;border-radius:8px;max-width:min(640px,100% - 32px);padding:10px 16px;font-size:15px;transition:opacity .3s,transform .3s;position:absolute;top:14px;left:50%;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.aim-pad{width:min(520px,100% - 32px);padding:8px 0 max(8px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-items:stretch;gap:8px;margin:0 auto;display:flex}.aim-pad.off{visibility:hidden}.aim-btn{background:#140a08d9;border:1px solid #ffbe5a80;border-radius:12px;flex:none;place-items:center;width:52px;min-height:52px;display:grid}.aim-btn svg{fill:none;width:26px;height:26px;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.aim-btn:active{background:#ff783c4d}.aim-strip{cursor:ew-resize;background-color:#140a08d9;background-image:repeating-linear-gradient(90deg,#ffbe5a59 0 1px,#0000 1px 14px);background-position-y:bottom;background-repeat:repeat-x;background-size:14px 40%;border:1px solid #ffbe5a80;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex;position:relative;overflow:hidden}.aim-strip.active{border-color:var(--neon)}.aim-chip{background:currentColor;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px}.aim-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.aim-label{color:var(--muted);font-size:12px}@media (max-width:420px){.aim-label{display:none}}.overlay{background:radial-gradient(#0804038c,#080403e6);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.panel{background:var(--panel);border:1px solid #c846288c;border-radius:14px;width:min(760px,100%);padding:28px clamp(16px,4vw,36px);box-shadow:0 0 0 1px #ff783c26,0 0 60px #c8462840}.panel.small{text-align:center;width:min(440px,100%)}h1{letter-spacing:-.02em;text-shadow:0 0 18px #c84628e6,0 0 4px #fff9;margin:0 0 8px;font-size:clamp(40px,7vw,64px);line-height:1}h1 em{color:#ffe0a8;text-shadow:0 0 18px #ff8c3ce6,0 0 4px #fff9;font-style:normal}h2{margin:0 0 8px;font-size:30px}.lede{color:#ead8cf;max-width:58ch;margin:0 0 20px;line-height:1.5}.cta{background:linear-gradient(#ffa04a,#d9442a);border:none;border-radius:8px;min-height:44px;padding:12px 22px;font-size:17px;font-weight:700;box-shadow:0 0 22px #ff783c73}.cta:disabled{filter:saturate(.4)brightness(.8);cursor:wait}.cta:hover{filter:brightness(1.1)}.ghost{background:0 0;border:1px solid #ffffff59;border-radius:8px;min-height:44px;padding:12px 22px;font-size:17px}.ghost:hover{background:#ffbe5a1a}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.level-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin:22px 0 18px;display:grid}.level-btn{text-align:left;background:#ffbe5a12;border:1px solid #ffbe5a73;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:8px 10px;display:grid}.level-btn:hover:not(:disabled){background:#ffbe5a2e}.level-btn:disabled{opacity:.35;cursor:not-allowed}.level-btn .n{color:var(--neon);grid-row:span 2;font-size:22px;font-weight:800}.level-btn .t{font-size:13px;line-height:1.2}.level-btn .s{color:var(--muted);font-size:11px}.keys{color:var(--muted);gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.keys b{color:var(--ink);font-weight:600}footer{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:18px;font-size:13px;display:flex}.footer-group{white-space:nowrap;gap:8px;display:inline-flex}@media (max-width:479px){footer{column-gap:20px}.footer-sep{display:none}}footer a,.linkish{color:var(--muted)}.linkish{background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.menu-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-actions .ghost{text-overflow:ellipsis;white-space:nowrap;border-color:#ffbe5a73;max-width:100%;overflow:hidden}.name-form{text-align:left;margin:16px 0 0}.name-form label{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.name-row{gap:8px;display:flex}.name-row input{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#080403b3;border:1px solid #ffbe5a80;border-radius:8px;flex:1;padding:8px 12px;font-size:17px}.name-row input:focus-visible,select:focus-visible{outline:2px solid var(--neon);outline-offset:1px}.name-row input[aria-invalid=true]{border-color:#ff5a5a}.name-row .cta{flex:none;padding:10px 18px}.name-msg{min-height:1.3em;color:var(--muted);margin:6px 0 0;font-size:14px}.name-msg:empty{min-height:0}.name-msg.bad{color:#ff8a7a}.result-score{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:4px 0 6px;display:flex}.result-score[hidden]{display:none}.result-score b{color:#ffe0a8;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #ff8c3ccc;font-size:40px;line-height:1}.badge{border:1px solid var(--neon);color:var(--neon);letter-spacing:.04em;text-transform:uppercase;background:#ffbe5a2e;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;box-shadow:0 0 12px #ffbe5a59}.result-rank{color:#ead8cf;margin:0;font-size:15px}.result-rank:empty{display:none}.scores-panel{width:min(560px,100%)}.scores-tabs{background:#08040380;border:1px solid #c846288c;border-radius:10px;gap:6px;margin:14px 0 12px;padding:4px;display:flex}.tab{min-height:44px;color:var(--muted);background:0 0;border:none;border-radius:7px;flex:1;font-size:16px;font-weight:700}.tab[aria-pressed=true]{color:var(--ink);background:linear-gradient(#ffa04a59,#d9442a59);box-shadow:inset 0 0 0 1px #ffbe5a99}.scores-pick{align-items:center;gap:10px;margin-bottom:12px;display:flex}.scores-pick[hidden]{display:none}.scores-pick label{color:var(--muted);font-size:14px}.scores-pick select{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#140a08f2;border:1px solid #ffbe5a80;border-radius:8px;flex:1;padding:8px 10px;font-size:16px}.scores-status{color:var(--muted);margin:0 0 8px;font-size:14px}.scores-status:empty{display:none}.scores-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.score-row{background:#ffbe5a0d;border:1px solid #0000;border-radius:8px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;min-height:44px;padding:6px 12px;display:grid}.score-row .r{color:var(--neon);font-variant-numeric:tabular-nums;font-weight:800}.score-row:nth-child(-n+3) .r{color:#ffe0a8;text-shadow:0 0 10px #ff8c3ccc}.score-row .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score-row .nm em{letter-spacing:.06em;text-transform:uppercase;color:var(--neon);font-size:11px;font-style:normal;font-weight:700}.score-row .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.score-row .v small{color:var(--muted);font-size:11px;font-weight:400;display:block}.score-row.me{border-color:var(--pink);background:#ff783c29;box-shadow:0 0 14px #ff783c4d}.scores-list .gap{text-align:center;color:var(--muted);line-height:1}@media (max-width:640px){#hud{flex-wrap:wrap;gap:10px;padding:6px 10px}.stats{gap:12px}.stat b{font-size:16px}.pill{text-align:center;flex-basis:100%;order:5;padding:2px 8px}.hud-btn{padding:5px 8px;font-size:13px}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}