@font-face{font-family:Archivo;src:url(../fonts/Archivo-subset.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(../fonts/IBMPlexMono-Regular-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(../fonts/IBMPlexMono-Medium-subset.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(../fonts/IBMPlexMono-SemiBold-subset.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}html,body{margin:0;height:100%;background:#0a0d11}#game-container{position:fixed;inset:0}#about{position:fixed;inset:0;z-index:1;overflow-y:auto;box-sizing:border-box;margin:0;padding:6vh 1.5rem 4rem;color:#e8eef5;background:#0a0d11;font-family:Archivo,system-ui,sans-serif;font-size:1rem;line-height:1.6}#about>*{max-width:42rem;margin-inline:auto}#about h1{font-size:clamp(2rem,7vw,3rem);letter-spacing:.02em;color:#5fd8f5;margin-bottom:.25em}#about h2{font-size:clamp(1.1rem,3.5vw,1.4rem);margin-top:2rem;color:#5fd8f5}#about ul{padding-left:1.2rem}#about li{margin-bottom:.5rem}#about strong{color:#fff}#about-nojs{margin-top:2rem;padding:1rem 1.25rem;border-left:3px solid #5fd8f5;background:#10151c}body[data-booted=true] #about,#loading,#menu-footer,html[data-startup=loading] #about{display:none}html[data-startup=loading] #loading{display:flex;position:fixed;inset:0;z-index:5;overflow:auto;align-items:center;justify-content:center;gap:clamp(2rem,6vw,6rem);padding:2rem;box-sizing:border-box;background:#0a0d11;color:#e8eef5;font-family:system-ui,sans-serif}.loading-mark{width:min(32vw,320px);flex-shrink:0;color:#5fd8f5}.loading-mark svg{display:block;width:100%;fill:currentColor}.loading-mark path{fill:none;stroke:currentColor;stroke-width:2}.loading-mark .loading-grid{stroke:#232c36;stroke-width:1}.loading-mark .loading-path{opacity:.3}.loading-flow{stroke-dasharray:16 32;animation:route-flow 1.8s cubic-bezier(.2,.6,.4,1) infinite}.loading-copy h1{font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.045em;margin:.25em 0 .6em}.loading-kicker{font-size:.7rem;letter-spacing:.16em;color:#5fd8f5}.loading-copy [role=status]{font-size:.95rem}.loading-copy a,#about a{color:#5fd8f5;text-underline-offset:.25em}.loading-copy a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}body[data-booted=true][data-menu=title] #menu-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 24px;padding:6px max(16px,var(--menu-inset, 24px),env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(16px,var(--menu-inset, 24px),env(safe-area-inset-left));position:fixed;inset:auto 0 0;z-index:2;box-sizing:border-box;border-top:1px solid #232c36;color:#91a1b5;background:#0a0d11f5;font:500 13px system-ui,sans-serif}#menu-footer nav{display:flex;align-items:center;gap:24px}#menu-footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:#b6c3d2;text-underline-offset:.3em}#menu-footer #menu-about{color:#e8eef5}.menu-maker{display:inline-flex;align-items:center;gap:.35em}#menu-footer a:hover{color:#5fd8f5}#menu-footer a:focus-visible,#loading a:focus-visible,#about a:focus-visible{outline:2px solid #5fd8f5;outline-offset:3px}@media (max-width: 600px){#menu-footer nav{gap:12px}body[data-booted=true][data-menu=title] #menu-footer{--menu-inset: 16px;font-size:12px}}@keyframes route-flow{to{stroke-dashoffset:-48}}@media (max-width: 600px) and (orientation: portrait){html[data-startup=loading] #loading{flex-direction:column;align-items:flex-start;padding:2rem;gap:2rem}.loading-mark{width:min(75vw,320px)}}@media (prefers-reduced-motion: reduce){.loading-flow{animation:none}}
