*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;background:radial-gradient(circle at 50% 0,#132c4b,#030811 70%);color:#eafcff;font:600 16px system-ui;min-height:100vh;display:grid;place-items:center}main{width:min(96vw,980px);text-align:center}header{display:flex;justify-content:space-between;align-items:center}h1{letter-spacing:.18em;color:#6ef3d6}canvas{display:block;width:100%;max-height:68vh;aspect-ratio:45/28;border:2px solid #2d608c;border-radius:16px;box-shadow:0 0 35px #0bb8b633;touch-action:none}#panel{min-height:80px}button{background:#16385a;color:#fff;border:2px solid #6ef3d6;border-radius:12px;padding:12px 18px;font-weight:800;margin:5px;min-width:48px;min-height:48px}button:focus-visible{outline:4px solid #ffd166}nav{display:none}footer{opacity:.7}@media(max-width:600px){body{font-size:13px}header{align-items:flex-start}h1{font-size:18px}#stats{max-width:55%}canvas{max-height:49vh}nav{display:block}#panel p{margin:5px}footer{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}