:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e8e8f0;background:#05060d;flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex}header{padding:.75rem 1rem}nav a{color:#9fb4ff;font-size:.9rem;text-decoration:none}nav a:hover,nav a:focus-visible{text-decoration:underline}main{flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:0 1rem 1rem;display:flex}h1{letter-spacing:.08em;color:#9fb4ff;margin:0;font-size:1.1rem}canvas{touch-action:none;outline-offset:4px;background:#0b1021;border-radius:.5rem}canvas:focus-visible{outline:3px solid #9fb4ff}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}