:root{color-scheme:dark;--game-width:480px;--ink:#dce7f3;--muted:#8394ab}
html{min-height:100%;background:#060b13}
body{min-height:100svh;overflow:auto;touch-action:pan-y;color:var(--ink);font-family:Arial,'Noto Sans JP',sans-serif;background:radial-gradient(ellipse at 50% 25%,#17283c 0%,#080f1c 48%,#04070d 100%);padding:20px 12px 28px}
.game-header{width:var(--game-width);display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:10px;letter-spacing:2px;color:#9fb1c7}
.game-header strong{font-size:11px;color:#e0e8f1;letter-spacing:1.6px}.game-header span:before{content:'';display:inline-block;width:5px;height:5px;background:#94c9bc;border-radius:50%;margin:0 7px 1px 0}
.game-shell{width:var(--game-width);position:relative;border:1px solid #394553;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 24px 90px #0009;background:#07101c;flex-shrink:0}
#c{width:100%;height:auto;display:block;border:0;touch-action:none}
.start-button{position:absolute;left:20%;bottom:14.5%;width:60%;height:9%;border:1px solid #b8d9eb80;border-radius:4px;background:linear-gradient(110deg,#d6e7ef,#95b8d1);color:#0a2034;font:700 clamp(12px,2.6vw,15px) Arial,sans-serif;letter-spacing:2px;cursor:pointer;box-shadow:0 6px 24px #0005}
.start-button small{display:block;font-size:9px;letter-spacing:1px;margin-top:3px;font-weight:400}.start-button:hover{filter:brightness(1.12)}.start-button:focus-visible,.utility-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.start-button[hidden]{display:none}
#controls{width:var(--game-width);height:116px;gap:0;justify-content:space-between;padding:9px 25px;background:linear-gradient(#16202d,#0b121d);border:1px solid #394553;border-top:1px solid #62718366;border-radius:0 0 12px 12px;box-shadow:0 20px 45px #0005}
#dpad{width:92px;height:92px;background:radial-gradient(circle at 45% 35%,#2f3d4d,#121d2a 70%);border:1px solid #60708770;box-shadow:inset 0 1px 2px #bcc9d533,0 4px 9px #0007}
#dpad:after{content:'';position:absolute;inset:33%;border:1px solid #72849a44;background:#111d2a;border-radius:50%;pointer-events:none}
.dpad-arrow{font-size:12px;color:#93a6bf}
.btns{gap:16px}.btn{gap:7px}
#shotBtn,#powerBtn{font-family:Arial,sans-serif;border-width:1px;font-size:20px;text-shadow:0 1px 2px #0008;box-shadow:inset 0 1px 3px #fff5,0 4px 0 #030810,0 6px 12px #0007}
#shotBtn{width:62px;height:62px;background:radial-gradient(circle at 40% 25%,#af7663,#61372f);border-color:#c39179}
#powerBtn{width:52px;height:52px;background:radial-gradient(circle at 40% 25%,#688fac,#2a4560);border-color:#8eabc4}
#shotBtn:active,#powerBtn:active{transform:translateY(2px);filter:brightness(1.2)}
.btn-label{font:9px Arial,sans-serif;color:#a6b4c8;letter-spacing:1px}
.utility-button{border:1px solid #77889b55;border-radius:4px;background:#111c2a;color:#aebed0;cursor:pointer;font:10px Arial,sans-serif;padding:8px 10px;letter-spacing:1px}
.control-middle{display:flex;flex-direction:column;gap:8px;align-items:center}
.control-middle small{font-size:8px;color:#6e839b;letter-spacing:1px}
.game-help{width:var(--game-width);margin-top:14px;text-align:center;font-size:10px;line-height:1.9;letter-spacing:.6px;color:#8092a8}
.game-help kbd{color:#c2cfde;font-family:inherit}.related-games{display:none!important}#sns-share{display:none!important}
@media(max-width:520px){body{padding:10px 8px 18px}.game-header{margin-bottom:8px;font-size:8px;letter-spacing:1px}.game-header strong{font-size:9px}#controls{height:104px;padding:6px 16px}#dpad{width:84px;height:84px}.btns{gap:12px}#shotBtn{width:56px;height:56px}#powerBtn{width:48px;height:48px}.game-help{font-size:9px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:360px){.control-middle small{display:none}.utility-button{padding:8px}.game-header span{letter-spacing:0}.game-help{letter-spacing:0}}

#difficultyPicker{position:absolute;left:15%;top:64%;width:70%;border:0;padding:0;margin:0;text-align:center;color:#bdccdb;font:clamp(8px,1.8vw,11px) Arial,sans-serif}
#difficultyPicker[hidden]{display:none}
#difficultyPicker legend{width:100%;margin-bottom:4px;font-size:inherit;letter-spacing:1px}
.difficulty-options{display:flex;gap:6px;justify-content:center}
.difficulty-options button{flex:1;min-height:28px;padding:5px 0;border:1px solid #77889b;background:#111c2a;color:#bdccdb;border-radius:4px;font:700 clamp(10px,2.2vw,13px) Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.difficulty-options button[aria-pressed="true"]{background:#bad2e3;color:#0a2034;border-color:#d6e7ef}
.difficulty-options button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#difficultyHelp{margin:4px 0 0;font-size:clamp(7px,1.7vw,10px)}