:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070e;--panel:#080e1cdb;--line:#5cf2ff47;--cyan:#5cf2ff;--magenta:#ff4d9a;--text:#e8f1ff;--muted:#9aa8c3;--shadow:0 18px 40px #00000073;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#app{background:radial-gradient(1200px 700px at 50% -10%, #142044 0%, transparent 55%), var(--bg);height:100%;min-height:100%;color:var(--text);margin:0;overflow:hidden}#app{place-items:center;display:grid}#stage{width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);box-shadow:var(--shadow);background:#070b16;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000c;grid-template-columns:1fr 1fr;gap:6px 12px;display:grid;position:absolute;inset:10px 12px auto}.hud-block{letter-spacing:.04em;align-items:baseline;gap:8px;font-size:15px;display:flex}.hud-label{color:var(--cyan);letter-spacing:.16em;font-size:10px}.lives{grid-column:1/-1;justify-content:flex-start;gap:4px}.life{clip-path:polygon(50% 0,90% 100%,50% 78%,10% 100%);background:var(--cyan);width:12px;height:12px;box-shadow:0 0 8px var(--cyan)}.banner{border:1px solid var(--line);letter-spacing:.28em;color:var(--cyan);pointer-events:none;background:#05070e8c;padding:8px 18px;font-size:13px;position:absolute;top:28%;left:50%;transform:translate(-50%)}.overlay{background:linear-gradient(#05070e33,#05070eb8);place-items:center;padding:24px 18px 92px;display:grid;position:absolute;inset:0}.panel{border:1px solid var(--line);background:var(--panel);width:min(100%,320px);box-shadow:var(--shadow);text-align:center;padding:28px 22px 24px}.kicker{color:var(--magenta);letter-spacing:.28em;margin:0 0 8px;font-size:11px}h1,h2{letter-spacing:.12em;margin:0 0 12px;font-weight:700}h1{font-size:28px}h2{font-size:22px}.lead,.howto,.muted,.final-score{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.howto{text-align:left;margin:16px 0 22px;padding:0;list-style:none}.final-score{color:var(--text);letter-spacing:.08em;margin:8px 0 4px;font-size:20px}.muted{margin-bottom:20px}button{border:1px solid var(--cyan);background:var(--cyan);color:#061018;width:100%;font:inherit;letter-spacing:.18em;cursor:pointer;margin-top:10px;padding:12px 16px;font-weight:700;display:block}button:hover,button:focus-visible{filter:brightness(1.08);outline:none}button.ghost{color:var(--text);background:0 0}.touch{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr 1.2fr 1fr;gap:10px;display:grid;position:absolute}.touch button{border-color:var(--line);min-height:56px;color:var(--text);letter-spacing:.12em;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#080e1cb8;margin:0}.touch button:active{background:#5cf2ff38}.is-hidden{display:none!important}@media (hover:hover) and (pointer:fine){.touch{display:none!important}.overlay{padding-bottom:24px}}