:root{--pixel-font: "Press Start 2P", ui-monospace, monospace;--ui-bg: #0d0f14;--ui-panel: #121622;--ui-border: #c9a227;--ui-accent: #e8943c;--ui-text: #e8e4d9;--ui-muted: #7a8299;--hud-top-h: 44px;--sidebar-w: 708px;--bottom-h: 52px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050608;color:var(--ui-text);font-family:var(--pixel-font);font-size:9px;line-height:1.5;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;position:relative}.hud-top{height:var(--hud-top-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(180deg,#151a24,#0d1018);border-bottom:2px solid #1e2433;box-shadow:0 2px #000;z-index:20}.brand{display:flex;align-items:center;gap:8px;color:#e8c547;letter-spacing:.06em;text-shadow:1px 1px 0 #3a2208}.brand-dot{width:8px;height:8px;background:#4ade80;box-shadow:0 0 0 2px #14532d}.top-stats{display:flex;align-items:center;gap:18px;color:var(--ui-muted)}.top-stats b{color:#f0e6c8;font-weight:400}.main-row{flex:1;display:flex;min-height:0;position:relative}#canvas-wrap{flex:1;position:relative;min-width:0;background:#2d3e33}#game{display:block;width:100%;height:calc(100% - var(--bottom-h));cursor:grab;background:#2d3e33;image-rendering:pixelated;image-rendering:crisp-edges}#game.dragging{cursor:grabbing}.hud-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--ui-panel);border-left:3px solid #252a36;display:flex;flex-direction:column;z-index:15;box-shadow:-4px 0 12px #00000059}.sidebar-top-row{display:flex;flex-direction:row;align-items:stretch;gap:12px;padding:10px 10px 12px;border-bottom:2px solid #1a1f2a;flex-shrink:0}.epic-sidebar{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;padding-right:4px}.epic-sidebar-tagline{font-family:Cinzel,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(7px,.55vw + 4px,10px);line-height:1.55;color:#8b93a8;letter-spacing:.08em;margin:0 0 8px;text-wrap:balance}.epic-sidebar-ornament{width:100%;max-width:100px;height:2px;margin:0 0 8px;background:linear-gradient(90deg,transparent,#c9a227,#f0d65c,#c9a227,transparent);box-shadow:0 0 8px #c9a2274d}.epic-sidebar-title{font-family:Cinzel,Times New Roman,serif;font-weight:700;font-size:clamp(11px,.9vw + 6px,18px);line-height:1.15;letter-spacing:.14em;text-transform:uppercase;margin:0;background:linear-gradient(188deg,#fff9ef,#f0d65c 38%,#c9a227 65%,#8a6a1e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.85))}.epic-sidebar-sub{font-family:Cinzel,serif;font-weight:600;font-size:clamp(6px,.4vw + 4px,8px);letter-spacing:.28em;text-transform:uppercase;color:#d4a84b;margin:6px 0 0}.epic-sidebar-line{font-family:Cinzel,serif;font-size:clamp(5px,.35vw + 4px,7px);color:#6d7589;letter-spacing:.12em;text-transform:uppercase;margin:10px 0 0;line-height:1.45}.minimap-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:0;border-bottom:none}.minimap-label{display:block;margin-bottom:6px;color:var(--ui-muted);font-size:8px;align-self:flex-start;width:100%;text-align:center}#minimap{display:block;width:200px;height:200px;image-rendering:pixelated;image-rendering:crisp-edges;background:#0a0c10;border:2px solid #c9a227;box-shadow:inset 0 0 0 2px #000}.sidebar-section-title{padding:8px 10px 4px;color:#c9a227;font-size:8px;letter-spacing:.04em}.faction-sidebar-list{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 10px}.chronicle-title{flex-shrink:0}.chronicle{flex:0 0 min(280px,36vh);max-height:36vh;min-height:160px;overflow-y:auto;padding:8px 10px;border-top:2px solid #1a1f2a;border-bottom:2px solid #1a1f2a;font-size:7px;line-height:1.55;color:#b8c0d4;background:#0a0d14}.chronicle div{margin-bottom:10px;word-break:break-word}.chronicle b{color:#daf05c;font-weight:400}.faction-block{margin-bottom:8px;border:2px solid #252a38;background:#0c0f16}.faction-header{width:100%;display:flex;align-items:center;gap:10px;padding:10px;background:#121722;border:none;border-bottom:2px solid #252a38;cursor:pointer;text-align:left;font-family:var(--pixel-font);color:var(--ui-text)}.faction-header.is-open{background:#0f141c;border-bottom-color:#c9a227}.faction-header-dot{width:12px;height:12px;flex-shrink:0;border:2px solid #333;box-shadow:0 0 0 1px #000}.faction-header-title{flex:1;font-size:8px;color:#f0e6c8;letter-spacing:.04em}.faction-header-meta{font-size:6px;color:var(--ui-muted)}.faction-header-chev{font-size:8px;color:#c9a227;flex-shrink:0}.faction-agent-list{padding:6px 6px 8px;background:#080a10}.faction-agent-list.is-collapsed{display:none}.agent-row-compact{padding:6px;margin-bottom:4px}.agent-row-compact .icon{width:18px;height:18px}.agent-row-compact .name{font-size:7px}.agent-row-compact .task{font-size:6px}.agent-row{display:flex;gap:8px;align-items:flex-start;padding:8px 6px;margin-bottom:6px;background:#0f1219;border:2px solid #2a3142;cursor:pointer;text-align:left}.agent-row:hover{border-color:#5b8cce}.agent-row.active{border-color:#58a6ff;box-shadow:0 0 0 1px #1e3a5f}.agent-row .icon{width:22px;height:22px;flex-shrink:0;border:2px solid #333;image-rendering:pixelated}.agent-row .meta{min-width:0;flex:1}.agent-row .name{color:#f0e6c8;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-row .task{color:var(--ui-muted);font-size:7px;line-height:1.4}.btn-deploy{margin:10px;padding:12px 8px;background:var(--ui-accent);color:#1a0f05;border:none;border-bottom:4px solid #a85f18;font-family:var(--pixel-font);font-size:8px;cursor:pointer;letter-spacing:.04em}.btn-deploy:active{transform:translateY(2px);border-bottom-width:2px}.btn-ghost{margin:0 10px 10px;padding:8px;background:#1e2433;color:var(--ui-text);border:2px solid #3d4659;font-family:var(--pixel-font);font-size:7px;cursor:pointer}.hud-bottom{position:absolute;left:0;right:0;bottom:0;height:var(--bottom-h);background:#0c0e14eb;border-top:2px solid #c9a227;padding:8px 14px 8px clamp(200px,38vw,520px);color:#d4cfc0;font-size:8px;pointer-events:none;z-index:12}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2d3e33;color:#c9a227;font-size:10px;z-index:100}#loading.hidden{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(440px,100%);max-height:94vh;overflow-y:auto;background:var(--ui-bg);border:3px solid var(--ui-border);box-shadow:4px 4px #000,0 0 0 4px #2a1f08}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:3px solid var(--ui-border);background:#10131c}.modal-head h2{margin:0;font-size:10px;color:#f0d65c;display:flex;align-items:center;gap:10px}.modal-close{width:28px;height:28px;border:2px solid #555;background:#1a1f28;color:#fff;font-family:var(--pixel-font);font-size:9px;cursor:pointer;line-height:1}.tabs{display:flex;gap:0;border-bottom:2px solid #2a3142}.tab{flex:1;padding:10px 8px;background:#151921;border:none;border-bottom:3px solid transparent;color:var(--ui-muted);font-family:var(--pixel-font);font-size:7px;cursor:pointer}.tab.active{color:#f0d65c;border-bottom-color:#c9a227;background:#0d0f14}.tab:disabled{opacity:.4;cursor:not-allowed}.modal-body{padding:14px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:#a9b0c4;font-size:7px}.field input[type=text],.field textarea,.field select{width:100%;padding:8px;background:#080a0e;border:2px solid #3d4558;color:var(--ui-text);font-family:var(--pixel-font);font-size:8px;resize:vertical}.field .hint{margin-top:4px;font-size:6px;color:#5c6578}.factions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.faction-btn{padding:10px 8px;background:#121621;border:2px solid #353d50;color:var(--ui-text);font-family:var(--pixel-font);font-size:7px;cursor:pointer;text-align:center}.faction-btn.selected{border-color:#f0d65c;box-shadow:0 0 0 1px #5c4a12}.slider-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.slider-row label{flex:0 0 110px;margin:0;font-size:6px;color:#8c94a8}.slider-row input[type=range]{flex:1;accent-color:#e8943c}.slider-row .val{flex:0 0 28px;text-align:right;color:#f0e6c8}.btn-primary{width:100%;margin-top:8px;padding:14px 10px;background:var(--ui-accent);color:#1a0f05;border:none;border-bottom:4px solid #a85f18;font-family:var(--pixel-font);font-size:8px;cursor:pointer}.btn-primary:active{transform:translateY(2px);border-bottom-width:2px}.floating-corner{position:fixed;left:16px;bottom:16px;z-index:220;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px;width:min(900px,calc(100vw - 20px));pointer-events:none}.floating-corner>*{pointer-events:auto}.floating-corner-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.global-chat-toggle,.global-stats-toggle{padding:10px 12px;background:#e8943c;color:#1a0f05;border:none;border-bottom:3px solid #a85f18;font-family:var(--pixel-font);font-size:7px;cursor:pointer}.global-stats-toggle{background:#1e2433;color:var(--ui-text);border:2px solid #c9a227;border-bottom-width:3px}.global-x-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#0a0a0a;color:#e7e9ea;border:2px solid #3d4558;border-bottom:3px solid #1a1a1a;font-family:var(--pixel-font);font-size:7px;letter-spacing:.04em;cursor:pointer;text-decoration:none;box-sizing:border-box}.global-x-link:hover{border-color:#c9a227;color:#f0d65c}.global-x-link:active{transform:translateY(2px);border-bottom-width:2px}.global-lore-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#0d0b18;color:#c49fff;border:2px solid #5a3d8a;border-bottom:3px solid #2a1a44;font-family:var(--pixel-font);font-size:7px;letter-spacing:.04em;cursor:pointer;box-sizing:border-box}.global-lore-btn:hover{border-color:#c49fff;color:#e0ccff;background:#13103a}.global-lore-btn:active{transform:translateY(2px);border-bottom-width:2px}.global-docs-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#061a18;color:#7dd3c0;border:2px solid #2a6b5e;border-bottom:3px solid #0f2e28;font-family:var(--pixel-font);font-size:7px;letter-spacing:.04em;cursor:pointer;box-sizing:border-box}.global-docs-btn:hover{border-color:#5ecfb8;color:#b8f5e8;background:#0a2622}.global-docs-btn:active{transform:translateY(2px);border-bottom-width:2px}.docs-modal{width:min(820px,98vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.docs-scroll{flex:1;min-height:0;max-height:calc(92vh - 72px);overflow-y:auto;padding:16px 20px 24px;border-top:2px solid #1e2a28;background:linear-gradient(180deg,#0b1210,#080c0e)}.docs-section{margin-bottom:22px}.docs-section:last-child{margin-bottom:8px}.docs-section h3{margin:0 0 10px;font-size:8px;letter-spacing:.08em;color:#5ecfb8;font-weight:400}.docs-section p{margin:0 0 10px;font-size:7px;line-height:1.85;color:#a8b5b0}.docs-list{margin:0;padding-left:18px;font-size:7px;line-height:1.85;color:#a8b5b0}.docs-list.docs-ol{padding-left:20px}.docs-list li{margin-bottom:8px}.docs-list code,.docs-section code{font-family:ui-monospace,monospace;font-size:.95em;color:#c9e4dc;background:#00000059;padding:1px 5px;border-radius:2px}.docs-pre{margin:0 0 12px;padding:12px 14px;background:#050807;border:1px solid #1e3d36;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;color:#8fbcb0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.lore-modal{width:min(700px,98vw);max-height:90vh}.lore-tabs{display:flex;border-bottom:2px solid #2a1f08;background:#0a0d14}.lore-tab{flex:1;padding:10px 6px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--ui-muted);font-family:var(--pixel-font);font-size:6px;line-height:1.6;cursor:pointer;text-align:center;transition:color .15s,border-color .15s}.lore-tab:hover{color:#d4b8ff}.lore-tab.active{color:#c49fff;border-bottom-color:#c49fff;background:#10101e}.lore-body{padding:0}.lore-panel{display:none;padding:20px;gap:20px;align-items:flex-start}.lore-panel.active{display:flex}.lore-sprite{flex-shrink:0;width:96px;height:120px;image-rendering:pixelated;image-rendering:crisp-edges;background:#080b14;border:2px solid #2a3142}.lore-text{flex:1;min-width:0}.lore-faction-name{margin:0 0 12px;font-size:9px;letter-spacing:.06em}.lore-text p{margin:0 0 10px;font-size:7px;line-height:1.9;color:#b0b8cc}.lore-trait{margin-top:14px!important;padding:10px 12px;background:#0f0f1e;border-left:3px solid #c49fff;color:#9a8ab8!important}.lore-trait span{display:block;font-size:6px;color:#c49fff;margin-bottom:6px;letter-spacing:.1em}.global-chat-panel{width:100%;height:340px;max-height:38vh;background:#0f131d;border:2px solid #c9a227;box-shadow:0 10px 24px #00000073;display:none;flex-direction:column}.world-stats-panel{width:100%;max-height:min(720px,72vh);background:#0f131d;border:3px solid #c9a227;box-shadow:0 12px 28px #00000080;display:none;flex-direction:column}.world-stats-panel.open{display:flex}.world-stats-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:3px solid #283042;color:#f0d65c;font-size:14px;letter-spacing:.06em;flex-shrink:0}.world-stats-head .global-chat-close{width:36px;height:36px;font-size:18px;border-width:3px}.world-stats-body{flex:1;min-height:0;overflow-y:auto;padding:16px 18px;font-size:12px;line-height:1.65;color:#b8c0d4}.world-stats-body h4{margin:20px 0 10px;font-size:13px;color:#c9a227;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.world-stats-body h4:first-child{margin-top:0}.world-stats-body table{width:100%;border-collapse:collapse;margin-bottom:8px}.world-stats-body td{padding:9px 10px;border-bottom:1px solid #252a38;vertical-align:top}.world-stats-body td:first-child{color:#8c94a8;width:44%;font-size:11px}.world-stats-body .stat-num{color:#f0e6c8;font-size:13px}.world-stats-body .chronicle-snippet{margin-bottom:12px;word-break:break-word;font-size:11px;line-height:1.6}.world-stats-body .chronicle-snippet b{color:#daf05c;font-weight:400}.global-chat-panel.open{display:flex}.global-chat-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:2px solid #283042;color:#f0d65c}.global-chat-close{border:2px solid #3d4558;background:#101620;color:#fff;font-family:var(--pixel-font);font-size:8px;line-height:1;cursor:pointer}.global-chat-messages{flex:1;overflow-y:auto;padding:10px;font-size:7px;color:#d8deec}.global-chat-row{margin-bottom:8px;line-height:1.5;word-break:break-word}.global-chat-row b{color:#f0d65c;font-weight:400}.global-chat-form{display:flex;gap:8px;padding:8px;border-top:2px solid #283042}.global-chat-form input{flex:1;min-width:0;background:#0a0e14;border:2px solid #3d4558;color:var(--ui-text);font-family:var(--pixel-font);font-size:7px;padding:8px}.global-chat-form button{background:#e8943c;color:#1a0f05;border:none;border-bottom:3px solid #a85f18;font-family:var(--pixel-font);font-size:7px;padding:8px 10px;cursor:pointer}