:root{--color-bg: #050a06;--color-panel: #0a140c;--color-panel-edge: #1d3a24;--color-terminal: #33ff66;--color-terminal-dim: #1e9940;--color-amber: #ffb000;--color-danger: #ff3344;--color-solved: #164a26;--color-inert: #3a4a3e;--color-text: #c9ffd6;--color-white: #e8f5ec;--font-mono: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;--art-logo: none;--art-virus: url(/assets/virus.png);--art-win: url(/assets/win.png);--art-panel-bg: linear-gradient(rgba(5, 10, 6, .75), rgba(5, 10, 6, .75)), url(/assets/panel-texture.png);--art-briefing: linear-gradient(rgba(5, 10, 6, .82), rgba(5, 10, 6, .92)), url(/assets/briefing.png);--radius: 6px;--hud-height: 64px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono)}#app{height:100%;display:flex;flex-direction:column}button{font-family:var(--font-mono);cursor:pointer}.btn{background:var(--color-panel);border:1px solid var(--color-terminal-dim);color:var(--color-terminal);padding:12px 20px;min-height:44px;min-width:44px;border-radius:var(--radius);font-size:1rem;letter-spacing:.08em}.btn:hover{background:var(--color-panel-edge)}.btn-primary{border-color:var(--color-terminal);box-shadow:0 0 12px #33ff6659;font-size:1.4rem;padding:20px 32px}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}input,select{font-family:var(--font-mono);background:#02120a;border:1px solid var(--color-terminal-dim);color:var(--color-terminal);padding:10px;min-height:44px;border-radius:var(--radius);font-size:1rem}.home{display:flex;height:100%}.home-left{width:25%;min-width:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;border-right:1px solid var(--color-panel-edge);background-image:var(--art-panel-bg);background-size:cover}.home-logo{width:180px;height:180px;background-image:var(--art-logo);background-size:contain;background-repeat:no-repeat;background-position:center}.home-logo:not(.has-art){display:flex;align-items:center;justify-content:center;border:2px solid var(--color-terminal);border-radius:50%;font-size:3rem;color:var(--color-terminal);text-shadow:0 0 18px var(--color-terminal)}.home-title{font-size:1.5rem;color:var(--color-terminal);text-align:center;letter-spacing:.15em;margin:0}.home-right{flex:1;display:flex;gap:16px;padding:24px;overflow-y:auto}.board-col{flex:1;border:1px solid var(--color-panel-edge);border-radius:var(--radius);background:var(--color-panel);padding:16px}.board-col h2{color:var(--color-amber);font-size:1.1rem;letter-spacing:.12em;margin:0 0 12px;text-align:center;border-bottom:1px solid var(--color-panel-edge);padding-bottom:8px}.board-row{display:flex;justify-content:space-between;padding:6px 4px;font-size:.95rem}.board-row .rank{color:var(--color-terminal-dim);margin-right:8px}.board-row .time{color:var(--color-terminal)}.board-row .board-errors{color:var(--color-inert);font-size:.8rem;margin-right:6px}.board-empty{color:var(--color-inert);text-align:center;padding:16px 0}.manual-link{color:var(--color-terminal-dim);font-size:.8rem;text-decoration:none}.manual-link:hover{color:var(--color-terminal)}.briefing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:32px;background-image:var(--art-briefing);background-size:cover;background-position:center}.briefing h1{color:var(--color-terminal);letter-spacing:.2em;margin:0}.briefing .system-id{font-size:1.6rem;color:var(--color-amber);border:1px dashed var(--color-amber);padding:10px 24px;border-radius:var(--radius)}.briefing .rules{max-width:640px;line-height:1.7;color:var(--color-text)}.hud{height:var(--hud-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--color-panel-edge);background:var(--color-panel)}.hud-progress{color:var(--color-amber);font-size:1.1rem;letter-spacing:.12em}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hud-errors{color:var(--color-amber);font-size:1rem;letter-spacing:.12em}.hud .meta{color:var(--color-terminal-dim);font-size:.85rem;text-align:right}.duo{flex:1;display:flex;gap:16px;padding:16px;min-height:0}.panel{flex:1 1 50%;border:1px solid var(--color-terminal-dim);border-radius:var(--radius);background:var(--color-panel);padding:16px;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.panel .panel-title{color:var(--color-amber);font-size:1.25rem;letter-spacing:.12em;border-bottom:1px solid var(--color-panel-edge);padding-bottom:10px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.panel .panel-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;font-size:1.15rem}.panel.solved{border-color:var(--color-solved);opacity:.55}.panel.solved:after{content:"ACCESS GRANTED";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-terminal);font-size:1.8rem;letter-spacing:.2em;background:#0514088c;transform:rotate(-8deg);pointer-events:none}.panel.solved .panel-body{pointer-events:none}.panel.error-flash{animation:panelError .5s}@keyframes panelError{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 40px #ff1e2880}}.status-led{width:12px;height:12px;border-radius:50%;background:var(--color-danger);animation:blink 1.2s infinite;align-self:center}.panel.solved .status-led{background:var(--color-terminal);animation:none}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.2}}.handoff-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:#010804f5;padding:32px}.handoff-overlay h1{color:var(--color-terminal);font-size:2.6rem;letter-spacing:.2em;margin:0;text-shadow:0 0 24px var(--color-terminal)}.handoff-msg{color:var(--color-text);font-size:1.4rem;margin:0}.handoff-progress{color:var(--color-amber);font-size:1.05rem;letter-spacing:.1em;margin:0}.resume-btn{font-size:2rem;padding:28px 48px}.end-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.end-screen h1{font-size:3rem;letter-spacing:.2em;margin:0}.end-screen.win h1{color:var(--color-terminal);text-shadow:0 0 24px var(--color-terminal)}.end-art{width:200px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:center}.end-screen.win .end-art{background-image:var(--art-win)}.final-time{font-size:1.6rem;color:var(--color-amber)}.final-errors{font-size:1.1rem;color:var(--color-terminal-dim);letter-spacing:.12em}.score-dialog{display:flex;flex-direction:column;gap:14px;border:1px solid var(--color-terminal-dim);border-radius:var(--radius);background:var(--color-panel);padding:28px;min-width:340px}.score-dialog label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.85rem;color:var(--color-terminal-dim)}.dialog-actions{display:flex;gap:10px;justify-content:center}.save-status{min-height:1.2em;font-size:.85rem;color:var(--color-amber)}.debug-overlay{position:fixed;right:12px;bottom:12px;z-index:100;background:#000000e0;border:1px solid var(--color-amber);border-radius:var(--radius);padding:12px;font-size:.75rem;max-width:420px;color:var(--color-amber)}.debug-overlay h3{margin:0 0 8px}.debug-overlay ul{margin:0 0 8px;padding-left:16px}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000014 3px);mix-blend-mode:multiply}.execute{margin-top:auto;align-self:center;border-color:var(--color-amber);color:var(--color-amber);letter-spacing:.15em;font-size:1.15rem;padding:14px 28px}.execute:disabled{opacity:.35;cursor:not-allowed}.panel-body input{align-self:center;width:90%;max-width:420px;margin:8px 0;text-align:center;font-size:1.15rem}.panel-body input.field-ok{border-color:var(--color-solved);color:var(--color-terminal);box-shadow:inset 0 0 8px #33ff6659;pointer-events:none}.panel-body input.field-bad{border-color:var(--color-danger)}.shake{animation:fieldShake .3s}.spin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#140204e0;border-radius:var(--radius)}.spin-msg{color:var(--color-danger);font-size:1.1rem;letter-spacing:.18em;animation:blink 1.2s infinite}.spin-count{color:var(--color-danger);font-size:3.2rem;letter-spacing:.1em;text-shadow:0 0 18px var(--color-danger)}@keyframes fieldShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}}.binary-target{text-align:center;color:var(--color-amber);font-size:1.2rem;letter-spacing:.1em;margin-bottom:8px}.toggle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.toggle{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-color:var(--color-danger);box-shadow:inset 0 0 8px #ff1e282e}.toggle .toggle-glyph{font-size:1.5rem;line-height:1.2}.toggle .state{font-size:.65rem;color:var(--color-danger)}.toggle.on{border-color:var(--color-terminal);box-shadow:inset 0 0 10px #33ff664d}.toggle.on .state{color:var(--color-terminal)}.wire-svg{width:100%;max-width:560px;align-self:center;flex:1;min-height:0}.wire-g{cursor:pointer}.wire-pid,.wire-name{fill:var(--color-text);font-family:var(--font-mono);font-size:13px}.wire-num{fill:var(--color-amber);font-family:var(--font-mono);font-size:14px;font-weight:700}.wire-post{fill:var(--color-panel-edge);stroke:var(--color-terminal-dim);stroke-width:1.5}.wire-path{fill:none;stroke-width:6;stroke-linecap:round}.wire-hit{fill:none;stroke:transparent;stroke-width:30}.wire-g:hover .wire-path{filter:drop-shadow(0 0 3px currentColor)}.wire-g.selected .wire-path{stroke-width:8;filter:drop-shadow(0 0 7px var(--color-amber))}.wire-g.selected .wire-pid,.wire-g.selected .wire-name{fill:var(--color-amber)}.wire-red{stroke:#e33;color:#e33}.wire-green{stroke:#3c3;color:#3c3}.wire-yellow{stroke:#dd3;color:#dd3}.wire-blue{stroke:#36e;color:#36e}.wire-white{stroke:#eee;color:#eee}.wire-g.cut{opacity:.6;cursor:default}.wire-gap circle{fill:var(--color-panel);stroke:none}.wire-gap line{stroke:var(--color-inert);stroke-width:2.5;stroke-linecap:round}.wire-g.spark .wire-path{animation:spark .5s}@keyframes spark{0%,to{filter:none}50%{filter:drop-shadow(0 0 10px var(--color-danger))}}.lock-buttons{display:flex;justify-content:center;gap:10px;margin:10px 0}.lock-btn{font-size:2rem;padding:10px 16px}.lock-glyph img,img.lock-glyph{width:42px;height:42px;object-fit:contain;vertical-align:middle}.lock-entry-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.lock-entry{display:flex;gap:14px;justify-content:center}.entry-cell{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:var(--color-inert);border:1px dashed var(--color-terminal-dim);border-radius:var(--radius)}.entry-cell.filled{color:var(--color-terminal);border:1px solid var(--color-amber);box-shadow:inset 0 0 12px #ffb30040}.entry-glyph img,img.entry-glyph{width:52px;height:52px;object-fit:contain}.module-hint{text-align:center;font-size:.7rem;color:var(--color-inert)}.pixel-swatch{height:46px;border-radius:var(--radius);border:1px solid var(--color-panel-edge);margin-bottom:8px}.pixel-live{height:30px}.swatch-tag{font-size:.6rem;letter-spacing:.25em;color:var(--color-inert);margin-bottom:2px}.pixel-dump{text-align:center;color:var(--color-amber);font-size:1.05rem;letter-spacing:.12em;margin-bottom:8px}.rgb-row{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.rgb-field{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:var(--color-terminal-dim)}.rgb-field input{width:74px}.circuit-svg{width:100%;max-height:55%;color:var(--color-terminal)}.probe-row{display:flex;gap:18px;justify-content:center;margin:10px 0}.probe-field{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;color:var(--color-terminal-dim);letter-spacing:.08em}.probe-field input{width:76px;font-size:1.5rem}.svg-label{fill:var(--color-amber);font-size:13px;font-family:var(--font-mono)}.svg-probe{fill:var(--color-amber);font-size:12px;font-family:var(--font-mono)}.crypt-line{color:var(--color-terminal);font-size:1.05rem;margin:6px 0}.crypt-key{color:var(--color-amber);font-size:1.3rem}.packet-card{border:1px dashed var(--color-terminal-dim);border-radius:var(--radius);padding:8px 12px;margin-bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:.9rem;color:var(--color-amber)}.port-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.port-btn{font-size:.8rem;padding:8px 4px}.port-btn.selected{border-color:var(--color-amber);color:var(--color-amber)}.stack-steps{display:flex;flex-direction:column;gap:8px;margin:8px 0}.step-row{display:flex;align-items:center;gap:10px;opacity:.4}.step-row.step-active,.step-row.step-done{opacity:1}.step-row .step-op{min-width:110px;color:var(--color-text);font-size:1rem}.step-row.step-done .step-op{color:var(--color-solved)}.cell-boxes{display:flex;gap:5px;flex:1}.panel-body .cell-boxes input{width:52px;margin:0;padding:6px 2px;min-height:42px;font-size:1.15rem;flex:none}.step-check{min-width:auto;min-height:36px;padding:6px 10px;font-size:.75rem;letter-spacing:.1em}.mem-visual{margin-top:auto;border-top:1px dashed var(--color-panel-edge);padding-top:10px;margin-bottom:8px}.mem-title{text-align:center;font-size:.7rem;letter-spacing:.2em;color:var(--color-amber);margin-bottom:6px}.mem-cells{display:flex;align-items:center;justify-content:center;gap:5px}.mem-cap{font-size:.65rem;color:var(--color-inert);margin:0 6px;white-space:nowrap}.stack-cell{border:1px solid var(--color-terminal);border-radius:3px;padding:8px 0;width:44px;text-align:center;font-size:1.1rem}.mem-flash .stack-cell{animation:memPulse .5s}@keyframes memPulse{0%{box-shadow:inset 0 0 12px #3f69}to{box-shadow:none}}