:root{color-scheme:dark;--bg:#0f1427;--surface:#191f39;--line:#546386;--text:#f3f5ff;--muted:#bcc8e2;--accent:#9bf1d7;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}header{display:flex;gap:1.5rem;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid var(--line)}a{color:var(--accent)}.brand{font-weight:750;text-decoration:none}main{max-width:1370px;margin:auto;padding:clamp(1rem,4vw,3rem)}.intro h1{font-size:clamp(2.15rem,6vw,4rem);line-height:1.04;margin:.35rem 0;letter-spacing:-.04em}.eyebrow{font-size:.74rem;font-weight:750;letter-spacing:.13em;color:var(--accent)}.intro p:last-child{color:var(--muted);max-width:63ch;margin-bottom:1.5rem}.tabs,.controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.workbench{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;min-width:0;padding:1rem}.card h2{margin:0 0 .45rem;font-size:1.22rem}button,textarea,input,select{font:inherit;color:inherit;background:#10172b;border:1px solid var(--line);border-radius:.45rem;padding:.42rem .65rem}button{font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover,button[aria-pressed=true],button[aria-current=true]{border-color:var(--accent);color:var(--accent)}.primary,.primary:hover{background:var(--accent);color:#15252b;border-color:var(--accent)}label{display:block}label:not(.check) input,label select{display:block;max-width:100%}textarea{display:block;width:100%;resize:vertical;margin:.3rem 0 .6rem;font: .88rem/1.5 ui-monospace,monospace}canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.4rem;image-rendering:pixelated}.hud{font-weight:750;color:var(--accent)}.actions{margin-top:.65rem}.actions button{touch-action:none}.small{font-size:.87rem;color:var(--muted)}summary{cursor:pointer;color:var(--accent);margin-top:.65rem}pre{overflow:auto;max-height:18rem;white-space:pre-wrap;overflow-wrap:anywhere;font: .84rem/1.45 ui-monospace,monospace}#status{min-height:1.2em}.tile-grid{display:grid;grid-template-columns:repeat(16,2rem);gap:.16rem;padding:.5rem}.pixels{grid-template-columns:repeat(5,2.3rem)}.grid-scroll{overflow:auto}.tile-grid button{width:100%;height:2rem;padding:0;border-radius:.22rem}.tile-grid button[data-mark="#"]{background:#384c73}.tile-grid button[data-mark="S"],.tile-grid button[data-mark="E"],.tile-grid button[data-mark="1"]{background:#196452}.tile-grid button[data-mark="*"],.tile-grid button[data-mark="2"]{background:#e6ba67;color:#171a22}.tile-grid button[data-mark="!"],.tile-grid button[data-mark="M"]{background:#893d54}.tile-grid button.ghost{background:#45516a}#items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.45rem;max-height:23rem;overflow:auto;padding:.3rem}#items button{text-align:left}#brief{margin-top:1rem}.discovery-learning-context{margin-top:1.5rem}:focus-visible{outline:3px solid #ffda80;outline-offset:2px}.skip{position:absolute;top:-20rem}.skip:focus{top:1rem;left:1rem;background:var(--bg)}[hidden]{display:none!important}@media(max-width:780px){.workbench{grid-template-columns:1fr}}