@font-face{font-family:Plex;src:url(IBMPlexMono-Regular.ttf) format('truetype');font-display:swap}
:root{color-scheme:dark;background:#0d1417;color:#dce3dc;font-family:Plex,'Courier New',monospace;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;padding:0 32px;background:radial-gradient(ellipse at 50% 35%,#182326 0%,#0d1417 72%)}
.brandbar{width:min(1280px,100%);margin:0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293638}
.brand{display:flex;align-items:center;gap:0;color:#e2e7de;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-1.1px}.seedmark{color:#cddd9c;font-size:35px;line-height:1;margin-right:13px}.brand-light{font-weight:400;color:#889b98}.lab{font-weight:400;letter-spacing:1px;color:#758887;font-size:11px;margin-left:24px}.experiment{font-size:10px;letter-spacing:1.8px;color:#9caca4;display:flex;align-items:center;gap:10px}.experiment>span{display:inline-block;height:5px;width:5px;background:#cddd9c;border-radius:50%}
main{width:min(1280px,100%);margin:0 auto}.game-frame{position:relative;width:100%;aspect-ratio:1280/900}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}canvas:focus-visible{outline:1px solid #cddd9c;outline-offset:3px}#loading,#load-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#10191c;color:#96a9a5;text-align:center;padding:30px}#loading strong,#load-error strong{color:#e2e7de;font-size:22px;font-weight:400}#loading>span:last-child{font-size:12px}.loading-mark{color:#cddd9c;font-size:50px;animation:pulse 2s infinite}#load-error p{max-width:450px;line-height:1.7;font-size:13px}#load-error button{border:0;background:#cddd9c;color:#18201b;font:inherit;padding:12px 18px;cursor:pointer}[hidden]{display:none!important}.mobile-hint{display:none}footer{width:min(1280px,100%);margin:0 auto;padding:24px 0 30px;border-top:1px solid #293638;display:flex;justify-content:space-between;gap:20px;color:#778a86;font-size:10px;letter-spacing:.5px}.footer-dot{padding:0 7px;color:#cddd9c}@keyframes pulse{50%{opacity:.25;transform:rotate(45deg)}}
@media(min-width:1400px){body{padding:0 60px}.brandbar{height:90px}}
@media(max-width:700px){body{padding:0 12px}.brandbar{height:62px}.brand{font-size:16px}.seedmark{font-size:28px;margin-right:7px}.lab{display:none}.experiment{font-size:8px;letter-spacing:.8px}.game-frame{min-height:0}.mobile-hint{display:block;font-size:11px;line-height:1.7;color:#8fa09a;padding:12px 8px}footer{font-size:8px;flex-direction:column;gap:10px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){.loading-mark{animation:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}