:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef9;background:#050914;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 44% 24%,#172842,#07101e 48%,#02040a)}canvas{display:block}#game-root canvas{filter:saturate(1.14) contrast(1.08)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.topbar,.side,.bottom-panel,.overlay-panel{pointer-events:auto;position:absolute;border:1px solid rgba(148,163,184,.24);background:linear-gradient(145deg,#050a13e0,#0a101dbd);box-shadow:0 18px 80px #0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar{top:10px;left:10px;right:10px;height:70px;display:grid;grid-template-columns:210px repeat(6,minmax(90px,1fr));gap:10px;align-items:center;padding:10px 14px;border-radius:18px}.brand{display:grid;gap:2px;letter-spacing:.04em}.brand-kicker{color:#91aace;font-size:11px}.brand strong{font-size:24px;line-height:1}.resource{border-left:1px solid rgba(148,163,184,.18);padding-left:12px;display:grid;gap:3px;min-width:0}.resource span{color:#8ba4c8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.resource strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side{top:98px;width:286px;border-radius:18px;padding:14px}.left-panel{left:10px;display:grid;align-content:start;gap:10px}.right-panel{right:10px;bottom:112px;overflow:hidden;display:grid;grid-template-rows:auto minmax(120px,1fr) auto minmax(92px,.72fr);gap:10px}.right-panel header,.bottom-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#dbeafe;margin-bottom:6px}.right-panel small{color:#8193b2}.panel-section-title{margin:8px 2px 0;color:#8ba4c8;font-size:11px;text-transform:uppercase;letter-spacing:.14em}button{font:inherit;color:#eef5ff;border:1px solid rgba(148,163,184,.22);background:#1d273a;border-radius:12px;padding:12px;cursor:pointer;text-align:left}button:hover{border-color:#7dd3fc99;background:#263147}.primary-command{background:linear-gradient(135deg,#253a59f5,#1e293be0)}.lens-button.active{border-color:#7dd3fccc;background:linear-gradient(135deg,#1d4e74c7,#1e293beb);box-shadow:inset 0 0 18px #38bdf82e}.briefing-button{font-size:14px;padding:10px 12px}.campaign-plate{display:grid;gap:3px;border:1px solid rgba(242,197,96,.28);background:linear-gradient(145deg,#2e2411c7,#0c121ee6);border-radius:14px;padding:12px}.campaign-plate small{color:#d7b76a;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.campaign-plate strong{font-size:14px;color:#f4e8c6}.campaign-plate span{color:#a9b7cc;font-size:12px}.mini-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mini-actions button{text-align:center;padding:10px}.status-card{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;background:#0f172aad}.status-card small{color:#8ba4c8;text-transform:uppercase;letter-spacing:.08em}.status-card strong{justify-self:end}.map-legend{border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:10px;display:grid;gap:8px;background:#0f172a94}.map-legend div{display:grid;grid-template-columns:14px 62px 1fr;gap:8px;align-items:center;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 12px currentColor}.legend-low{background:#74e089;color:#74e089}.legend-mid{background:#f6d84e;color:#f6d84e}.legend-high{background:#f87191;color:#f87191}.map-legend small{color:#9ba9c0}#event-list,#topic-list,#research-tree{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-height:0;overflow:auto}#event-list li,#topic-list li{border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:10px;display:grid;gap:4px;background:#0f172a75}#event-list li.warn{border-color:#f871715c}#event-list strong,#topic-list strong{font-size:13px}#event-list small,#topic-list small{font-size:12px;color:#98a7bd}.bottom-panel{left:max(318px,20%);right:max(318px,18%);bottom:16px;min-height:112px;max-height:170px;border-radius:18px;padding:14px 16px;overflow:hidden}.bottom-panel p{margin:0 0 10px;color:#c7d2e4;font-size:14px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid rgba(148,163,184,.22);color:#dbeafe;background:#0f172ab8;border-radius:999px;padding:5px 10px;font-size:11px}.chip.ok{border-color:#74e08973;background:#134d2d5c}.chip.warn{border-color:#f6d84e7a;background:#6348125c}.chip.danger{border-color:#f871717a;background:#661c1c61}.chip.blue{border-color:#7dd3fc73;background:#0e4b6e61}.selection-metrics{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.metric-mini{min-width:86px;border:1px solid rgba(148,163,184,.14);border-radius:10px;padding:7px 9px;display:grid;gap:2px;background:#0f172a7a}.metric-mini small{color:#8ba4c8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.metric-mini strong{font-size:13px}.map-vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #020617b8;z-index:1}.public-badge{pointer-events:none;position:fixed;z-index:4;right:24px;top:84px;border:1px solid rgba(116,224,137,.32);background:#14532d61;color:#a7f3bd;border-radius:999px;padding:7px 14px;font-weight:800;font-size:11px;letter-spacing:.12em}.overlay-panel{right:330px;top:112px;width:min(620px,calc(100vw - 680px));max-height:calc(100vh - 240px);overflow:auto;border-radius:18px;padding:16px;z-index:10}.overlay-panel.hidden{display:none}.overlay-panel header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.overlay-panel header small{color:#8ba4c8;letter-spacing:.12em}.overlay-panel header strong{display:block;font-size:18px}.overlay-panel header button{padding:8px 10px}.briefing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.briefing-grid article,.speaker-card,.seat{border:1px solid rgba(148,163,184,.14);background:#0f172a8a;border-radius:14px;padding:12px;display:grid;gap:5px}.briefing-grid span,.speaker-card span,.seat span{color:#8ba4c8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.overlay-panel p,.overlay-panel footer{color:#c7d2e4}.hall-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;align-items:stretch}.council-ring{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.research-tree li{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:12px;padding:10px;display:grid;grid-template-columns:86px 1fr;gap:2px 10px}.research-tree li span{grid-row:span 2;align-self:center;text-align:center;border-radius:999px;padding:5px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#64748b38}.research-tree li.complete span{background:#14532d7a;color:#b8f7c8}.research-tree li.available span{background:#1e40af6b;color:#bfdbfe}.research-tree li.blocked span{background:#713f126b;color:#fde68a}.research-tree small{color:#98a7bd}@media(max-width:1100px){.topbar{grid-template-columns:1fr 1fr 1fr;height:auto}.resource:nth-of-type(n+4){display:none}.left-panel,.right-panel{width:250px}.bottom-panel{left:18px;right:18px;bottom:10px}.overlay-panel{left:18px;right:18px;width:auto}}