:root { color-scheme: dark; font-family: Inter, ui-rounded, system-ui, sans-serif; background:#07111f; color:#fff1c7; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background: radial-gradient(circle at 20% 0%,#244f6f,transparent 38rem), radial-gradient(circle at 90% 20%,#5b244d,transparent 34rem), linear-gradient(#07111f,#04070d); overflow:hidden; }
main { width:min(100vw,1160px); padding:16px; text-align:center; }
#game-shell { position:relative; display:inline-grid; place-items:center; max-width:100%; }
canvas { width:min(100%, 1080px); height:auto; border-radius:28px; border:4px solid #ffe48a; background:#102032; box-shadow: 0 30px 100px #000c, 0 0 0 1px #fff4 inset, 0 0 60px #43e5ff22; touch-action:none; }
#loading { position:absolute; font-weight:1000; font-size:clamp(2rem,8vw,5rem); letter-spacing:.04em; text-shadow:0 8px 0 #0008; pointer-events:none; opacity:0; }
.help { margin:.7rem auto 0; color:#cfe6ff; font-weight:800; }
@media (max-width:700px){ main{padding:6px}.help{font-size:.8rem} }