*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--phosphor:#39ff14;--phosphor-dim:#22991a;--phosphor-glow:#39ff1440;--phosphor-glow-strong:#39ff1480;--amber:#ffb000;--amber-dim:#960;--bg:#060a06;--bg-panel:#0a0f0a;--bg-raised:#0f160f;--border:#1a2a1a;--border-hi:#2a4a2a;--text:#7aaa7a;--text-dim:#3a5a3a;--text-hi:#ada;--mono:"Share Tech Mono", "Courier New", monospace;--display:"Orbitron", "Share Tech Mono", monospace;font-family:var(--mono);color:var(--text);background:var(--bg);font-size:12px;line-height:1.5}body{background:var(--bg);min-height:100vh;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex;position:relative}#header{border-bottom:1px solid var(--border-hi);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative;overflow:hidden}#header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#39ff1404 3px 4px);position:absolute;inset:0}.header-left{align-items:center;gap:16px;display:flex}.logo-mark{flex-direction:column;gap:3px;display:flex}.logo-block{background:var(--phosphor);height:4px;box-shadow:0 0 8px var(--phosphor-glow-strong);display:block}.logo-block:first-child{width:20px}.logo-block:nth-child(2){width:14px}.logo-block:nth-child(3){width:8px}.title-group{line-height:1.1}.title{font-family:var(--display);letter-spacing:.1em;color:var(--phosphor);text-shadow:0 0 20px var(--phosphor-glow-strong), 0 0 40px var(--phosphor-glow);font-size:28px;font-weight:900}.dash{color:var(--phosphor-dim);margin:0 2px}.subtitle{font-family:var(--mono);letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase;font-size:9px}.header-right{align-items:center;gap:8px;display:flex}.status-light{background:var(--phosphor);width:8px;height:8px;box-shadow:0 0 10px var(--phosphor);border-radius:50%;animation:2s ease-in-out infinite pulse-light}@keyframes pulse-light{0%,to{opacity:1;box-shadow:0 0 10px var(--phosphor)}50%{opacity:.4;box-shadow:0 0 4px var(--phosphor)}}.status-text{font-family:var(--mono);letter-spacing:.15em;color:var(--phosphor-dim);font-size:10px}.main-layout{flex:1;gap:0;display:flex}.controls-col{border-right:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;width:180px;padding:12px 0;overflow-y:auto}.ctrl-group{border-bottom:1px solid var(--border);padding:10px 12px}.ctrl-group:last-child{border-bottom:none}.ctrl-label{letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase;margin-bottom:8px;font-size:9px}.ctrl-select{background:var(--bg-raised);border:1px solid var(--border-hi);width:100%;color:var(--text-hi);font-family:var(--mono);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237aaa7a'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:5px 24px 5px 8px;font-size:11px}.ctrl-select:focus{border-color:var(--phosphor-dim);box-shadow:0 0 6px var(--phosphor-glow)}.ctrl-select option{background:var(--bg-panel);color:var(--text-hi)}.file-btn{letter-spacing:.12em;color:var(--text);border:1px solid var(--border-hi);cursor:pointer;text-align:center;margin-top:6px;padding:5px 8px;font-size:10px;transition:all .15s;display:block}.file-btn:hover{border-color:var(--phosphor-dim);color:var(--phosphor);background:#39ff140d}.file-btn input[type=file]{display:none}.key-hint{color:var(--text-dim);min-height:12px;margin-top:6px;font-size:9px;line-height:1.4}.btn-row{gap:4px;margin-bottom:4px;display:flex}.btn-row:last-child{margin-bottom:0}.btn{font-family:var(--mono);letter-spacing:.1em;color:var(--text);background:var(--bg-raised);border:1px solid var(--border-hi);cursor:pointer;white-space:nowrap;text-transform:uppercase;flex:1;padding:6px 4px;font-size:9px;transition:all .12s}.btn:hover{color:var(--phosphor);border-color:var(--phosphor-dim);box-shadow:0 0 8px var(--phosphor-glow);background:#39ff140d}.btn:active{transform:translateY(1px)}.btn.btn-primary{color:var(--phosphor);border-color:var(--phosphor-dim);text-shadow:0 0 8px var(--phosphor-glow-strong);background:#39ff1414}.btn.btn-primary:hover{box-shadow:0 0 12px var(--phosphor-glow-strong);background:#39ff1426}.btn.hidden{display:none}.color-row{gap:8px;margin-bottom:8px;display:flex}.color-label{letter-spacing:.1em;color:var(--text-dim);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}.color-input{border:1px solid var(--border-hi);background:var(--bg-raised);cursor:pointer;width:32px;height:22px;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none}.toggle-label{letter-spacing:.1em;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:9px;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-track{background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:7px;flex-shrink:0;width:28px;height:14px;transition:background .2s,border-color .2s;position:relative}.toggle-thumb{background:var(--text-dim);border-radius:50%;width:8px;height:8px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle-label input:checked+.toggle-track{border-color:var(--phosphor-dim);background:#39ff141f}.toggle-label input:checked+.toggle-track .toggle-thumb{background:var(--phosphor);box-shadow:0 0 6px var(--phosphor);transform:translate(14px)}.keymap-section .ctrl-label{margin-bottom:6px}.keymap-grid{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.km-row{align-items:center;gap:3px;font-size:9px;display:flex}.km-chip{color:var(--phosphor-dim);text-align:center;width:12px;font-weight:700}.km-arr{color:var(--text-dim);font-size:8px}.km-key{color:var(--text);background:var(--bg-raised);border:1px solid var(--border-hi);letter-spacing:0;justify-content:center;align-items:center;width:16px;height:14px;font-size:8px;display:flex}.screen-col{background:var(--bg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.screen-col:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}#screen-wrap{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}#screen-wrap.drag-over .screen-bezel{border-color:var(--phosphor);box-shadow:0 0 30px var(--phosphor-glow-strong), inset 0 0 20px var(--phosphor-glow)}.screen-bezel{background:#050905;border:2px solid #1e2e1e;border-radius:4px;padding:20px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 0 0 1px #0a120a,0 0 40px #000c,inset 0 0 20px #00000080}.screen-corners{pointer-events:none}.sc{border-color:var(--phosphor-dim);opacity:.6;border-style:solid;width:12px;height:12px;position:absolute}.sc-tl{border-width:1px 0 0 1px;top:8px;left:8px}.sc-tr{border-width:1px 1px 0 0;top:8px;right:8px}.sc-bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.sc-br{border-width:0 1px 1px 0;bottom:8px;right:8px}.screen-inner{line-height:0;position:relative;overflow:hidden}#screen{image-rendering:pixelated;display:block}.crt-overlay{pointer-events:none;background:radial-gradient(#0000 60%,#0006 100%);border-radius:2px;position:absolute;inset:0}.drop-hint{letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-size:9px}.debugger-panel{border-left:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;width:260px;padding:8px 0;font-size:10px;overflow-y:auto}.debugger-panel.hidden{display:none}.dbg-section{border-bottom:1px solid var(--border);padding:8px 12px}.dbg-title{letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;font-size:8px}.dbg-regs{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.dbg-reg{border:1px solid var(--border);background:var(--bg-raised);flex-direction:column;align-items:center;padding:3px;display:flex}.dbg-reg.vf{border-color:var(--amber-dim)}.dbg-reg-name{color:var(--text-dim);letter-spacing:.05em;font-size:7px}.dbg-reg-val{color:var(--phosphor);font-size:11px;font-family:var(--mono)}.dbg-stack{flex-direction:column;gap:2px;display:flex}.dbg-stack-entry{gap:8px;font-size:10px;display:flex}.dbg-idx{color:var(--text-dim)}.dbg-val{color:var(--text-hi)}.dbg-empty{color:var(--text-dim);font-size:9px;font-style:italic}.dbg-disasm{flex-direction:column;gap:1px;display:flex}.dbg-instr{font-size:9px;font-family:var(--mono);border-radius:2px;gap:6px;padding:1px 3px;display:flex}.dbg-instr.current{border-left:2px solid var(--phosphor);background:#39ff141a;padding-left:4px}.dbg-addr{color:var(--amber-dim);flex-shrink:0;width:26px}.dbg-op{color:var(--text-dim);flex-shrink:0;width:36px}.dbg-mnem{color:var(--text-hi);font-size:9px}.dbg-instr.current .dbg-mnem{color:var(--phosphor)}.dbg-mem{flex-direction:column;gap:2px;display:flex}.dbg-mem-row{flex-wrap:wrap;align-items:center;gap:3px;font-size:8px;display:flex}.dbg-mem-row .dbg-addr{color:var(--amber-dim);flex-shrink:0;width:26px;font-size:8px}.dbg-byte{color:var(--text-dim);text-align:center;width:16px}.dbg-byte.pc-byte{color:var(--phosphor);background:#39ff1426}.dbg-keys{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.dbg-key{text-align:center;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-dim);border-radius:2px;padding:3px;font-size:10px;transition:all .1s}.dbg-key.active{color:var(--phosphor);border-color:var(--phosphor-dim);box-shadow:0 0 6px var(--phosphor-glow);background:#39ff1426}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hi)}::-webkit-scrollbar-thumb:hover{background:var(--phosphor-dim)}