:root{--ink:#2d1d12;--paper:#f3dfae;--paper-light:#fff3ce;--green:#667744;--sky:#d9e7c5;--focus:#176b87}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#342319;display:grid;place-items:center;font-family:ui-monospace,"Courier New",monospace}.error-page{width:min(940px,94vw);margin:2rem auto;padding:clamp(1rem,4vw,2.5rem);background:var(--paper);border:8px solid var(--ink);box-shadow:10px 10px 0 #160f0b;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:bold}h1{font-size:clamp(1.8rem,5vw,3.2rem);margin:.25em 0}.game-card{margin-top:1.5rem;border:4px solid var(--ink);background:var(--paper-light);padding:1rem}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.game-heading h2{margin:0}.game{height:280px;position:relative;overflow:hidden;border:4px solid var(--ink);background:linear-gradient(var(--sky) 0 74%,#b5a269 74%);touch-action:manipulation;cursor:pointer}.game:focus-visible,button:focus-visible,a:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.sun{position:absolute;width:44px;height:44px;right:9%;top:12%;background:#e7b840;box-shadow:0 0 0 5px #8b6729}.ground{position:absolute;left:0;right:0;bottom:35px;border-top:5px dashed var(--ink)}.runner{position:absolute;left:9%;bottom:39px;width:96px;height:72px;background:center/contain no-repeat;image-rendering:pixelated;z-index:2}.runner.jump{bottom:116px}.obstacle{position:absolute;bottom:39px;width:96px;height:72px;background:center/contain no-repeat;image-rendering:pixelated}.game-message{position:absolute;inset:12px auto auto 50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:.35rem .55rem;background:var(--paper-light);border:2px solid var(--ink);font-weight:bold;z-index:3}.actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}button,a{font:inherit;font-weight:bold;color:var(--paper-light);background:var(--ink);border:3px solid var(--ink);padding:.65rem 1rem;text-decoration:none}button{cursor:pointer}.motion-note{display:none;font-weight:bold}@media(max-width:560px){.game-heading{display:block}.game{height:220px}.runner{left:3%}}@media(prefers-reduced-motion:reduce){.game{cursor:default}.motion-note{display:block}.game-message{display:none}}