:root{--bg:#07080d;--green:#3dff7a;--amber:#ffb238;--hfont:"Share Tech Mono",monospace;--hmenu:1.2rem;--hname:1.25rem;--hspace:.2em;--chroma:-1.4px 0 #ff2846bf, 1.4px 0 #28dcffbf, 0 0 12px #000000d9}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--green);margin:0;font-family:Courier Prime,monospace;overflow:hidden}#stage{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:10;background:#000;position:fixed;inset:0;overflow:hidden}#bootcv{aspect-ratio:4/3;filter:blur(.9px)saturate(.75)brightness(.92);width:calc(1.73611*min(100vw,133.333vh));height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading:after{content:"";pointer-events:none;background:radial-gradient(#0000 35%,#0000008c 75%,#000000d9 100%);position:absolute;inset:0}#loading.off{animation:.45s ease-out forwards crt-fade}@keyframes crt-fade{to{opacity:0;visibility:hidden}}#loading.done{display:none}#hints{color:#7fbf95;pointer-events:none;z-index:5;background:linear-gradient(#0000,#07080dd9);flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;padding:.5rem 1rem;font:1.1rem VT323,monospace;display:flex;position:fixed;bottom:0;left:0;right:0}#hints b{color:var(--amber);font-weight:400}#toast{opacity:0;color:var(--amber);z-index:6;pointer-events:none;background:#07080dd9;border:1px solid #5a4210;padding:.3rem 1rem;font:1.4rem VT323,monospace;transition:all .3s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%,-20px)}#toast.show{opacity:1;transform:translate(-50%)}#credits{z-index:8;cursor:pointer;background:#07080dcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#credits[hidden]{display:none}#credits .card{border:1px solid var(--green);background:#0a0f0c;max-width:32rem;margin:1rem;padding:1.5rem 2rem;box-shadow:0 0 24px #3dff7a40}#credits h2{margin:0 0 .5rem;font:2rem VT323,monospace}.dim{opacity:.6;font-size:.85rem}#fallback{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#fallback:focus-within,body.no-webgl #fallback{clip-path:none;white-space:normal;width:auto;max-width:40rem;height:auto;padding:2rem;position:static;overflow:auto}body.no-webgl{overflow:auto}body.no-webgl #loading,body.no-webgl #hints,body.no-webgl #stage,body.no-webgl #fps{display:none}#fallback a{color:var(--amber)}#fallback ul{flex-wrap:wrap;gap:.5rem 1.5rem;padding:0;font:1.5rem VT323,monospace;list-style:none;display:flex}#fallback ul li{white-space:nowrap}#fallback ul.work{font:inherit;flex-direction:column;gap:1rem}#fallback ul.work li{white-space:normal}#fallback ul.work a{font:1.5rem VT323,monospace}#fallback .nogl-note{display:none}body.no-webgl #fallback .nogl-note{display:block}#fallback h1{font:2.5rem VT323,monospace}@media (prefers-reduced-motion:reduce){#loading,#toast{transition:none}}canvas{touch-action:none}#topbar{z-index:7;pointer-events:none;background:linear-gradient(#07080db3,#0000);justify-content:space-between;align-items:center;padding:1.1rem 1.6rem;display:flex;position:fixed;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#brand{font:800 var(--hname) var(--hfont);letter-spacing:var(--hspace);color:#efe9d8;text-shadow:var(--chroma);text-decoration:none}#menu{gap:.6rem;display:flex}#menu button{font:500 var(--hmenu) var(--hfont);letter-spacing:var(--hspace);text-transform:uppercase;color:#efe9d8;cursor:pointer;text-shadow:var(--chroma);background:0 0;border:0;padding:.35rem .8rem}#menu button:hover{color:var(--amber)}#menu button.on{color:#0b0b0b;text-shadow:-1.2px 0 #ff284699,1.2px 0 #00aadc99;background:#efe9d8;border-radius:3px}body.no-webgl #topbar{display:none}@media (width<=640px){#topbar{padding:.8rem 1rem}#brand{letter-spacing:.08em;font-size:.72rem}#menu button{letter-spacing:.06em;padding:.25rem .4rem;font-size:.72rem}}#stats{z-index:20;pointer-events:none;color:#9dffbb;white-space:pre;background:#000803b8;border:1px solid #1c5a30;margin:0;padding:6px 10px;font:12px/1.35 Courier Prime,monospace;position:fixed;top:8px;right:8px}
