@scope(.signal-grid-page){.mp-lobby{z-index:9500;background:radial-gradient(#0b1a22 0%,#02060a 75%,#000 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.mp-lobby.hidden{display:none}.mp-lobby-card{background:linear-gradient(180deg, var(--panel) 0%, var(--bg2) 100%);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:14px;width:min(540px,96vw);padding:22px;display:flex;box-shadow:0 0 40px #00ffd014}.mp-title{letter-spacing:6px;color:var(--neon);text-shadow:0 0 10px #00ffd066;font-size:22px}.mp-sub{letter-spacing:2px;color:var(--dim);font-size:12px}.mp-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mp-field>span{letter-spacing:3px;color:var(--dim);font-size:10px}.mp-field input{background:var(--bg2);border:1px solid var(--line);color:var(--ink);letter-spacing:.2em;text-transform:uppercase;border-radius:2px;outline:none;padding:8px 10px;font-family:inherit}.mp-field input:focus{border-color:var(--neon);box-shadow:0 0 6px #00ffd059}.mp-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.mp-row>.btn{flex:none}.mp-divider{text-align:center;letter-spacing:4px;color:var(--dim);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:4px 0;font-size:10px}.mp-room-box{border:1px solid var(--line);background:#00ffd00a;border-radius:3px;flex-direction:column;gap:8px;padding:12px;display:flex}.mp-room-box.hidden{display:none}.mp-label{letter-spacing:3px;color:var(--neon);font-size:10px}.mp-room-code{letter-spacing:.5em;color:var(--neon);text-shadow:0 0 10px #00ffd080;padding:6px 0;font-size:28px;font-weight:700}.mp-hint{color:var(--good);letter-spacing:.08em;min-height:14px;font-size:11px}.mp-roster{flex-wrap:wrap;gap:6px;display:flex}.mp-roster .mp-chip{letter-spacing:.05em;border:1px solid var(--line);background:var(--bg2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.mp-roster .mp-chip .mp-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.mp-status{letter-spacing:.1em;color:var(--dim);min-height:16px;font-size:12px}.mp-overlay{z-index:3000;pointer-events:none;flex-flow:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(760px,100vw - 640px);display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.mp-overlay.hidden{display:none}.mp-badge{letter-spacing:3px;color:var(--neon);border:1px solid var(--neon);pointer-events:auto;background:#0009;border-radius:2px;padding:3px 10px;font-size:10px}.mp-overlay .mp-panel{pointer-events:auto;border:1px solid var(--line);background:#0009;border-radius:3px;max-width:60vw;padding:4px 8px;font-size:11px}.mp-overlay .mp-panel h3{display:none}.mp-overlay #mp-game-roster{flex-flow:wrap;gap:4px 10px;display:flex}.mp-overlay .mp-chip{letter-spacing:.05em;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.mp-overlay .mp-chip .mp-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.mp-overlay .mp-role{letter-spacing:2px;color:var(--dim);border-left:1px solid var(--line);margin-left:4px;padding-left:4px;font-size:9px;display:inline-block}:scope{--bg:#05080a;--bg2:#0a1014;--panel:#0e1620;--panel2:#142030;--line:#1c2a38;--ink:#cfeaff;--dim:#5d7a93;--neon:#00ffd0;--neon2:#ff2bd6;--warn:#fa0;--bad:#ff3a64;--good:#5cffa1;--amber:#ffb347}*{box-sizing:border-box}:scope{color:var(--ink);-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;padding:0;font-family:Consolas,Menlo,Courier New,monospace;overflow:hidden}#crt{background:radial-gradient(#0a151c 0%,#02060a 75%,#000 100%),#000;width:100vw;height:100vh;position:relative;overflow:hidden}#scanlines{pointer-events:none;z-index:9000;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}#crt:after{content:"";pointer-events:none;z-index:9001;position:absolute;inset:0;box-shadow:inset 0 0 200px #000}#topbar{border-bottom:1px solid var(--line);background:linear-gradient(#08121a,#050a0e);justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.logo .glitch{letter-spacing:6px;color:var(--neon);text-shadow:0 0 6px var(--neon), 0 0 14px #00ffd099, 2px 0 var(--neon2), -2px 0 #00b3ff;font-size:28px;font-weight:700;position:relative}.logo .sub{color:var(--dim);letter-spacing:2px;margin-left:14px;font-size:12px}.hud{gap:18px;display:flex}.hud-item{flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.hud-item .k{color:var(--dim);letter-spacing:2px}.hud-item span:last-child{color:var(--neon);text-shadow:0 0 8px #00ffd099;font-size:18px}#main{grid-template-columns:280px 1fr 320px;gap:12px;height:calc(100vh - 60px);padding:12px;display:grid}aside,section{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.panel{background:linear-gradient(180deg, var(--panel) 0%, var(--bg2) 100%);border:1px solid var(--line);border-radius:4px;min-height:0;padding:10px 12px;position:relative;overflow:auto;box-shadow:inset 0 0 16px #00ffd00a}.panel h3{letter-spacing:3px;color:var(--neon);border-bottom:1px dashed var(--line);text-shadow:0 0 4px #00ffd066;margin:0 0 8px;padding-bottom:4px;font-size:12px}#brief-title{color:var(--amber);text-shadow:0 0 6px #ffb34766;margin-bottom:6px;font-size:16px}#brief-text{color:var(--ink);font-size:12px;line-height:1.6}#goal-list{margin:0;padding:0;font-size:12px;list-style:none}#goal-list li{color:var(--dim);padding:4px 0 4px 18px;position:relative}#goal-list li:before{content:"▢";color:var(--dim);position:absolute;left:0}#goal-list li.done{color:var(--good);text-shadow:0 0 4px #5cffa180}#goal-list li.done:before{content:"▣";color:var(--good)}#level-list{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.lvl-btn{background:var(--panel2);border:1px solid var(--line);color:var(--dim);cursor:pointer;padding:6px 0;font-family:inherit;font-size:11px;transition:all .15s}.lvl-btn:hover{border-color:var(--neon);color:var(--neon)}.lvl-btn.active{border-color:var(--neon);color:var(--neon);background:#00ffd01f;box-shadow:0 0 8px #00ffd04d}.lvl-btn.solved{color:var(--good)}.lvl-btn.solved:after{content:" ✓"}#center{gap:12px}#board-wrap{border:1px solid var(--line);background:radial-gradient(#0a1820 0%,#03060a 100%);border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}#board{image-rendering:pixelated;cursor:crosshair;max-width:100%;max-height:100%;display:block}#overlay{pointer-events:none;position:absolute;inset:0}#controls{background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:center;gap:8px;padding:8px;display:flex}.spacer{flex:1}.speed{color:var(--dim);letter-spacing:2px;align-items:center;gap:8px;font-size:11px;display:flex}.speed input{accent-color:var(--neon)}.btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);letter-spacing:2px;cursor:pointer;border-radius:2px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .12s}.btn:hover{border-color:var(--neon);color:var(--neon);box-shadow:0 0 10px #00ffd066}.btn.primary{border-color:var(--neon);color:var(--neon);background:#00ffd026}.btn.primary:hover{background:#00ffd04d;box-shadow:0 0 14px #00ffd099}.btn.warn{color:var(--warn)}.btn.warn:hover{border-color:var(--warn);color:var(--warn);box-shadow:0 0 10px #fa06}#palette{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.part{background:var(--panel2);border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--dim);letter-spacing:1px;border-radius:2px;padding:8px 4px;font-size:10px;transition:all .12s;position:relative}.part .icon{color:var(--ink);text-shadow:0 0 4px;margin-bottom:2px;font-size:22px;line-height:1;display:block}.part .count{color:var(--amber);font-size:10px;position:absolute;top:2px;right:4px}.part:hover{border-color:var(--neon);color:var(--neon)}.part:hover .icon{color:var(--neon)}.part.active{border-color:var(--neon);background:#00ffd01a;box-shadow:0 0 10px #00ffd066}.part.active .icon,.part.active{color:var(--neon)}.part.depleted{opacity:.3;cursor:not-allowed}.part.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.part .lock{color:var(--bad);font-size:10px;position:absolute;top:2px;left:4px}.shape-strip{border-top:1px dashed var(--line);grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:8px;padding-top:8px;display:grid}.shape-btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:2px;padding:6px 0;font-family:inherit;font-size:20px;line-height:1;transition:all .12s}.shape-btn:hover{border-color:var(--neon);color:var(--neon)}.shape-btn.active{border-color:var(--neon);color:var(--neon);background:#00ffd033;box-shadow:0 0 6px #00ffd080}.hint{color:var(--dim);margin-top:8px;font-size:10px;line-height:1.5}.hint b{color:var(--neon)}.hint kbd{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:2px;padding:0 4px;font-family:inherit;font-size:10px;display:inline-block}#inspector{font-size:12px}.insp-row{align-items:center;gap:8px;margin:6px 0;display:flex}.insp-row label{color:var(--dim);letter-spacing:1px;flex:0 0 90px;font-size:11px}.insp-row select,.insp-row input{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:2px;flex:1;padding:4px 6px;font-family:inherit;font-size:12px}.insp-row select:focus,.insp-row input:focus{border-color:var(--neon);outline:none}.insp-title{color:var(--amber);margin-bottom:6px;font-size:13px}.insp-seq-row{align-items:flex-start}.insp-seq-row .seq{flex-wrap:wrap;flex:1;gap:3px;display:flex}.seq-pill{text-align:center;border:1px solid var(--line);min-width:18px;color:var(--dim);background:var(--bg);letter-spacing:.02em;border-radius:2px;padding:1px 5px;font-size:10px;display:inline-block}.seq-pill.sent{background:var(--amber);color:var(--bg);border-color:var(--amber);text-shadow:none}.seq-pill.ok{background:var(--good);color:var(--bg);border-color:var(--good)}.seq-pill.bad{background:var(--bad);color:#fff;border-color:var(--bad)}#log{max-height:220px;font-size:11px;line-height:1.5;overflow-y:auto}.log-line{color:var(--dim)}.log-line.good{color:var(--good)}.log-line.bad{color:var(--bad)}.log-line.info{color:var(--neon)}.log-line.warn{color:var(--warn)}#dialog{z-index:10000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#dialog.hidden{display:none}.dialog-inner{background:var(--panel);border:1px solid var(--neon);text-align:center;max-width:500px;padding:30px 40px;box-shadow:0 0 40px #00ffd080}#dialog-title{color:var(--neon);letter-spacing:4px;text-shadow:0 0 12px #00ffd099;margin-bottom:16px;font-size:24px}#dialog-body{color:var(--ink);margin-bottom:20px;font-size:14px;line-height:1.7}.boot{z-index:11000;background:#000;justify-content:center;align-items:center;padding:60px;display:flex;position:fixed;inset:0}.boot.hidden,.boot[hidden]{display:none}.boot.fade{pointer-events:none;animation:1s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}#boot-text{color:var(--neon);text-shadow:0 0 6px #00ffd080;white-space:pre-wrap;max-width:700px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5}@keyframes glitchShift{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.logo .glitch{animation:4s infinite glitchShift}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--neon)}}