:root{color-scheme:dark;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#070c19;color:#eff7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#182745 0,#070c19 67%);min-height:100dvh}.shell{width:min(100%,520px);margin:auto;padding:18px 14px 26px}header{text-align:center;margin-bottom:15px}.brand{color:#71c7f4;font-size:10px;font-weight:800;letter-spacing:.24em}h1{font-size:clamp(26px,6vw,34px);margin:7px 0 3px;letter-spacing:.06em}header p,.foot{color:#a4b6ce;font-size:12px;margin:0}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}.hud>div{background:#14213a;border:1px solid #304762;border-radius:10px;text-align:center;padding:8px 2px}.hud small{display:block;color:#9baeca;font-size:10px}.hud strong{display:block;font-size:clamp(12px,3.1vw,17px);font-variant-numeric:tabular-nums;margin-top:4px}.game{position:relative;overflow:hidden;border:1px solid #426084;border-radius:16px;box-shadow:0 10px 40px #0008;background:#070f22}canvas{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050d20bc;z-index:3;padding:18px}.overlay.hidden{display:none}.panel{text-align:center;background:#12213bee;border:1px solid #6a8cad;border-radius:18px;width:100%;padding:26px 16px;box-shadow:0 12px 50px #000a}.eyebrow{color:#77d4ff;font-weight:800;letter-spacing:.17em;font-size:12px}.panel h2{margin:9px 0 12px;font-size:25px}.panel p{color:#d3dfed;line-height:1.8;font-size:13px}.panel button{padding:13px 32px;border:0;border-radius:12px;background:#63d6fb;color:#082038;font-weight:900;font-size:16px;cursor:pointer;margin-top:8px}.help{font-size:10px;color:#94adcb;margin-top:18px}.instruct{position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#111e37d9;color:#bde9ff;border-radius:99px;padding:6px 11px;font-size:11px;pointer-events:none}.actions{display:flex;gap:8px;margin-top:12px}.actions button{border:1px solid #416487;border-radius:12px;color:#eaf6ff;background:#172744;cursor:pointer;touch-action:none;user-select:none;font-size:13px;font-weight:800}.actions .thrust{flex:1;min-height:65px;background:linear-gradient(#f6a646,#d9742c);color:#1a1722;border-color:#ffd18a;font-size:17px;box-shadow:0 5px 0 #834718}.thrust span{display:block;font-size:10px;letter-spacing:.12em;margin-top:3px}.thrust.pressed{transform:translateY(3px);box-shadow:0 2px 0 #834718}.secondary{padding:6px 10px}.foot{text-align:center;line-height:1.65;margin:16px 0 0}@media(max-width:380px){.shell{padding:12px 8px 20px}.actions{gap:5px}.secondary{padding:4px 6px}.actions button{font-size:11px}}