body{color:#1a1a1a;margin:0;padding:2rem;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:40rem;margin:0 auto}a{color:#0b5fff}body.scene{color:#9ba6ac;background:#05070a;place-items:center;min-height:100svh;margin:0;padding:0;display:grid}.stage{aspect-ratio:16/9;width:min(100vw,177.778svh);position:relative}.stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.stage nav,.stage h1{transition:opacity .7s}.stage.playing nav,.stage.playing h1{opacity:0}.stage.playing nav a:focus-visible{opacity:1}.stage nav,.stage h1{letter-spacing:.34em;text-transform:uppercase;pointer-events:none;margin:0;font-size:.62rem;font-weight:400;position:absolute}.stage nav{pointer-events:auto;top:1.5rem;left:1.9rem}.stage h1{color:#9ba6ac85;bottom:1.4rem;left:1.9rem}.stage nav a{color:#9ba6ac52;text-decoration:none;transition:color .24s}.stage nav a:hover,.stage nav a:focus-visible{color:#e6e0d0f2}.stage nav a:focus-visible{text-underline-offset:.45em;outline:none;text-decoration:underline}@media (width<=40rem){.stage nav,.stage h1{letter-spacing:.24em;font-size:.55rem}.stage nav{top:1rem;left:1.1rem}.stage h1{bottom:.9rem;left:1.1rem}}
