:root{color:#f8fafc;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.app-shell{position:relative;min-height:100vh;padding:86px 16px 152px;background:linear-gradient(180deg,#070b123d,#070b12bd),#070b12}.war-room-stage{position:fixed;top:72px;right:0;bottom:132px;left:0;z-index:0;display:grid;place-items:center;overflow:hidden;border:2px solid #334155;background:#111827;image-rendering:pixelated;box-shadow:0 0 0 4px #0f172a,0 28px 80px #0000006b}.war-room-canvas{width:100%!important;height:100%!important;object-fit:fill;image-rendering:pixelated}.overlay-shell{position:fixed;top:16px;right:16px;bottom:16px;left:16px;z-index:2;pointer-events:none}.panel{pointer-events:auto;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#0f172ac2;box-shadow:0 12px 28px #00000042;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-status{position:absolute;inset:0 0 auto 0;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px}.eyebrow{display:block;margin-bottom:2px;color:#7dd3fc;font-family:Courier New,monospace;font-size:11px;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#f8fafc;font-size:clamp(20px,3vw,30px);font-weight:800;letter-spacing:0}h2{margin-bottom:12px;color:#e2e8f0;font-size:14px;letter-spacing:0}.status-metrics{display:flex;gap:8px}.metric{min-width:70px;padding:7px 10px;border:1px solid #334155;border-radius:6px;background:#0b1220}.metric span{display:block;color:#94a3b8;font-size:10px;line-height:1.1}.metric strong{color:#f8fafc;font-family:Courier New,monospace;font-size:18px}.metric.alert strong{color:#f97373}.metric.success strong{color:#86efac}.agent-list{position:absolute;top:72px;bottom:auto;left:0;width:208px;max-height:560px;padding:14px}.agent-rows,.event-rows,.task-stack{display:grid;gap:8px}.agent-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;padding:8px;border:1px solid #253247;border-radius:6px;background:#111827}.agent-row strong,.agent-row span,.agent-row em{display:block;min-width:0}.agent-row strong{overflow-wrap:anywhere;color:#f8fafc;font-size:12px}.agent-row span{color:#cbd5e1;font-size:12px}.agent-row em{grid-column:2;color:#94a3b8;font-size:11px;font-style:normal}.status-led{width:10px;height:10px;margin-top:3px;border:1px solid #020617;border-radius:2px;background:#8390a2}.status-led.moving{background:#2dd4bf}.status-led.working{background:#f8c84e}.status-led.alert{background:#f97373}.status-led.completed{background:#6ee787}.current-task{position:absolute;top:72px;right:0;width:248px;padding:14px}.task-chip{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #253247;border-radius:6px;background:#101827}.task-chip span{color:#38bdf8;font-family:Courier New,monospace;font-size:12px}.task-chip p{overflow-wrap:anywhere;color:#e2e8f0;font-size:13px}.event-log{position:absolute;right:0;bottom:0;left:0;height:116px;padding:12px 14px}.event-log h2{margin-bottom:8px}.event-rows{grid-template-columns:repeat(5,minmax(150px,1fr))}.event-row{min-height:56px;padding:8px;border:1px solid #253247;border-left:4px solid #38bdf8;border-radius:6px;background:#0b1220}.event-row.success{border-left-color:#86efac}.event-row.warning{border-left-color:#facc15}.event-row.critical{border-left-color:#fb7185}.event-row time{display:block;margin-bottom:5px;color:#94a3b8;font-family:Courier New,monospace;font-size:11px}.event-row p{overflow-wrap:anywhere;color:#e2e8f0;font-size:12px;line-height:1.45}@media(max-width:1040px){.app-shell{min-height:1200px;padding:0}.overlay-shell{position:relative;inset:auto;display:grid;gap:12px;padding:12px}.system-status,.agent-list,.current-task,.event-log{position:static;width:auto;height:auto}.war-room-stage{position:relative;inset:auto;width:calc(100vw - 24px);height:min(66vw,620px);margin:86px 12px 12px}.event-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.system-status{align-items:flex-start;flex-direction:column}.status-metrics{width:100%}.metric{flex:1;min-width:0}.war-room-stage{height:360px;margin-top:152px}.event-rows{grid-template-columns:1fr}}