body{color:#e8ecf5;box-sizing:border-box;background:radial-gradient(120% 90% at 50% 0,#101736 0%,#070a16 70%);min-height:100vh;margin:0;padding:.5rem 1rem 1rem;font-family:system-ui,sans-serif;line-height:1.5}a{color:#7ab8ff}main{flex-direction:column;align-items:center;gap:.5rem;display:flex}h1{letter-spacing:.12em;text-transform:uppercase;color:#9fb2d8;margin:.15rem 0 .2rem;font-size:1.05rem;font-weight:600}canvas#game{aspect-ratio:4/3;touch-action:none;background:#070a16;border:1px solid #8caaff2e;border-radius:.75rem;width:min(100%,960px,133.33dvh - 11.3331rem);display:block;box-shadow:0 0 0 1px #0009,0 0 34px #5078ff24,0 14px 44px #0009}@media (width<=480px){body{padding:.4rem .5rem .75rem}}button#restart{letter-spacing:.08em;text-transform:uppercase;color:#06231a;cursor:pointer;background:linear-gradient(#52ffa0,#23c471);border:1px solid #ffffff59;border-radius:.375rem;padding:.5rem 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;box-shadow:0 0 18px #3ff08a59,0 2px 6px #00000073}button#restart:hover{filter:brightness(1.08)}button#restart:active{transform:translateY(1px)}
