:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8debf;background:#111c1d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1376px;padding:30px 32px 44px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #334442}.wordmark{color:#e8debf;text-decoration:none;font-size:15px;letter-spacing:.23em;font-weight:700}.status,.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9bad9f}.intro{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:30px 0 24px}.eyebrow{color:#bca470;margin:0 0 9px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3vw,39px);line-height:1.15;margin:0}.intro>p{font-size:12px;color:#a8b6aa;line-height:1.6;margin:0}.viewport{background:#090f10;border:1px solid #40524b;width:100%;overflow-x:auto;overflow-y:hidden}#game{width:max-content;margin:auto;line-height:0}canvas{image-rendering:pixelated;display:block}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:17px 0;border-bottom:1px solid #334442}button,select{font:inherit;font-size:12px;border:1px solid #60786b;background:#192b2a;color:#e8debf;border-radius:3px;padding:10px 13px;cursor:pointer}button:hover{background:#28433b}button:active{background:#365547}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e0c280;outline-offset:3px}#play{background:#c5ad77;color:#152021;font-weight:600;border-color:#c5ad77;min-width:106px}#play:hover{background:#dfc894}.scrubber,.fps{font-size:12px;display:flex;align-items:center;gap:9px}.scrubber{flex:1;min-width:180px}input{accent-color:#d9bb7d;width:100%;min-width:60px}#readout{font:11px ui-monospace,monospace;min-width:180px;color:#b6c1b6}.fps select{padding:7px}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;font-size:12px;line-height:1.7;color:#9daea2}.details strong{color:#cec6ac;font-weight:500}#error{color:#fac1a1;white-space:pre-wrap}@media(max-width:760px){main{padding:22px 16px}.intro{display:block}.intro>p{margin-top:16px}.details{grid-template-columns:minmax(0,1fr);gap:0}.status{font-size:9px}.controls{gap:9px}.scrubber{flex-basis:100%}#readout{flex:1}.viewport{max-width:100%}}:root{--ink:#111c1d;--muted:#9bad9f;--bronze:#c5ad77}.header-links{display:flex;gap:24px;align-items:center}.header-links>a{font-size:12px;color:#b8baa4;text-underline-offset:4px}.demo main{max-width:1376px}.demo .viewport{position:relative;min-height:360px}.demo #game{outline:none;cursor:crosshair}.demo #game:focus-visible{outline:1px solid #c5ad77;outline-offset:-2px}.game-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #334442}.key-hints{display:flex;flex-wrap:wrap;gap:18px;color:#9bad9f;font-size:12px}.key-hints>span{white-space:nowrap}kbd{display:inline-block;font-family:inherit;font-size:10px;letter-spacing:.03em;color:#dbd0af;background:#1c2c2b;border:1px solid #43554c;border-radius:3px;padding:3px 6px;margin-right:5px}.game-bar output{margin-left:auto;color:#baae8b;font-size:12px}.game-bar button{padding:8px 13px}.game-bar button:last-child{font-size:19px;padding:3px 11px}.demo #loading{position:absolute;inset:45% 0 auto;text-align:center;pointer-events:none;font:14px Georgia,serif;color:#d1bc8d}.demo .quiet-note{color:#8f9f95}.demo .viewport:fullscreen{display:flex;align-items:center;justify-content:center;background:#050b0c}.demo .viewport:fullscreen #game{margin:auto}@media(max-width:760px){.header-links{gap:12px}.header-links .status{display:none}.game-bar output{order:-1;width:100%;margin:0}.key-hints{gap:8px;flex:1;min-width:190px;font-size:11px}.game-bar{gap:8px}.game-bar button{padding:7px 10px}}