:root{--bg-primary:#070a12;--bg-secondary:#0d1322;--bg-tertiary:#131c31;--panel-bg:#0d1322e0;--border-color:#00f0ff38;--border-glow:#00f0ff73;--cyan:#00f0ff;--cyan-dim:#09a;--yellow:#ffe600;--green:#0f8;--red:#f05;--text-main:#e2e8f0;--text-dim:#94a3b8;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);flex-direction:column;height:100vh;display:flex;overflow:hidden}button,.btn-icon,.btn-action,.speed-btn,.manual-toc-btn,.codebot-tab-btn,.preset-btn,.palette-swatch,.dpad-btn,.remote-dpad,.gutter-lines,.telemetry-bar,.hw-badge,.hw-title,canvas{-webkit-user-select:none;user-select:none}header.app-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--cyan);text-shadow:0 0 12px #00f0ff80;align-items:center;gap:6px;font-size:1.15rem;font-weight:900;display:flex}.brand-badge{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--cyan);text-transform:uppercase;background:#00f0ff1a;border-radius:4px;padding:2px 8px;font-size:.7rem}.sector-nav{align-items:center;gap:8px;display:flex}select.sector-select{background:var(--bg-tertiary);color:var(--cyan);border:1px solid var(--border-color);font-family:var(--font-mono);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}select.sector-select:hover{border-color:var(--cyan);box-shadow:0 0 10px #00f0ff40}.header-controls{align-items:center;gap:10px;display:flex}.speed-selector{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.speed-btn{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:.75rem;transition:all .15s}.speed-btn.active{background:var(--cyan);color:#000;font-weight:700}.btn-icon{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-mono);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px #00f0ff33}main.workspace-split{flex:1;grid-template-columns:35% 65%;transition:grid-template-columns .25s;display:grid;overflow:hidden}main.workspace-split.split-65{grid-template-columns:35% 65%}main.workspace-split.split-75{grid-template-columns:25% 75%}main.workspace-split.split-50{grid-template-columns:50% 50%}.arena-panel{background-color:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;display:flex;position:relative;overflow:hidden}.telemetry-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.8rem;display:flex}.telemetry-item{align-items:center;gap:6px;display:flex}.telemetry-label{color:var(--text-dim)}.telemetry-val{color:var(--cyan);font-weight:700}.hardware-ribbon{border-bottom:1px solid var(--border-color);font-family:var(--font-mono);background:#060912;justify-content:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:.72rem;display:flex;overflow-x:auto}.hw-title{color:var(--text-dim);letter-spacing:.5px;white-space:nowrap;font-weight:700}.hw-badge{color:#ff4d79;white-space:nowrap;background:#ff00551f;border:1px solid #ff005559;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;transition:all .25s;display:flex}.hw-badge.online{border-color:var(--green);color:var(--green);background:#00ff881f;box-shadow:0 0 10px #00ff884d}.canvas-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}canvas#arenaCanvas{display:block}.remote-dpad{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1322d9;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 16px #00000080}.dpad-row{gap:6px;display:flex}.dpad-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:38px;height:38px;color:var(--cyan);font-family:var(--font-mono);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.dpad-btn:hover{border-color:var(--cyan);background:#00f0ff33;box-shadow:0 0 8px #00f0ff66}.dpad-btn.dpad-active,.dpad-btn:active{transform:scale(.92);background:var(--cyan)!important;color:#000!important;box-shadow:0 0 14px var(--cyan)!important}.dpad-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.terminal-panel{background:var(--bg-secondary);flex-direction:column;display:flex;overflow:hidden}.briefing-card{border-bottom:1px solid var(--border-color);background:#131c3199;max-height:22%;padding:10px 16px;overflow-y:auto}.briefing-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.briefing-title{font-family:var(--font-mono);color:var(--yellow);font-size:1rem;font-weight:700}.briefing-subtitle{color:var(--text-dim);font-size:.8rem}.briefing-desc{color:var(--text-main);cursor:text;margin-top:6px;font-size:.85rem;line-height:1.45;-webkit-user-select:text!important;user-select:text!important}.briefing-desc *{cursor:text;-webkit-user-select:text!important;user-select:text!important}.briefing-desc code{color:var(--cyan);font-family:var(--font-mono);cursor:text;background:#00f0ff1f;border-radius:4px;padding:2px 5px;font-size:.8rem;-webkit-user-select:text!important;user-select:text!important}.editor-toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.btn-action{font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-run{background:var(--green);color:#052e16;border-color:#0f8}.btn-run:hover{background:#2f9;box-shadow:0 0 12px #00ff8880}.btn-demo{color:#fff;background:#3b82f6;border-color:#60a5fa}.btn-demo:hover{background:#2563eb;box-shadow:0 0 12px #3b82f680}.btn-step{background:var(--bg-secondary);color:var(--yellow);border:1px solid #ffe60066}.btn-step:hover{border-color:var(--yellow);background:#ffe60026;box-shadow:0 0 8px #ffe6004d}.btn-stop{color:var(--red);border:1px solid var(--red);background:#ff005526}.btn-stop:hover{background:var(--red);color:#fff;box-shadow:0 0 10px #f056}.btn-action.active-mode,.btn-icon.active-mode{border-color:var(--cyan)!important;box-shadow:0 0 14px #00f0ff66!important}.editor-container{font-family:var(--font-mono);background:#080d18;flex:1;min-height:55%;font-size:14px;line-height:21px;display:flex;position:relative;overflow:hidden}.gutter-lines{color:#475569;text-align:right;-webkit-user-select:none;user-select:none;background:#060913;border-right:1px solid #00f0ff1f;width:44px;padding:12px 0;font-size:12px}.gutter-line{height:20px;padding-right:8px;position:relative}.gutter-line.active-line{color:var(--cyan);font-weight:700}.gutter-line.active-line:after{content:"▶";color:var(--cyan);text-shadow:0 0 6px var(--cyan);position:absolute;left:6px}.editor-wrapper{flex:1;position:relative;overflow:auto}.line-highlight-bar{border-left:3px solid var(--cyan);pointer-events:none;z-index:1;background:#00f0ff26;height:20px;display:none;position:absolute;left:0;right:0;box-shadow:inset 0 0 8px #00f0ff26}textarea#codeEditor{color:#e2e8f0;resize:none;width:100%;height:100%;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;tab-size:2;z-index:2;background:0 0;border:none;outline:none;padding:12px 14px;position:relative}.console-container{border-top:1px solid var(--border-color);background:#05070d;flex-direction:column;height:22%;min-height:80px;max-height:32%;display:flex}.console-header{background:var(--bg-tertiary);height:28px;font-family:var(--font-mono);color:var(--text-dim);border-bottom:1px solid #00f0ff1a;justify-content:space-between;align-items:center;padding:0 12px;font-size:.7rem;display:flex}.console-logs{font-family:var(--font-mono);flex-direction:column;flex:1;gap:4px;padding:8px 12px;font-size:.78rem;display:flex;overflow-y:auto}.log-entry{line-height:1.35}.log-entry.info{color:var(--cyan)}.log-entry.log{color:#f1f5f9}.log-entry.warn{color:var(--yellow)}.log-entry.error{color:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none;background:#030712d9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.victory-card{background:var(--bg-secondary);border:2px solid var(--green);text-align:center;border-radius:12px;max-width:480px;padding:32px 36px;transition:transform .3s;transform:translateY(20px);box-shadow:0 0 35px #00ff8859}.modal-overlay.active .victory-card{transform:translateY(0)}.victory-icon{margin-bottom:12px;font-size:3rem}.victory-title{font-family:var(--font-mono);color:var(--green);text-shadow:0 0 10px #0f86;margin-bottom:8px;font-size:1.5rem}.victory-desc{color:var(--text-main);margin-bottom:24px;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:12px;display:flex}.fabricator-card{background:var(--bg-secondary);border:1.5px solid var(--yellow);border-radius:12px;flex-direction:column;width:98%;max-width:820px;max-height:90vh;transition:transform .3s;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 0 40px #ffe60040}.modal-overlay.active .fabricator-card{transform:translateY(0)}.fabricator-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.fabricator-title{font-family:var(--font-mono);color:var(--yellow);letter-spacing:1px;font-size:1.1rem;font-weight:800}.fabricator-subtitle{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono)}.fabricator-body{grid-template-columns:1fr 280px;gap:20px;padding:20px;display:grid;overflow-y:auto}.grid-section{flex-direction:column;align-items:center;gap:10px;display:flex}.grid-controls-bar{width:100%;font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.toggle-label{color:var(--cyan);cursor:pointer;align-items:center;gap:6px;display:flex}.toggle-label input{accent-color:var(--cyan);cursor:pointer}.pixel-matrix-container{border:1px solid var(--border-color);background:#050811;border-radius:8px;padding:10px;box-shadow:inset 0 0 16px #000c}.pixel-matrix-grid{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#111827;border:1px solid #00f0ff4d;grid-template-rows:repeat(16,20px);grid-template-columns:repeat(16,20px);gap:1px;display:grid}.pixel-cell{background:#090e1a;width:20px;height:20px;transition:background-color 50ms}.pixel-cell:hover{outline:1px solid var(--yellow);z-index:2}.grid-hint{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:.72rem}.sidebar-section{flex-direction:column;gap:14px;display:flex}.fabricator-panel{border:1px solid var(--border-color);background:#131c3199;border-radius:8px;padding:12px}.panel-heading{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.8px;margin-bottom:8px;font-size:.75rem;font-weight:700}.palette-swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.palette-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:32px;transition:all .15s;display:flex;position:relative}.palette-swatch:hover{transform:scale(1.08)}.palette-swatch.active-swatch{border-color:#fff;transform:scale(1.1);box-shadow:0 0 10px #fffc}.palette-swatch.eraser-swatch{color:#fff;background:repeating-linear-gradient(45deg,#1e293b,#1e293b 4px,#334155 4px 8px);font-size:.75rem}.presets-group{flex-direction:column;gap:6px;display:flex}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-mono);cursor:pointer;text-align:left;border-radius:6px;padding:6px 10px;font-size:.75rem;transition:all .15s}.preset-btn:hover{border-color:var(--yellow);color:var(--yellow);background:#ffe6001a}.preview-canvas-box{border:1px solid var(--border-color);background:#050811;border-radius:8px;justify-content:center;align-items:center;padding:10px;display:flex}canvas#botPreviewCanvas{display:block}.fabricator-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.codebot-card{background:var(--bg-secondary);border:1.5px solid var(--green);border-radius:12px;flex-direction:column;width:96%;max-width:96%;height:92%;max-height:92%;transition:transform .3s;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 0 45px #00ff8840}.modal-overlay.active .codebot-card{transform:translateY(0)}.codebot-body{flex:1;grid-template-columns:70% 30%;gap:16px;padding:16px 20px;display:grid;overflow-y:auto}.codebot-left{flex-direction:column;gap:12px;display:flex}.codebot-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.codebot-tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s}.codebot-tab-btn:hover{border-color:var(--green);color:var(--green)}.codebot-tab-btn.active-tab{background:var(--green);color:#052e16;border-color:#0f8;font-weight:800;box-shadow:0 0 10px #0f86}.codebot-concept{border:1px solid var(--border-color);color:var(--text-main);cursor:text;background:#131c3199;border-radius:8px;padding:10px 14px;font-size:.82rem;line-height:1.45;-webkit-user-select:text!important;user-select:text!important}.codebot-concept *{cursor:text;-webkit-user-select:text!important;user-select:text!important}.codebot-concept code{color:var(--cyan);font-family:var(--font-mono);cursor:text;background:#00f0ff1f;border-radius:3px;padding:2px 5px;-webkit-user-select:text!important;user-select:text!important}.codebot-editor-box{border:1px solid var(--border-color);background:#080d18;border-radius:8px;flex-direction:column;flex:1;height:65%;min-height:360px;display:flex;overflow:hidden}.codebot-editor-toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:32px;padding:0 10px;display:flex}.editor-label{font-family:var(--font-mono);color:var(--cyan);font-size:.7rem;font-weight:700}.codebot-textarea{color:#f8fafc;resize:none;font-family:var(--font-mono);white-space:pre;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:13.5px;line-height:20px}.codebot-console{border:1px solid var(--border-color);height:18%;min-height:55px;font-family:var(--font-mono);background:#05070d;border-radius:6px;flex-direction:column;gap:3px;padding:6px 10px;font-size:.72rem;display:flex;overflow-y:auto}.codebot-right{flex-direction:column;gap:14px;display:flex}.cheat-sheet-list{flex-direction:column;gap:6px;display:flex;-webkit-user-select:text!important;user-select:text!important}.cheat-item{cursor:text;border-bottom:1px solid #00f0ff14;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:.72rem;transition:background .15s;display:flex;-webkit-user-select:text!important;user-select:text!important}.cheat-item:hover{background:#00ff8814}.cheat-item code{color:var(--green);font-family:var(--font-mono);cursor:text;background:#00ff881a;border-radius:3px;padding:1px 4px;-webkit-user-select:text!important;user-select:text!important}.cheat-item span{color:var(--text-dim);cursor:text;-webkit-user-select:text!important;user-select:text!important}.manual-card{background:var(--bg-secondary);border:1.5px solid #38bdf8;border-radius:12px;flex-direction:column;width:96%;max-width:96%;height:92%;max-height:92%;transition:transform .3s;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 0 45px #38bdf840}.modal-overlay.active .manual-card{transform:translateY(0)}.manual-body{flex:1;grid-template-columns:22% 78%;display:grid;overflow:hidden}.manual-toc{border-right:1px solid var(--border-color);background:#080d18;flex-direction:column;gap:6px;padding:14px 10px;display:flex;overflow-y:auto}.manual-toc-btn{background:var(--bg-tertiary);color:var(--text-main);font-family:var(--font-mono);text-align:left;cursor:pointer;border:1px solid #00f0ff1f;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;transition:all .15s;display:flex}.manual-toc-btn:hover{color:#38bdf8;background:#38bdf81a;border-color:#38bdf8}.manual-toc-btn.active-toc{color:#05192d;background:#38bdf8;border-color:#38bdf8;font-weight:800;box-shadow:0 0 12px #38bdf866}.toc-num{background:#0000004d;border-radius:3px;padding:1px 5px;font-size:.7rem}.manual-content{font-family:var(--font-sans);color:#e2e8f0;cursor:text;padding:24px 32px;line-height:1.6;overflow-y:auto;-webkit-user-select:text!important;user-select:text!important}.manual-content *{-webkit-user-select:text!important;user-select:text!important}.manual-content h3{font-family:var(--font-mono);color:#38bdf8;cursor:text;border-bottom:1px solid #38bdf840;margin-bottom:12px;padding-bottom:6px;font-size:1.25rem}.manual-content h4{font-family:var(--font-mono);color:var(--yellow);cursor:text;margin-top:18px;margin-bottom:8px;font-size:1rem}.manual-content p{cursor:text;margin-bottom:12px;font-size:.9rem}.manual-content ul,.manual-content ol{cursor:text;margin-bottom:14px;margin-left:20px;font-size:.88rem}.manual-content li{cursor:text;margin-bottom:6px}.manual-content code{color:var(--cyan);font-family:var(--font-mono);cursor:text;background:#00f0ff1f;border-radius:4px;padding:2px 5px;font-size:.82rem;-webkit-user-select:text!important;user-select:text!important}.manual-content pre{border:1px solid var(--border-color);cursor:text;background:#050811;border-radius:6px;margin:12px 0;padding:32px 16px 14px;position:relative;overflow-x:auto;-webkit-user-select:text!important;user-select:text!important}.manual-content pre code{color:#f8fafc;cursor:text;background:0 0;padding:0;font-size:.84rem;line-height:1.5;-webkit-user-select:text!important;user-select:text!important}.copy-snippet-btn{color:#38bdf8;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:5;background:#0d1322e6;border:1px solid #38bdf866;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:700;transition:all .2s;position:absolute;top:6px;right:8px}.copy-snippet-btn:hover{color:#05192d;background:#38bdf8;box-shadow:0 0 10px #38bdf866}.copy-snippet-btn.copied{background:var(--green);border-color:var(--green);color:#052e16;box-shadow:0 0 10px #0f86}.manual-table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.82rem}.manual-table th{background:var(--bg-tertiary);color:var(--cyan);font-family:var(--font-mono);text-align:left;border:1px solid #00f0ff33;padding:8px 12px}.manual-table td{background:#0d132299;border:1px solid #00f0ff1f;padding:8px 12px}.manual-table tr:nth-child(2n) td{background:#131c3166}.restart-confirm-card{background:var(--bg-secondary);border:2px solid var(--red);border-radius:12px;flex-direction:column;gap:14px;width:95%;max-width:520px;padding:24px 28px;transition:transform .3s;display:flex;transform:translateY(20px);box-shadow:0 0 45px #ff005559}.modal-overlay.active .restart-confirm-card{transform:translateY(0)}.restart-header{justify-content:space-between;align-items:center;display:flex}.restart-badge{font-family:var(--font-mono);border:1px solid var(--red);color:var(--red);background:#ff005526;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:700}.restart-title{font-family:var(--font-mono);color:var(--red);letter-spacing:.5px;font-size:1.3rem;font-weight:800}.restart-desc{color:var(--text-main);font-size:.88rem;line-height:1.5}.restart-wipe-list{color:var(--text-dim);background:#060912b3;border:1px solid #f053;border-radius:6px;flex-direction:column;gap:6px;margin:0;padding:10px 14px;font-size:.82rem;list-style:none;display:flex}.restart-wipe-list li strong{color:#fca5a5}.restart-warning{color:#fca5a5;background:#ff00551f;border:1px solid #ff005559;border-radius:6px;padding:10px 14px;font-size:.82rem;line-height:1.45}.restart-actions{gap:12px;margin-top:6px;display:flex}