:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#245475,#101c36 63%,#081323);color:#f7fbff;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.header{max-width:1190px;margin:auto;padding:18px 22px;display:flex;justify-content:space-between}.header a{color:#e8f5fa;text-decoration:none}.brand{font-size:22px;font-weight:800}.brand span{color:#6af1b0}main{max-width:1190px;margin:auto;padding:16px 16px 60px}.intro p{font-size:12px;letter-spacing:.18em;font-weight:800;color:#79ecc1;margin:0 0 8px}.intro h1{font-size:clamp(46px,7vw,80px);letter-spacing:-.055em;line-height:1;margin:0}.intro .sub{color:#b8cbda;margin:13px 0 26px}.game{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.field{border:2px solid #739db5;border-radius:23px;background:#144b3a;box-shadow:0 25px 55px #0007;overflow:hidden}.field canvas{display:block;width:100%;aspect-ratio:16/10;min-height:355px;cursor:crosshair;touch-action:manipulation}.board{padding:18px;background:#0d2435}.stats{display:flex;gap:12px;justify-content:center;margin:0 0 14px}.stats span{display:block;border:1px solid #8adbc267;border-radius:10px;padding:7px 13px;min-width:100px;text-align:center;color:#b4d5d3;font-size:12px}.stats b{display:block;color:white;font-size:23px}.aim{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aim label{color:#d0e9e3;font-size:13px}.aim input{width:100%;accent-color:#70ebbc;cursor:pointer}.buttons{margin:20px 0 8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}button{min-height:48px;padding:10px 24px;border:1px solid #c3ffda;border-radius:12px;background:linear-gradient(#8cf5bd,#37ad8d);color:#112f2a;font:inherit;font-weight:800;cursor:pointer;touch-action:none;box-shadow:0 5px #17694f}button:active{transform:translateY(3px);box-shadow:0 2px #17694f}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #fff7ac;outline-offset:3px}.charge{height:12px;border-radius:8px;background:#355b65;overflow:hidden;max-width:440px;margin:16px auto}.charge i{display:block;height:100%;width:32%;background:linear-gradient(90deg,#a9e86e,#fff492,#ed9450)}.power-label{text-align:center;color:#d9efda;font-size:12px}.panel{border:1px solid #537c93;border-radius:20px;background:#172c42;padding:22px}.panel h2{margin:0 0 16px}.panel p{color:#c3d7e3}.panel .status{min-height:50px;color:#fae29c;font-weight:800}.hint{font-size:14px;line-height:1.7}@media(max-width:900px){.game{grid-template-columns:1fr}.panel{padding:18px}.panel h2{margin-bottom:6px}}@media(max-width:560px){main{padding:12px 8px 48px}.field{border-radius:14px}.field canvas{aspect-ratio:4/5;min-height:410px}.aim{grid-template-columns:1fr}.board{padding:14px}.intro .sub{font-size:14px}}