@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a1a;color:#fff;font-family:JetBrains Mono,monospace;overflow-x:hidden}.app{height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;padding:0 20px;height:48px;background:linear-gradient(180deg,#1a2744,#16213e);border-bottom:2px solid #2a3a5c;gap:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{width:30px;height:30px;background:linear-gradient(135deg,#4a9dff,#2563eb);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:11px;color:#fff}.title{font-family:"Press Start 2P",monospace;font-size:11px;color:#fff}.header-stats{display:flex;align-items:center;gap:14px;flex:1;justify-content:center}.stat-item{display:flex;align-items:center;gap:6px}.stat-label{font-size:9px;color:#4b5c7a;font-weight:600;letter-spacing:1px}.stat-value{font-size:13px;font-weight:700}.stat-value.blue{color:#4a9dff}.stat-value.green{color:#4ade80}.stat-value.yellow{color:#fbbf24}.stat-value.dim{color:#4b5c7a;font-size:11px}.stat-sub{font-size:11px;color:#4b5c7a}.stat-divider{width:1px;height:20px;background:#2a3a5c}.stat-progress-wrap{display:flex;align-items:center;gap:6px}.stat-progress-bar{width:60px;height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.stat-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .5s ease}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid #2a3a5c;background:transparent;color:#6b7fa3;font-size:10px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;position:relative}.nav-btn:hover{background:#ffffff0d;color:#c8d6e5}.nav-btn.active{background:#4a9dff1a;border-color:#4a9dff;color:#4a9dff}.badge{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}.header-time-block{padding-left:8px;border-left:1px solid #2a3a5c}.header-time{font-size:12px;color:#94a3b8;font-weight:600;font-variant-numeric:tabular-nums}.app-main{flex:1;padding:12px 16px;display:flex;flex-direction:column;overflow:hidden}.main-content{display:flex;gap:12px;flex:1;min-height:0}.overlay-panel{position:absolute;top:0;right:0;width:380px;z-index:100;max-height:460px;box-shadow:0 8px 32px #00000080;border-radius:10px;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 4px #4ade8033}50%{box-shadow:0 0 12px #4ade8066}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.agent-sprite{transition:transform .15s ease,filter .15s ease}.agent-sprite:hover{transform:translateY(-2px);filter:brightness(1.1)}:root{font-family:"Press Start 2P",monospace;color-scheme:dark}