:root{color-scheme:dark;--ink: #eef3ff;--ink-dim: #93a3c2;--bg: #0c1830;--panel: #142544;--panel-line: #24406e;--accent: #ffcf4d;--accent-dim: #a9832c;--danger: #ff6b6b;--ice: #bfe3ff;--wall: #1c3866}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}html,body{height:100%;margin:0;background:#000;overscroll-behavior:none;touch-action:none}body{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink)}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#screen{position:relative;height:100%;width:100%;max-width:62.5vh;max-height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}#hud{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;background:var(--panel);border-bottom:2px solid var(--panel-line);font-size:clamp(.7rem,2.6vw,1rem);letter-spacing:.03em}#hud .hud-group{display:flex;flex-direction:column;gap:.1em;line-height:1.1}#hud .hud-label{color:var(--ink-dim);font-size:.7em;text-transform:uppercase;letter-spacing:.08em}#hud .hud-value{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}#hud .hud-value.low-time{color:var(--danger)}#stage-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#05040a}#stage{image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:100%;object-fit:contain}#controls{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:min(3vh,1.2rem) min(6vw,1.6rem);background:var(--panel);border-top:2px solid var(--panel-line);min-height:22vh}.joystick-base{position:relative;width:min(30vw,34vh);height:min(30vw,34vh);border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d3866,#0d1b34 70%);border:2px solid var(--panel-line);touch-action:none}.joystick-thumb{position:absolute;top:50%;left:50%;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--accent) 65%);transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000080;pointer-events:none}.action-button{width:min(24vw,28vh);height:min(24vw,28vh);border-radius:50%;border:2px solid var(--accent-dim);background:radial-gradient(circle at 35% 30%,#ffdd7a,var(--accent) 60%,var(--accent-dim) 100%);color:#3a2a05;font-weight:700;font-size:clamp(.6rem,2.4vw,.85rem);letter-spacing:.05em;touch-action:none;box-shadow:0 3px 0 var(--accent-dim),0 6px 10px #00000080}.action-button:active,.action-button.pressed{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-dim),0 3px 6px #00000080}.icon-button{position:absolute;top:.6rem;right:.8rem;z-index:5;width:2.2rem;height:2.2rem;border-radius:.4rem;border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:1.1rem;display:flex;align-items:center;justify-content:center}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;text-align:center;background:#060a16f0}.overlay[hidden]{display:none}.overlay h1{font-size:clamp(1.6rem,8vw,2.4rem);margin:0;color:var(--accent);letter-spacing:.08em}.overlay h2{font-size:clamp(1.1rem,5vw,1.5rem);margin:0;color:var(--ink)}.overlay p{color:var(--ink-dim);max-width:32ch;margin:0;line-height:1.5;font-size:clamp(.75rem,3vw,.95rem)}.overlay .tap-hint{color:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;padding:.75rem 1.75rem;border-radius:.5rem;border:2px solid var(--accent-dim);background:var(--accent);color:#241a02;cursor:pointer}.btn.secondary{background:transparent;border-color:var(--panel-line);color:var(--ink)}.score-table{width:100%;max-width:22rem;border-collapse:collapse;font-size:.85rem}.score-table td{padding:.25rem .5rem;border-bottom:1px solid var(--panel-line)}.score-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--accent)}.home-screen-hint{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:11;background:var(--panel);border:1px solid var(--panel-line);border-radius:.6rem;padding:.6rem .8rem;font-size:.72rem;color:var(--ink-dim);display:flex;align-items:center;gap:.6rem}.home-screen-hint button{margin-left:auto;background:none;border:none;color:var(--ink);font-size:1rem;padding:.1rem .4rem}.round-banner{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.round-banner .line{display:flex;justify-content:space-between;gap:2rem;min-width:14rem}.round-banner .line b{color:var(--accent);font-variant-numeric:tabular-nums}