*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060810;--surface: #0a0c18;--border: #181828;--text: #c0c0d0;--mono: "Share Tech Mono", "Courier New", monospace;--display: "Orbitron", sans-serif;--red: #ff0033;--green: #44ff88;--blue: #3399ff;--amber: #ff8800}body{background:var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden}.root{min-height:100vh;display:flex;flex-direction:column;position:relative}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:800;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000018 2px,#00000018 4px)}.topbar{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:100}.topbar-logo{font-family:var(--display);font-size:14px;letter-spacing:4px;color:#f44;flex:1}.slash{font-size:10px;color:#2a2a3a;letter-spacing:2px;margin-left:8px}.defence-toggle{display:flex;align-items:center;gap:10px}.def-label{font-size:10px;letter-spacing:3px;color:#33334a}.toggle-track{width:52px;height:24px;border-radius:12px;cursor:pointer;position:relative;border:1px solid;transition:background .3s,border-color .3s}.toggle-track.on{background:#032;border-color:var(--green)}.toggle-track.off{background:#201;border-color:var(--red)}.toggle-thumb{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#ccc}.toggle-track.on .toggle-thumb{background:var(--green)}.toggle-track.off .toggle-thumb{background:var(--red)}.def-state{font-size:11px;letter-spacing:2px;font-weight:700}.def-state.green{color:var(--green)}.def-state.red{color:var(--red)}.damage-counter{text-align:right}.counter-label{font-size:9px;color:#33334a;letter-spacing:2px}.counter-val{font-family:var(--display);font-size:28px;color:var(--red);line-height:1}.theatre{display:grid;grid-template-columns:340px 80px 1fr;flex:1;gap:0;min-height:0}.composer{border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface);overflow-y:auto}.panel-header{font-family:var(--display);font-size:11px;letter-spacing:4px;color:#33334a;margin-bottom:4px}.tabs{display:flex;gap:4px}.tab{padding:6px 14px;background:transparent;border:1px solid #1a1a2a;color:#33334a;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:2px;transition:all .2s}.tab.active{border-color:#f44;color:#f44;background:#f001}.form-area{display:flex;flex-direction:column;gap:6px}.field-label{font-size:9px;color:#33334a;letter-spacing:2px}.sql-input{background:#060610;border:1px solid #1a1a2a;color:#f86;padding:8px 10px;font-family:var(--mono);font-size:12px;outline:none;width:100%;transition:border-color .2s}.sql-input:focus{border-color:#f44}.btn-fire{padding:10px;background:#100;border:1px solid var(--red);color:var(--red);cursor:pointer;font-family:var(--display);font-size:11px;letter-spacing:4px;margin-top:4px;transition:background .2s}.btn-fire:hover{background:#200}.preset-label{font-size:9px;color:#22223a;letter-spacing:3px;margin-top:6px}.presets{display:flex;flex-direction:column;gap:4px}.preset-btn{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#06060e;border:1px solid #1a1a2a;cursor:pointer;font-family:var(--mono);font-size:11px;color:#888;transition:all .2s;text-align:left}.preset-btn:hover{border-color:#f44;color:#ccc;background:#0e0008}.preset-name{flex:1}.preset-sev{font-size:9px;letter-spacing:1px}.sev-critical{color:#f03}.sev-high{color:#f60}.sev-medium{color:#fa0}.inspector{background:#04040c;border:1px solid #1a1a2a;padding:10px;border-radius:3px;margin-top:4px}.inspector-label{font-size:9px;color:#33334a;letter-spacing:2px;margin-bottom:6px}.inspector-sql{font-size:11px;color:#888;line-height:1.7;word-break:break-all}.injected-highlight{background:#f003;color:#f44;padding:1px 2px;border-radius:2px}.blocked-label{font-size:10px;color:var(--green);margin-top:8px;letter-spacing:1px}.pipe-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;gap:8px;border-right:1px solid var(--border)}.pipe-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pipe-label{font-size:9px;letter-spacing:2px;text-align:center}.block-burst{position:absolute;font-size:28px;pointer-events:none}.database-panel{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.db-table{border:1px solid var(--border);border-radius:4px;overflow:hidden}.table-name{background:#0a0a18;padding:6px 10px;font-size:9px;letter-spacing:3px;color:#33334a;border-bottom:1px solid var(--border)}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px;padding:4px;background:#06060e}.table-cell{padding:5px 8px;font-size:10px;border:1px solid #111;border-radius:2px;background:#08080e;min-height:28px;display:flex;align-items:center;transition:background .4s,border-color .4s}.table-cell.revealed{border-color:#f004;background:#1a0000}.table-cell.admin-cell{border-color:var(--red);background:#300}.cell-data{color:#f66;font-size:10px}.cell-blur{color:#1a1a2a;letter-spacing:-1px}.admin-banner{position:fixed;top:0;left:0;right:0;z-index:700;background:#200;border-bottom:2px solid var(--red);color:var(--red);text-align:center;padding:12px;font-family:var(--display);font-size:13px;letter-spacing:4px}.info-panel{position:fixed;right:0;top:56px;bottom:48px;width:360px;background:#09090f;border-left:1px solid var(--border);padding:24px 20px;overflow-y:auto;z-index:200}.info-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#33334a;cursor:pointer;font-size:18px}.info-close:hover{color:#666}.info-tag{font-size:9px;color:#33334a;letter-spacing:3px;margin-bottom:10px}.info-name{font-family:var(--display);font-size:15px;letter-spacing:2px;color:#bbb;margin-bottom:6px}.info-sev{font-size:10px;letter-spacing:2px;display:inline-block;padding:2px 8px;border:1px solid;border-radius:2px}.info-body{font-size:12px;color:#888;line-height:1.8}.bottom-bar{display:flex;gap:12px;padding:10px 24px;align-items:center;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0;z-index:100}.btn-ghost{padding:6px 18px;background:transparent;border:1px solid #1a1a2a;color:#2a2a3a;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:3px;transition:all .2s}.btn-ghost:hover{border-color:#333;color:#555}.demo-counter{font-size:10px;color:#22223a;letter-spacing:2px;margin-left:auto}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:700}.victory-text{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:3px;color:var(--green);text-align:center}.victory-sub{font-size:11px;color:#33334a;letter-spacing:3px}.btn-start{padding:14px 48px;background:transparent;border:2px solid var(--green);color:var(--green);cursor:pointer;font-family:var(--display);font-size:12px;letter-spacing:6px;transition:background .2s}.btn-start:hover{background:#0f41}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#060810}::-webkit-scrollbar-thumb{background:#1a1a2a;border-radius:2px}