:root{--bg:#07110f;--surface:#0b1916;--surface-2:#10231e;--surface-3:#17332a;--line:#23453a;--line-soft:#17352d;--ink:#eaf4ee;--muted:#7f9c91;--dim:#547267;--mint:#8ce3b6;--gold:#f3c77b;--red:#f18b83;--blue:#8dbdf1;--radius:14px;--ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 45% -20%,#17372c 0,#0b1b16 34%,var(--bg) 72%);color:var(--ink);font-family:var(--ui);font-size:14px;min-height:100vh}button{font:inherit;color:inherit}.app-shell{max-width:1640px;margin:0 auto;padding:0 clamp(12px,2.8vw,44px)}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{width:26px;height:26px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #4c8970;transform:rotate(45deg);background:#0e251e}.brand-mark i{display:block;width:3px;background:var(--mint);transform:rotate(-45deg)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:6px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:13px;letter-spacing:.22em}.brand-copy small{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.13em;margin-top:6px}.top-status{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:10px;color:var(--muted)}.live-badge{color:var(--mint);letter-spacing:.12em}.live-badge b,.sync-state i,.feed-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #8ce3b688;margin-right:5px}.agent-total{border-left:1px solid var(--line);padding-left:18px}.agent-total strong{color:var(--ink);font-size:14px;margin-right:4px}.top-status time{font-size:15px;color:var(--ink);letter-spacing:.03em}.city-zone{font-size:9px;color:var(--gold);letter-spacing:.18em}.observatory{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:18px;padding:18px 0 14px}.world-card{position:relative;min-width:0;height:min(74vh,760px);min-height:540px;overflow:hidden;border:1px solid #285342;border-radius:var(--radius);background:#0b2019;box-shadow:0 22px 60px #00000025}.world-card:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff08;border-radius:inherit}.world-chrome{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px;background:linear-gradient(#0a1c17e8,transparent)}.world-title{display:flex;align-items:center;gap:14px}.eyebrow{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.16em}.sync-state{font-family:var(--mono);font-size:9px;color:var(--dim);display:flex;align-items:center}.world-tools{display:flex;gap:10px;align-items:center}.day-state{font-family:var(--mono);font-size:9px;color:var(--gold);letter-spacing:.15em}.world-tools button{background:#10271fbb;border:1px solid #315c4b;border-radius:6px;padding:7px 9px;cursor:pointer;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.world-tools button:hover,.world-tools button:focus-visible{color:var(--ink);border-color:var(--mint);outline:none}#city-map{display:block;width:100%;height:100%;cursor:pointer;touch-action:auto}.map-hint{position:absolute;bottom:16px;left:18px;color:#8eafa1aa;font-family:var(--mono);font-size:9px;letter-spacing:.04em}.map-hint span{color:#477264;margin:0 5px}.map-key{position:absolute;right:17px;bottom:15px;display:flex;gap:11px;color:#a7c0b5bb;font-family:var(--mono);font-size:8px;letter-spacing:.08em}.key-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.engineering{background:var(--mint)}.research{background:var(--blue)}.operations{background:var(--gold)}.security{background:var(--red)}.map-scanline{position:absolute;left:0;right:0;top:0;height:1px;background:#9eeacb22;box-shadow:0 0 14px #9eeacb55;animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(760px)}}.observatory-rail{display:flex;flex-direction:column;gap:14px;padding:4px 0}.rail-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 3px}.rail-heading h1{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.03em;margin:8px 0 0}.pulse-ring{width:28px;height:28px;border:1px solid #8ce3b655;border-radius:50%;position:relative}.pulse-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}.pulse-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.pulse-strip div{background:var(--surface);padding:13px 12px}.pulse-strip div:last-child{grid-column:span 2;padding-top:10px;padding-bottom:10px}.pulse-strip strong{display:block;font-family:var(--mono);font-size:20px;font-weight:500;color:var(--mint)}.pulse-strip span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.pulse-strip .alert-stat strong{color:var(--red)}.activity-feed,.locations-mini{border-top:1px solid var(--line-soft);padding-top:14px}.feed-heading{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.14em;margin-bottom:13px}.feed-live{color:var(--mint);letter-spacing:.08em}.feed-line{display:flex;align-items:center;gap:9px;color:#aec5ba;font-size:10px;line-height:1.4;padding:7px 0;border-bottom:1px solid #17352d88}.feed-dot{width:6px;height:6px;flex:none;border-radius:50%}.feed-dot.mint{background:var(--mint)}.feed-dot.gold{background:var(--gold)}.feed-dot.blue{background:var(--blue)}.location-chips{display:flex;flex-wrap:wrap;gap:6px}.location-chips span{border:1px solid var(--line);background:#0d201a;color:#9db7ab;border-radius:5px;padding:6px 7px;font-family:var(--mono);font-size:8px}.inspector-sheet{position:fixed;z-index:10;right:clamp(18px,4vw,58px);bottom:48px;width:300px;transform:translateY(12px);opacity:0;pointer-events:none;background:#0d211bfa;border:1px solid #4b8b70;border-radius:12px;padding:17px;box-shadow:0 18px 55px #0009;transition:opacity .22s ease,transform .22s ease}.inspector-sheet.open{opacity:1;transform:translateY(0);pointer-events:auto}.sheet-close{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.sheet-close:hover{color:var(--ink)}.inspector-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px;color:var(--muted)}.inspector-empty .crosshair{font-size:22px;color:var(--gold)}.inspector-empty small{font-size:10px}.agent-detail{font-size:11px}.agent-detail h2{font-family:Georgia,serif;font-weight:400;font-size:21px;margin:8px 0 4px}.agent-detail .role{font-family:var(--mono);color:var(--mint);font-size:9px;letter-spacing:.14em}.agent-detail dl{display:grid;grid-template-columns:76px 1fr;gap:9px;margin:18px 0 0;color:var(--muted);font-family:var(--mono);font-size:9px}.agent-detail dd{margin:0;color:var(--ink);font-family:var(--ui);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{max-width:1640px;margin:0 auto;padding:0 clamp(12px,2.8vw,44px) 15px;display:flex;justify-content:space-between;color:#59796b;font-family:var(--mono);font-size:8px;letter-spacing:.04em}@media(max-width:1000px){.observatory{grid-template-columns:1fr}.world-card{height:calc(100svh - 105px);min-height:560px}.observatory-rail{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rail-heading{grid-column:span 2}.activity-feed{border-top:0;padding-top:0}.locations-mini{border-top:0;padding-top:0}}@media(max-width:620px){.app-shell{padding:0 10px}.topbar{height:58px}.brand-mark{width:22px;height:22px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:7px;margin-top:5px}.top-status{gap:8px}.agent-total{padding-left:8px}.top-status time{font-size:12px}.city-zone{display:none}.live-badge{font-size:9px}.observatory{display:block;padding:10px 0 9px}.world-card{height:calc(100svh - 78px);min-height:430px;border-radius:11px}.world-chrome{padding:12px 12px}.world-title{display:block}.world-title .sync-state{margin-top:7px}.world-tools{gap:6px}.world-tools button{padding:7px 6px;font-size:7px}.map-hint{left:12px;bottom:12px;font-size:8px}.map-key{left:12px;right:auto;bottom:34px;gap:8px;font-size:7px}.map-scanline{display:none}.observatory-rail{display:none}.inspector-sheet{left:10px;right:10px;bottom:12px;width:auto;padding:15px;transform:translateY(20px)}.inspector-sheet.open{transform:translateY(0)}.footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.room-panel{position:fixed;z-index:12;right:clamp(18px,4vw,58px);top:92px;width:min(390px,calc(100vw - 36px));background:#0d211bfa;border:1px solid #4b8b70;border-radius:14px;padding:20px;box-shadow:0 22px 70px #000b;opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}.room-panel.open{opacity:1;transform:translateY(0)}.room-close{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.room-panel-head h2{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:9px 0 4px}.room-panel-head p{color:var(--muted);font-size:11px;margin:0 0 18px}.room-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:14px 0}.room-stat-label{display:block;color:var(--dim);font:9px var(--mono);letter-spacing:.12em;margin-bottom:8px}.room-panel-grid strong{display:block;color:var(--mint);font:14px var(--mono)}.room-agent{display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid var(--line);background:#10271f;border-radius:7px;padding:8px;margin-bottom:6px;cursor:pointer}.room-agent:hover,.room-agent:focus-visible{border-color:var(--mint);outline:none}.room-agent b{font-size:11px;color:var(--ink)}.room-agent span,.room-task span,.room-empty{font-size:10px;color:var(--muted);margin-top:3px}.room-activity{padding-top:15px}.room-task{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line-soft)}.room-task b{font-size:10px;color:var(--gold)}@media(max-width:620px){.room-panel{left:10px;right:10px;top:auto;bottom:12px;width:auto;padding:16px;transform:translateY(16px)}.room-panel.open{transform:translateY(0)}}