:root{font-family:system-ui,sans-serif;color:#e8e5d9;background:#11151a;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{width:min(1060px,94%);margin:36px auto}.eyebrow{color:#efc653;letter-spacing:.22em;font-size:.75rem}h1{font-size:clamp(2.5rem,8vw,5rem);margin:10px 0;letter-spacing:-.05em}h1 span{display:inline-block;margin-left:20px;color:#efc653;font-size:.22em;letter-spacing:.13em}p{line-height:1.6;color:#b9c0c8}.load-panel,article{border:1px solid #34404d;background:#1b222b;padding:20px;border-radius:8px}.load-panel label{display:block;margin-bottom:12px;font-weight:600}.load-panel p{margin-bottom:0;font-size:.85rem}button,input::file-selector-button{padding:10px 16px;background:#efc653;color:#171b20;border:0;border-radius:4px;cursor:pointer;font:inherit;font-weight:650}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}input{max-width:100%;margin:0 12px 12px 0}#status{min-height:26px;color:#efc653}#status.error{color:#ff9898}.screen{background:#050609;border:1px solid #34404d}#game{width:100%;height:min(70vw,680px);min-height:280px}canvas{image-rendering:pixelated}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 28px}.toolbar button{background:#303e4d;color:#f5f1e3}.toolbar button[aria-pressed=true]{background:#705c28}.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}h2{margin-top:0}kbd{background:#354150;padding:2px 6px;border-radius:3px;color:#fff}footer{font-size:.8rem;color:#929eab;padding:24px 0}@media(max-width:680px){.notes{grid-template-columns:1fr}h1 span{display:block;margin:10px 0}}