:root{font-family:Inter,system-ui,sans-serif;color:#f3f7f8;background:#0b1929}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 5%,#285572,#0e2b43 50%,#081525);min-height:100vh}.header{max-width:1200px;margin:auto;padding:20px 22px;display:flex;justify-content:space-between}.header a{color:#d4e9ec;text-decoration:none}.brand{font-weight:900;font-size:23px}.brand span{color:#6addc3}main{max-width:1200px;margin:auto;padding:15px 20px 65px}.intro{text-align:center}.intro p{font-size:12px;letter-spacing:.25em;color:#9ee4d4}.intro h1{font-size:clamp(40px,6vw,72px);margin:6px 0 12px;text-shadow:0 7px #081a2a}.intro .sub{color:#c1d6df;margin-bottom:25px}.game{border:1px solid #96d9cb5c;border-radius:25px;background:linear-gradient(145deg,#315b6b,#162d42);padding:15px;box-shadow:0 22px 0 #071626,0 33px 46px #0008}.hud{display:flex;justify-content:space-around;gap:12px;padding:8px 0 16px;font-size:12px;letter-spacing:.12em;color:#b5d3d9}.hud b{display:block;font-size:20px;color:white;letter-spacing:0;text-align:center}.scene-wrap{width:100%;overflow:hidden;border-radius:18px;border:2px solid #8ab7ad6b;background:#0b2a3d}canvas{display:block;width:100%;height:auto;aspect-ratio:10/7}.below{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:17px 5px 3px}.status{min-height:24px;color:#f8d38d;font-weight:750;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}button{cursor:pointer;font:inherit}button.action{border-radius:12px;border:1px solid #bee7d9;padding:10px 16px;background:#244e62;color:white;font-weight:700;box-shadow:0 4px #102e3d}button.primary{background:#f3bc70;color:#1c3344}.controls{display:flex;justify-content:center;gap:12px;margin:31px auto 16px;touch-action:none}.controls button{width:70px;height:66px;border-radius:17px;border:1px solid #bfe9d8;background:linear-gradient(145deg,#538a91,#24516a);color:white;font-size:26px;font-weight:900;box-shadow:0 7px #102d3b;touch-action:none;user-select:none}.controls button.pressed{transform:translateY(5px);box-shadow:0 2px #102d3b;background:#f2ba68;color:#143949}.help{text-align:center;color:#b6cbd4;font-size:14px;line-height:1.6}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:650px){main{padding:10px 8px 40px}.game{padding:7px;border-radius:16px}.hud{font-size:10px}.hud b{font-size:15px}.controls{gap:6px}.controls button{width:22%;height:59px}.intro h1{font-size:42px}.below{padding:15px 7px;justify-content:center;text-align:center}.status{width:100%}}@media(prefers-reduced-motion:reduce){.controls button{transition:none}}