:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1019;color:#e8edf4;--accent:#b4e09a}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1280px;margin:auto;padding:20px 32px}header{border-bottom:1px solid #263140}header p{color:#a3b2c5;font-size:14px;margin:4px 0}h1{font-size:28px;letter-spacing:-1px;margin:0}.stage{min-width:0}.screen{border:1px solid #344256;border-radius:12px;overflow:hidden;background:#000}iframe{display:block;width:100%;border:0;aspect-ratio:4/3}iframe:fullscreen{width:100%;height:100%;background:#000}.toolbar,.controls,.actions,.directions{display:flex;flex-wrap:wrap;gap:10px}.toolbar{margin-top:12px}.controls{justify-content:space-between;margin-top:14px}.actions{align-items:center}button{border:1px solid #40516a;border-radius:7px;padding:10px 14px;background:#1c293b;color:#e8edf4;font:inherit;font-size:14px;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.controls button{min-height:52px;min-width:56px;touch-action:none;user-select:none}.directions button{font-size:22px}#status,.hint,.keys{font-size:13px;color:#9fb0c5;line-height:1.6}#status[data-state=runtime-error]{color:#ffb8b8}.keys strong{color:#e8edf4;font-weight:550}footer{padding-top:0;color:#8b9db4;font-size:12px;line-height:1.7}@media(max-width:600px){header,main,footer{padding:16px}.controls{gap:14px}.toolbar button{flex:1}.actions{width:100%}.actions button{flex:1}h1{font-size:24px}}