:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#12161d;color:#e8e9ec;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:32px 24px 48px}nav{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:36px;font-size:.9rem}a{color:#edba58;text-underline-offset:4px}h1{font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.05em;line-height:1.1;margin:12px 0 20px}.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#aab4c1}.intro{font-size:1.15rem;max-width:55ch}p{max-width:68ch}kbd{border:1px solid #64748b;border-radius:4px;padding:1px 5px}button{font:inherit;padding:9px 16px;border:0;border-radius:5px;background:#edba58;color:#171a20;font-weight:650;cursor:pointer}button:disabled{opacity:.4;cursor:default}.load{margin:24px 0}.load p{color:#b0bbc8;font-size:.9rem}.game{width:fit-content;max-width:100%;margin:32px auto;background:#1b2430;border:1px solid #3c4654;border-radius:8px;overflow:hidden}.canvas-wrap{line-height:0;max-width:100%;overflow:auto}canvas{max-width:100%;height:auto;background:#0d1117;touch-action:none}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px}.controls label{font-size:.85rem;margin-left:auto}input[type=range]{width:100px;accent-color:#edba58}footer{font-size:.85rem;color:#aab4c1;margin-top:32px}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f6d89d;outline-offset:3px}@media(max-width:520px){main{padding:24px 14px}.controls{gap:7px}.controls button{padding:7px 12px}input[type=range]{width:78px}}