:root{color-scheme:dark;--bg:#101310;--panel:#191d18;--line:#30362d;--green:#f5c46b;--muted:#939b8c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf0e7;font-family:Arial,Helvetica,sans-serif}header,footer{max-width:1180px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font:700 12px monospace;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:#17210c;font:bold 23px monospace}.edition,.eyebrow,.tag,footer,.screen-label,.toolbar,.player-footer,.session-note{font:11px monospace;letter-spacing:1.2px}.edition{color:var(--muted)}main{max-width:1050px;margin:0 auto;padding:52px 36px 20px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{color:var(--green);margin:0 0 14px}h1{font-size:72px;line-height:1;margin:0;letter-spacing:-4px}h1 span{color:var(--green)}.subtitle{color:var(--muted);font-size:15px;margin:20px 0 0}.tag{border:1px solid var(--line);padding:12px;color:var(--green)}.tag span,.toolbar i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--green);margin-right:8px}.arcade{border:1px solid #414a38;border-radius:10px;overflow:hidden;box-shadow:0 18px 70px #0005;background:#050705}.toolbar,.player-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--panel);color:var(--muted)}button{font:12px monospace;color:#d5dccc;background:transparent;border:1px solid var(--line);border-radius:5px;padding:9px 13px;cursor:pointer}button:hover:enabled{border-color:var(--green);color:var(--green)}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.screen{position:relative;aspect-ratio:4/3;width:min(100%,800px);margin:auto;display:grid;place-items:center;background:#000}canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:none}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#22301b 0%,#0b1009 68%)}.cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0px,#0002 1px,transparent 1px,transparent 4px)}.pixel-mark{font:bold 100px monospace;line-height:1;color:var(--green);text-shadow:6px 6px #40532a;margin-bottom:25px}.screen-label{color:#879775;font-size:9px}.cover h2{font-size:27px;letter-spacing:-1px;margin:14px 0 0}.cover p:not(.screen-label){color:var(--muted);font-size:13px}.primary{position:relative;z-index:1;background:var(--green);color:#19240e;font-weight:bold;border:0;padding:17px 30px;margin-top:18px;box-shadow:0 4px #6a873e}.primary:hover:enabled{color:#19240e;background:#d6ff98}#status{margin-top:20px;max-width:500px;line-height:1.5}.below{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:38px 0}.below h2{font-size:23px;margin:0 0 12px;letter-spacing:-.6px}.below p,details p{color:var(--muted);font-size:13px;line-height:1.8}.keys{display:flex;flex-direction:column;gap:12px;justify-content:center}.keys>div{display:flex;gap:5px;align-items:center}.keys span{color:var(--muted);font-size:12px;margin-left:12px}kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;border:1px solid #414939;border-bottom:3px solid #414939;border-radius:4px;font:12px monospace;padding:0 9px;background:#1d2219}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:12px monospace;color:#c5ccbe}.touch-keys{display:flex;flex-wrap:wrap;gap:10px}.touch-keys button{min-width:48px;min-height:48px;touch-action:none;user-select:none}.touch-keys button.active{background:var(--green);color:#111}.session-note{color:#737e69;letter-spacing:0;font-size:10px}footer{border-top:1px solid var(--line);color:#76816c;margin-top:24px;font-size:10px}#screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#000}#screen:fullscreen canvas{width:100%;height:100%;object-fit:contain}@media(max-width:650px){header,footer{padding:20px}.edition{display:none}main{padding:32px 16px 12px}h1{font-size:54px}.tag{display:none}.intro{margin-bottom:25px}.subtitle{font-size:13px;line-height:1.6}.below{grid-template-columns:1fr;gap:10px}.cover h2{font-size:20px}.pixel-mark{font-size:60px;margin-bottom:8px}.screen-label{display:none}.cover p:not(.screen-label){font-size:11px}.primary{padding:13px 24px;margin-top:8px}footer{font-size:8px;gap:12px}}

h1{font-size:clamp(38px,6vw,68px);letter-spacing:-2px}header{gap:20px}.cover{background:radial-gradient(ellipse at center,#332719 0%,#100d09 68%)}.pixel-mark{text-shadow:6px 6px #6d492a}.primary,.primary:hover:enabled{color:#291c0e}.primary{box-shadow:0 4px #946c32}.primary:hover:enabled{background:#ffda99}