:root{--bg:#0e0e12;--bg-panel:#16161c;--bg-card:#1e1e26;--border:#2a2a36;--text:#c8c8d4;--text-dim:#6e6e82;--text-bright:#e8e8f0;--accent:#7b8cde;--green:#4ec990;--yellow:#e0c060;--orange:#e09050;--red:#e05060;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);color:var(--text);background:var(--bg);font-size:13px;line-height:1.5}.app{grid-template-rows:40px 1fr 40px;height:100%;display:grid}.top-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 12px;display:flex}.top-bar__title{color:var(--text-bright);white-space:nowrap;font-size:14px;font-weight:600}.top-bar__chronicle-btn{background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-mono);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.top-bar__chronicle-btn:hover{border-color:var(--accent)}.main-layout{grid-template-rows:1fr 180px;grid-template-columns:1fr 320px;display:grid;overflow:hidden}.world-view{background:var(--bg);grid-area:1/1/2/2;padding:12px;overflow-y:auto}.world-view__heading{color:var(--text-bright);margin-bottom:12px;font-size:15px;font-weight:600}.world-view__buildings{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.context-panel{background:var(--bg-panel);border-left:1px solid var(--border);grid-area:1/2/3/3;padding:12px;overflow-y:auto}.context-panel__heading{color:var(--text-bright);margin-bottom:8px;font-size:13px;font-weight:600}.bottom-feed{background:var(--bg-panel);border-top:1px solid var(--border);grid-area:2/1/3/2;padding:8px 12px;overflow-y:auto}.bottom-feed__heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:600}.shaman-input{background:var(--bg-panel);border-top:1px solid var(--border);align-items:center;gap:8px;padding:0 12px;display:flex}.shaman-input__field{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:4px;outline:none;flex:1;padding:6px 10px;font-size:13px}.shaman-input__field:focus{border-color:var(--accent)}.shaman-input__btn{background:var(--accent);color:var(--bg);font-family:var(--font-mono);cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:600}.shaman-input__btn:hover{opacity:.85}.district-panel{margin-bottom:16px}.district-panel__name{color:var(--text-bright);font-size:14px;font-weight:600}.district-panel__desc{color:var(--text-dim);margin-bottom:8px;font-size:12px}.building-card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:10px}.building-card__name{color:var(--text-bright);font-size:12px;font-weight:600}.building-card__status{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;margin-top:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.building-card__status--idle{color:var(--green);background:#1a2a20}.building-card__status--active{color:var(--yellow);background:#2a2a14}.building-card__status--blocked{color:var(--red);background:#2a1418}.pressure-bars{flex:1;gap:8px;min-width:0;display:flex}.pressure-bar{flex:1;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.pressure-bar__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;flex-shrink:0;width:28px;font-size:9px}.pressure-bar__track{background:var(--bg);border-radius:2px;flex:1;min-width:0;height:8px;overflow:hidden}.pressure-bar__fill{border-radius:2px;height:100%;transition:width .4s}.pressure-bar__fill--low{background:var(--green)}.pressure-bar__fill--medium{background:var(--yellow)}.pressure-bar__fill--high{background:var(--orange)}.pressure-bar__fill--critical{background:var(--red);animation:1.2s ease-in-out infinite pulse-bar}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.pressure-bar__tooltip{z-index:10;background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;border-radius:4px;margin-top:4px;padding:6px 8px;font-size:11px;display:none;position:absolute;top:100%;left:0}.pressure-bar:hover .pressure-bar__tooltip{display:block}.event-feed{list-style:none}.event-feed__item{gap:8px;padding:2px 0;font-size:12px;line-height:1.4;display:flex}.event-feed__time{color:var(--text-dim);white-space:nowrap;flex-shrink:0}.event-feed__type{color:var(--accent);white-space:nowrap;flex-shrink:0}.event-feed__summary{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.approval-queue{flex-direction:column;gap:8px;display:flex}.approval-item{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:8px}.approval-item__action{color:var(--text-bright);font-size:12px;font-weight:600}.approval-item__reason{color:var(--text-dim);margin:4px 0;font-size:11px}.approval-item__buttons{gap:6px;display:flex}.approval-item__btn{font-family:var(--font-mono);cursor:pointer;border:none;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:600}.approval-item__btn--approve{color:var(--green);background:#1a2a20}.approval-item__btn--deny{color:var(--red);background:#2a1418}.approval-item__btn:hover{opacity:.8}