:root{color-scheme:dark;--bg:#0b1412;--panel:#13201b;--border:#293b30;--green:#b8ed76;--text:#eff3e9;--muted:#9aaa9b;--dim:#6e836f;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans)}button,select,input{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{height:74px;padding:0 5%;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:13px}.brand-mark{height:30px;width:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--green);color:var(--green);font-size:19px;letter-spacing:0}.brand-light{font-weight:400;color:var(--muted);margin-left:-8px}.lab-link{font-size:10px;color:var(--muted);margin-left:auto}.connection{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.8px;color:var(--muted)}.connection i,.runtime-bar i{height:6px;width:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#658262}.connection i.ready,.runtime-bar i.ready{background:var(--green);box-shadow:0 0 12px #b8ed7640}.connection i.busy,.runtime-bar i.busy{background:#d9d285;animation:pulse 1.5s ease-in-out infinite}.connection i.error,.runtime-bar i.error{background:#db986e}main{max-width:1600px;margin:0 auto;padding:0 5%}.intro{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center;padding:45px 0 32px}.eyebrow{font:9px var(--mono);letter-spacing:1.3px;color:var(--green);margin:0 0 16px}h1{font-size:clamp(30px,3.5vw,49px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin:0 0 15px}h1 span{color:var(--green)}.intro-copy{font-size:12px;color:var(--muted);margin:0;line-height:1.75}.build-note{border-left:1px solid #688a4e;padding-left:21px}.build-note>span{font:8px var(--mono);letter-spacing:1px;color:var(--green)}.build-note p{font-size:11px;color:var(--muted);line-height:1.8;margin:9px 0 0}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.player-column{min-width:0}.display-wrap{position:relative;height:570px;background:#020604;border:1px solid var(--border);overflow:hidden}.display-wrap:fullscreen{width:100vw;height:100vh;border:0}.display-wrap canvas{display:block;width:100%;height:100%;outline-offset:-3px;image-rendering:pixelated;background:#000}.display-wrap.smooth canvas{image-rendering:auto}.screen-labels{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:8px var(--mono);letter-spacing:.7px;color:#99ac8f;opacity:.8;text-shadow:0 1px 5px black}.start-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 25px;background:radial-gradient(ellipse at 50% 35%,#17281d 0,#0c1610 42%,#080e0a 80%)}.start-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(#4c69551c 1px,transparent 1px),linear-gradient(90deg,#4c69551c 1px,transparent 1px);background-size:35px 35px}.start-panel>*{position:relative}.start-icon{width:43px;height:43px;border:1px solid #6b964a;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;margin:3px 0 25px}.start-icon span{width:11px;height:11px;background:var(--green)}.start-eyebrow{font:8px var(--mono);letter-spacing:2.2px;color:var(--green);margin:0 0 12px}.start-panel h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;margin:0 0 9px}.start-description{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.play-button{display:block;background:var(--green);color:#172411;border:1px solid var(--green);padding:12px 24px;font-size:12px;font-weight:600;min-width:195px}.play-button:hover{background:#c9f796}.download-note{max-width:355px;font-size:10px;line-height:1.8;color:#86977f;margin:17px 0 0}.download-note b{font-weight:500;color:#b9cca9}.progress-panel,.error-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90%);padding:29px;background:#132118;border:1px solid #47683a}.stage-label,.error-panel>span{font:9px var(--mono);letter-spacing:1.5px;color:var(--green)}.progress-panel h2,.error-panel h2{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:13px 0 8px}.progress-panel>p,.error-panel>p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.progress-track{height:3px;background:#31452c;margin:24px 0 10px;overflow:hidden}.progress-track>div{height:100%;background:var(--green);width:0;transition:width .2s}.progress-track.indeterminate>div{width:35%;animation:slide 1.8s linear infinite}.progress-meta{display:flex;justify-content:space-between;font:9px var(--mono);color:#b0ce98;gap:10px}.progress-panel .progress-hint{font-size:10px;color:var(--dim);margin-top:18px}.error-panel{border-color:#886844}.error-panel>span{color:#e3b98b}.error-panel .play-button{margin:20px 0 14px}.error-panel .error-hint{font-size:10px;color:var(--dim)}.error-panel #error-message{overflow-wrap:anywhere}.runtime-notice{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);padding:8px 12px;border:1px solid #425339;background:#122014dd;font:8px var(--mono);color:#b0c39e;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}.paused-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060d0799;gap:20px;z-index:3}.paused-overlay span{font:14px var(--mono);color:var(--green);letter-spacing:4px}.paused-overlay button{color:#d8eac7;background:#20311b;border:1px solid #648a48;padding:10px 20px;font-size:12px}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:2}.display-wrap.crt .scanlines{opacity:1;background:linear-gradient(#0000 50%,#0004 50%);background-size:100% 4px;box-shadow:inset 0 0 95px #0009}.player-toolbar{height:55px;display:flex;justify-content:space-between;align-items:center;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 13px;gap:10px;background:#111d16}.playback-controls,.display-controls{display:flex;align-items:center;gap:13px}.player-toolbar button{border:0;background:none;font-size:11px;color:#c0d8ad;padding:8px 3px}.player-toolbar button:hover:enabled{color:var(--green)}.player-toolbar select{appearance:none;border:1px solid #35492f;color:#baceac;background:#17261a;padding:6px 23px 6px 9px;font-size:10px;background-image:linear-gradient(45deg,transparent 50%,#a7cb86 50%),linear-gradient(135deg,#a7cb86 50%,transparent 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat;background-position:calc(100% - 11px) 10px,calc(100% - 7px) 10px}.player-toolbar kbd{font-size:8px;padding:2px 4px;margin-left:5px;border-color:#354c30;color:#8ca576}.runtime-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:44px;border:1px solid var(--border);padding:11px 14px;font:8px var(--mono);color:var(--dim)}.runtime-bar>span:first-child{display:flex;align-items:center;gap:7px;color:#a1bc8f}.runtime-bar #input-readout{font-size:7px;letter-spacing:.8px}.side-panel{padding:22px;background:var(--panel);border:1px solid var(--border);align-self:start}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.panel-heading h2{font-size:16px;font-weight:500;margin:0}.panel-heading>span{font:8px var(--mono);letter-spacing:1px;color:var(--dim)}.controls-hint{font-size:10px;color:var(--dim);line-height:1.75;margin:0 0 15px}.key-map>div{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:29px;font-size:11px;color:#b4c6a9}.key-map>div>span:last-child{display:flex;gap:4px}kbd{background:#0c1811;border:1px solid #3a5133;border-bottom-width:2px;padding:2px 5px;font:9px var(--mono);color:#c2d8af;white-space:nowrap;min-width:21px;text-align:center}.key-map .key-action{display:flex;align-items:center;gap:5px}.key-action.cross{color:#a2c3d3}.key-action.circle{color:#d69c8a}.key-action.square{color:#c5a1cf}.key-action.triangle{color:#a9c99b}.panel-divider{height:1px;background:var(--border);margin:20px 0}.toggle-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:37px;font-size:11px;color:#c3d4b8;cursor:pointer}.toggle-row>span:first-child{display:flex;flex-direction:column}.toggle-row small{font-size:8px;color:var(--dim);margin-top:2px}.toggle-row input{position:absolute;opacity:0;right:0;width:29px;height:16px;margin:0;cursor:pointer}.toggle{width:29px;height:14px;position:relative;background:#344632;flex-shrink:0;border-radius:1px;pointer-events:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:#7f9975;transition:transform .15s}.toggle-row input:checked+.toggle{background:#537139}.toggle-row input:checked+.toggle:after{transform:translateX(15px);background:var(--green)}.toggle-row input:focus-visible+.toggle{outline:2px solid var(--green);outline-offset:4px}.side-panel h3{font-size:12px;font-weight:500;margin:0 0 7px}.state-hint{font-size:9px;color:var(--dim);line-height:1.8;margin:0 0 13px}.state-buttons{display:flex;gap:8px}.state-buttons button{flex:1;border:1px solid #425d34;background:none;color:#bfd5ac;font-size:10px;padding:8px 4px}.state-buttons button:enabled:hover{background:#263922}.save-feedback{font-size:8px;color:var(--dim);line-height:1.6;margin:9px 0 0;min-height:13px}.diagnostics{margin-top:21px;border-top:1px solid var(--border);padding-top:11px}.diagnostics summary{font-size:9px;color:#9ab485;cursor:pointer}.diagnostics>div{display:flex;justify-content:space-between;font-size:8px;color:var(--dim);gap:10px;margin-top:9px}.diagnostics code{font:8px var(--mono);color:#b0c99f}.build-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:42px 0 33px}.build-evidence>div{border-top:1px solid #415637;padding-top:18px}.evidence-number{font:9px var(--mono);color:var(--green)}.build-evidence h3{font-size:14px;font-weight:500;margin:10px 0 8px}.build-evidence p{font-size:10px;color:var(--muted);line-height:1.85;margin:0;max-width:370px}footer{border-top:1px solid var(--border);padding:22px 0 28px;display:flex;justify-content:space-between;gap:24px;font:8px var(--mono);color:var(--dim)}footer>span:first-child{font-size:7px;letter-spacing:.7px;color:#8d9e83;white-space:nowrap}footer>span:nth-child(2){font-family:var(--sans)}footer a{color:#b1ce96;white-space:nowrap}.touch-controls{position:absolute;inset:42px 15px 14px;z-index:4;pointer-events:none;touch-action:none;user-select:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none; -webkit-user-select:none;background:#101e1490;border:1px solid #638549aa;color:#d4e8c3;min-width:36px;min-height:32px}.touch-controls button.pressed{background:#9ac969cc;color:#13220f;border-color:#c5eaa9}.touch-shoulders{display:flex;gap:9px}.touch-shoulders button{font:10px var(--mono);width:40px}.touch-shoulders button:nth-child(3){margin-left:auto}.touch-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;left:0;right:0;gap:16px}.dpad{display:grid;grid-template-columns:36px 36px 36px;grid-template-rows:36px 36px 36px;gap:2px}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad>span{grid-column:2;grid-row:2;background:#10211655}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.facepad{display:grid;grid-template-columns:38px 38px 38px;grid-template-rows:36px 36px 36px;gap:3px}.facepad button{font-size:25px;border-radius:50%;line-height:1}.face-triangle{grid-column:2;grid-row:1}.face-square{grid-column:1;grid-row:2}.face-circle{grid-column:3;grid-row:2}.face-cross{grid-column:2;grid-row:3}.touch-middle{display:flex;gap:8px;margin-bottom:5px;align-self:flex-end}.touch-middle button{font:7px var(--mono);min-height:23px;padding:5px 7px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;padding:11px 18px;background:#243923;border:1px solid #5c7f40;color:#d9eacb;font-size:11px;max-width:90%;text-align:center}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.45}}@keyframes slide{from{transform:translateX(-110%)}to{transform:translateX(380%)}}@media(min-width:1450px){.display-wrap{height:645px}}@media(max-width:1100px){.player-layout{grid-template-columns:minmax(0,1fr) 249px;gap:16px}.side-panel{padding:19px}.display-wrap{height:540px}.intro{grid-template-columns:1fr 270px;gap:30px}h1{font-size:38px}.runtime-bar #input-readout{display:none}}@media(max-width:800px){.topbar{height:62px;padding:0 5%;gap:15px}.lab-link{display:none}.connection{margin-left:auto;font-size:7px}.brand{font-size:11px;letter-spacing:1px}.brand-light{margin-left:-5px}.brand-mark{width:26px;height:26px;font-size:17px}main{padding:0 4%}.intro{display:block;padding:31px 0 24px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:33px;letter-spacing:-1.5px}.intro-copy{font-size:11px}.build-note{margin-top:20px;padding-left:15px}.build-note>span{font-size:7px}.build-note p{font-size:10px;max-width:540px;margin-top:6px}.player-layout{grid-template-columns:1fr;gap:18px}.display-wrap{height:clamp(360px,65vw,540px)}.side-panel{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.panel-heading,.controls-hint{grid-column:1/-1}.key-map{grid-column:1}.key-map>div{min-height:27px}.side-panel>.panel-divider{grid-column:1/-1}.side-panel>.toggle-row,.side-panel>h3,.state-hint,.state-buttons,.save-feedback,.diagnostics{grid-column:1/-1}.side-panel>.panel-divider:first-of-type{margin-top:19px}.key-map{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.key-map>div:first-child{grid-column:1/-1;margin-bottom:8px}.key-map>div:last-child{grid-column:1/-1}.runtime-bar{font-size:7px;gap:10px}.runtime-bar #input-readout{display:block}.build-evidence{padding:32px 0;gap:24px}.build-evidence h3{font-size:13px}.build-evidence p{font-size:9px}footer{flex-wrap:wrap;gap:15px}footer>span:nth-child(2){order:3;flex-basis:100%}}@media(max-width:480px){.display-wrap{height:355px}.start-panel{padding:35px 20px}.start-icon{width:32px;height:32px;margin:0 0 20px}.start-panel h2{font-size:30px}.start-description{font-size:10px;margin-bottom:18px}.start-eyebrow{font-size:7px}.download-note{font-size:8px;max-width:285px;margin-top:14px}.play-button{font-size:11px;padding:10px 20px}.screen-labels{font-size:6px;top:13px;left:13px;right:13px}.player-toolbar{padding:0 9px;height:50px}.player-toolbar button{font-size:9px}.player-toolbar kbd{display:none}.playback-controls,.display-controls{gap:10px}.player-toolbar select{font-size:8px}.display-controls button>span{display:none}.display-controls button{font-size:17px}.runtime-bar #input-readout{display:none}.runtime-bar{padding:10px}.intro{padding-top:27px}h1{font-size:29px}.build-evidence{grid-template-columns:1fr;gap:21px}.build-evidence p{font-size:10px}.build-evidence>div{padding-top:15px}.build-evidence h3{margin:8px 0 6px}.progress-panel,.error-panel{padding:22px}.progress-panel h2,.error-panel h2{font-size:18px}.progress-panel>p,.error-panel>p{font-size:11px}.touch-controls{inset:34px 9px 10px}.dpad{grid-template-columns:31px 31px 31px;grid-template-rows:31px 31px 31px;gap:1px}.facepad{grid-template-columns:31px 31px 31px;grid-template-rows:31px 31px 31px;gap:2px}.touch-controls button{min-width:30px;min-height:29px}.touch-shoulders button{width:34px;min-height:25px;font-size:9px}.touch-middle{gap:5px}.touch-middle button{font-size:6px;padding:4px 5px;min-height:21px}.facepad button{font-size:22px}.runtime-notice{font-size:6px;bottom:10px}.side-panel{padding:19px}.key-map{gap:0 20px}}@media(max-height:500px) and (orientation:landscape){.display-wrap:fullscreen .touch-controls{inset:25px 25px 15px}.display-wrap:fullscreen .screen-labels{top:10px}.display-wrap:fullscreen .touch-middle{margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.connection i.busy,.runtime-bar i.busy,.progress-track.indeterminate>div{animation:none}.toggle:after,.progress-track>div{transition:none}}

.port-label{display:block;font-size:10px;color:#b4c6a9;margin:0 0 7px}.port-select{appearance:none;width:100%;border:1px solid #405a34;background:#0f1b13;color:#c9deb6;padding:8px 12px;font-size:10px}.port-hint{font-size:8px;color:var(--dim);margin:7px 0 14px;line-height:1.6}.key-action small{font:7px var(--sans);color:var(--dim);margin-left:3px}.side-panel>.port-label,.side-panel>.port-select,.side-panel>.port-hint{grid-column:1/-1}

.source-distribution{border-top:1px solid var(--border);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.source-distribution h3{font-size:12px;font-weight:500;margin:0 0 6px}.source-distribution p{font-size:9px;color:var(--muted);line-height:1.7;margin:0}.source-distribution p.source-status{font-size:8px;color:var(--dim);margin-top:7px}.source-distribution button{background:none;border:1px solid #47633b;color:#c0d9a8;font-size:10px;padding:10px 16px;white-space:nowrap}.source-distribution button:enabled:hover{background:#21341e}@media(max-width:480px){.source-distribution{align-items:flex-start;flex-direction:column;gap:15px}.source-distribution button{font-size:10px}}