@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-deep:#030712;--bg-surface:#0a0f18;--bg-room:#0a0f18b3;--bg-room-hover:#101827e6;--border-cyan:#00f0ff;--border-orange:#ff9d00;--border-green:#0f6;--border-purple:#b53cff;--border-red:#f33;--border-dim:#00f0ff26;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-accent:#00f0ff;--density-gap:16px;--density-padding:16px;--density-font-multiplier:1;--density-min-height:140px;--motion-transition-speed:.2s;--motion-transition-curve:ease;--motion-animation-multiplier:1;--variance-skew:0deg;--variance-border-radius:8px;--variance-backdrop-blur:0px;--variance-glass-bg:var(--bg-room);--variance-glow-opacity:.2;--variance-hue-shift:0deg}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);height:100vh;transition:background-color var(--motion-transition-speed) var(--motion-transition-curve);filter:hue-rotate(var(--variance-hue-shift));background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:30px 30px;font-family:Chakra Petch,sans-serif;overflow:hidden}#root{height:100%}.mono{font-family:JetBrains Mono,monospace}.scanlines{pointer-events:none;z-index:100;opacity:.15;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;position:absolute;inset:0}.app-container{flex-direction:column;height:100%;display:flex;position:relative}.top-hud{border-bottom:1px solid var(--border-dim);z-index:10;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.hud-title{letter-spacing:3px;text-transform:uppercase;color:var(--text-accent);text-shadow:0 0 10px #00f0ff80;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.hud-stats{letter-spacing:1px;gap:24px;font-size:12px;font-weight:600;display:flex}.stat-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.stat-value{color:var(--text-primary);text-shadow:0 0 8px #ffffff80}.stat-value.green{color:var(--border-green);text-shadow:0 0 8px var(--border-green)}.main-viewport{flex:1;justify-content:center;padding:24px;display:flex;overflow:hidden auto}.diorama-grid{gap:var(--density-gap);grid-template-columns:repeat(4,1fr);width:100%;max-width:1400px;padding-bottom:60px;display:grid;position:relative}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-4{grid-column:span 4}.room-card{background-color:var(--variance-glass-bg);background-blend-mode:overlay;border:2px solid var(--border-dim);border-radius:var(--variance-border-radius);padding:var(--density-padding);cursor:pointer;transition:all var(--motion-transition-speed) var(--motion-transition-curve);min-height:var(--density-min-height);-webkit-backdrop-filter:blur(var(--variance-backdrop-blur));backdrop-filter:blur(var(--variance-backdrop-blur));background-position:50%;background-size:cover;flex-direction:column;display:flex;position:relative;overflow:hidden}.room-card:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 0 0,#ffffff0d,#0000 70%);position:absolute;inset:0}.room-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#000c 100%);position:absolute;inset:0}.room-card:hover{background:var(--bg-room-hover);transform:translateY(calc(var(--motion-animation-multiplier) * -3px));box-shadow:0 10px 30px #00000080, 0 0 calc(var(--variance-glow-opacity) * 15px) var(--border-dim)}.room-cyan{border-color:#00f0ff66}.room-cyan:hover{border-color:var(--border-cyan);box-shadow:0 0 15px #00f0ff33,inset 0 0 20px #00f0ff0d}.room-orange{border-color:#ff9d0066}.room-orange:hover{border-color:var(--border-orange);box-shadow:0 0 15px #ff9d0033,inset 0 0 20px #ff9d000d}.room-green{border-color:#0f66}.room-green:hover{border-color:var(--border-green);box-shadow:0 0 15px #0f63,inset 0 0 20px #00ff660d}.room-purple{border-color:#b53cff66}.room-purple:hover{border-color:var(--border-purple);box-shadow:0 0 15px #b53cff33,inset 0 0 20px #b53cff0d}.room-red{border-color:#f336}.room-red:hover{border-color:var(--border-red);box-shadow:0 0 15px #f333,inset 0 0 20px #ff33330d}.room-header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex;position:relative}.room-title-wrapper{align-items:center;gap:8px;display:flex}.room-number{color:var(--text-secondary);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.room-title{font-size:calc(13px * var(--density-font-multiplier));text-transform:uppercase;letter-spacing:1px;font-weight:700}.room-cyan .room-title{color:var(--border-cyan);text-shadow:0 0 5px #00f0ff80}.room-orange .room-title{color:var(--border-orange);text-shadow:0 0 5px #ff9d0080}.room-green .room-title{color:var(--border-green);text-shadow:0 0 5px #00ff6680}.room-purple .room-title{color:var(--border-purple);text-shadow:0 0 5px #b53cff80}.room-red .room-title{color:var(--border-red);text-shadow:0 0 5px #ff333380}.room-status{text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:700;display:flex}.room-status:before{content:"";border-radius:50%;width:6px;height:6px}.room-status.active{color:var(--border-green);background:#00ff661a;border:1px solid #00ff664d}.room-status.active:before{background:var(--border-green);box-shadow:0 0 8px var(--border-green)}.room-status.attention{color:var(--border-orange);background:#ff9d001a;border:1px solid #ff9d004d}.room-status.attention:before{background:var(--border-orange);box-shadow:0 0 8px var(--border-orange)}.room-status.blocked{color:var(--border-red);background:#ff33331a;border:1px solid #ff33334d}.room-status.blocked:before{background:var(--border-red);box-shadow:0 0 8px var(--border-red)}.room-content{z-index:2;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.telemetry-row{border-top:1px solid #ffffff0d;gap:16px;margin-top:8px;padding-top:8px;display:flex}.telemetry-item{flex-direction:column;gap:2px;display:flex}.telemetry-label{font-size:calc(8px * var(--density-font-multiplier));text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px}.telemetry-value{font-size:calc(14px * var(--density-font-multiplier));color:var(--text-primary);font-weight:700}.telemetry-value.alert{color:var(--border-red);text-shadow:0 0 5px #ff333380}.agent-dock{gap:4px;margin-bottom:8px;display:flex}.agent-avatar{width:20px;height:20px;color:var(--text-primary);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:flex}.cockpit-view{background:var(--bg-deep);z-index:50;background-image:radial-gradient(circle,#00f0ff0d,#0000 60%);flex-direction:column;display:flex;position:absolute;inset:0}.cockpit-header{border-bottom:1px solid var(--border-dim);background:#00000080;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.back-btn{border:1px solid var(--border-cyan);color:var(--border-cyan);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:6px 16px;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{background:#00f0ff1a;box-shadow:0 0 10px #00f0ff4d}.cockpit-content{flex:1;grid-template-columns:300px 1fr 340px;gap:24px;padding:24px 32px;display:grid;overflow:hidden}.cockpit-panel{border:1px solid var(--border-dim);background:#0a0f1899;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cockpit-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--border-cyan), transparent);height:2px;position:absolute;top:0;left:0;right:0}.panel-title{text-transform:uppercase;letter-spacing:2px;color:var(--border-cyan);border-bottom:1px solid #00f0ff1a;padding:12px 16px;font-size:11px;font-weight:700}.panel-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.center-hologram{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.globe-placeholder{width:300px;height:300px;animation:rotate calc(20s / var(--motion-animation-multiplier)) linear infinite;border:2px dashed #00f0ff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 50px #00f0ff1a,inset 0 0 50px #00f0ff1a}@keyframes rotate{to{transform:rotate(360deg)}}.globe-core{width:150px;height:150px;animation:pulse calc(2s / var(--motion-animation-multiplier)) infinite alternate;background:radial-gradient(circle,#00f0ff66 0%,#0000 70%);border-radius:50%}@keyframes pulse{to{opacity:.8;transform:scale(1.1)}}.squad-dock{gap:16px;margin-top:auto;padding-top:24px;display:flex}.squad-card{background:#00ff660d;border:1px solid #00ff664d;border-radius:6px;flex:1;padding:12px}.squad-card.idle{background:#00f0ff0d;border-color:#00f0ff4d}.squad-card.blocked{background:#ff33330d;border-color:#ff33334d}.squad-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.squad-icon{background:#00000080;border:1px solid;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.event-item{border-bottom:1px solid #ffffff0d;grid-template-columns:60px 1fr;gap:12px;padding-bottom:8px;font-size:11px;display:grid}.event-time{color:var(--text-secondary)}.event-msg{color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00f0ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.hex-dot{animation:pulseDot calc(2s / var(--motion-animation-multiplier)) infinite alternate}@keyframes pulseDot{0%{opacity:.3}to{opacity:1}}.nodes-pulse{animation:pulseNode calc(1.5s / var(--motion-animation-multiplier)) infinite alternate;transform-origin:50%}@keyframes pulseNode{0%{opacity:.5;r:3px}to{opacity:1;r:6px}}.radar-sweep{transform-origin:80px 20px;animation:sweep calc(4s / var(--motion-animation-multiplier)) linear infinite}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circuit-pulse{animation:glowPulse calc(1.5s / var(--motion-animation-multiplier)) infinite alternate}@keyframes glowPulse{0%{filter:drop-shadow(0 0 1px var(--border-cyan));opacity:.4}to{filter:drop-shadow(0 0 6px var(--border-cyan));opacity:1}}.auto-telemetry-pill{color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;font-family:Chakra Petch,sans-serif;font-size:10px;font-weight:700;transition:all .2s;display:flex}.auto-telemetry-pill:hover{background:#ffffff14;border-color:#ffffff26}.auto-telemetry-pill.active{color:var(--border-cyan);background:#00f0ff1f;border-color:#00f0ff66;box-shadow:0 0 10px #00f0ff26}.auto-telemetry-pill.active.motion{color:var(--border-orange);background:#ff7f001f;border-color:#ff7f0066;box-shadow:0 0 10px #ff7f0026}.auto-telemetry-pill.active.density{color:var(--border-green);background:#00ff661f;border-color:#0f66;box-shadow:0 0 10px #00ff6626}.auto-telemetry-pill.active:hover{background:#00f0ff2e;border-color:#00f0ff99}.auto-telemetry-pill.active.motion:hover{background:#ff7f002e;border-color:#ff7f0099}.auto-telemetry-pill.active.density:hover{background:#00ff662e;border-color:#0f69}.telemetry-indicator-dot{background:#4b5563;border-radius:50%;width:6px;height:6px;transition:all .2s;display:inline-block}.telemetry-indicator-dot.active{background:currentColor;animation:1s infinite alternate pulseDot;box-shadow:0 0 6px}body,.intel-panel,.intel-title,.motive-statement,button,input,textarea,.webhook-name,.hud-title,.room-title,.panel-title,.detail-name,.spec-val,.motive-stat-val{font-weight:var(--taste-font-weight,500)!important;letter-spacing:var(--taste-letter-spacing,normal)!important}.room-card,.intel-panel,.intel-detail-panel,.cockpit-panel,.webhook-card,.detail-section,.spec-card,.motive-stat-tile,.motive-item-card,.ingest-queue-card{background-color:rgba(10, 15, 24, var(--taste-glass-opacity,.7))!important;-webkit-backdrop-filter:blur(var(--taste-blur-radius,8px))!important}.hud-title,.room-title,.intel-title,.panel-title,.detail-name,.webhook-name,.motive-stat-val{text-shadow:0 0 var(--taste-glow-radius,6px) rgba(0, 240, 255, var(--taste-glow-opacity,.45))!important}.room-card:hover,.intel-panel:hover,.intel-detail-panel:hover,.cockpit-panel:hover{box-shadow:0 10px 30px #00000080, 0 0 var(--taste-glow-radius,10px) rgba(0, 240, 255, var(--taste-glow-opacity,.3))!important}.status-badge.active,.room-status.active{text-shadow:0 0 var(--taste-glow-radius,6px) rgba(0, 255, 102, var(--taste-glow-opacity,.55))!important}.status-badge.proposed,.room-status.attention{text-shadow:0 0 var(--taste-glow-radius,6px) rgba(0, 240, 255, var(--taste-glow-opacity,.55))!important}.btn-cyber:hover:not(:disabled){box-shadow:0 0 var(--taste-glow-radius,12px) rgba(0, 240, 255, var(--taste-glow-opacity,.5))!important}