:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-primary:#080810;--bg-secondary:#0e0e18;--bg-panel:#151522;--bg-card:#1a1a2e;--text-primary:#d8d8e8;--text-secondary:#6a6a8a;--text-dim:#444460;--accent:#4a90d9;--accent-green:#4caf50;--accent-red:#e53935;--accent-gold:#ffb74d;--accent-pink:#f48;--accent-purple:#bb86fc;--border:#1e1e30;--border-light:#2a2a40}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:6px 16px;display:flex}.app-header h1{color:var(--accent);letter-spacing:.5px;font-size:15px;font-weight:600}.subtitle{color:var(--text-dim);font-size:11px}.mode-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}.mode-badge.supabase{color:#3ecf8e;background:#3ecf8e22;border:1px solid #3ecf8e44}.mode-badge.local{color:#4a90d9;background:#4a90d922;border:1px solid #4a90d944}.mode-badge.replay{color:#ff9800;background:#ff980022;border:1px solid #ff980044}.error-badge{background:var(--accent-red);color:#fff;border-radius:10px;padding:2px 8px;font-size:10px}.control-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:6px 16px;display:flex}.sim-controls,.god-controls,.speed-control{align-items:center;gap:6px;display:flex}.control-bar button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .15s}.control-bar button:hover{border-color:var(--accent);background:#1e1e3a}.control-bar button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-start{color:var(--accent-green)!important;border-color:#4caf5066!important}.btn-stop{color:var(--accent-red)!important;border-color:#e5393566!important}.btn-danger{color:#e5393588!important;border-color:#e5393544!important;font-size:10px!important}.btn-danger:hover{background:var(--accent-red)!important;color:#fff!important}.speed-control span{color:var(--text-dim);font-size:10px}.god-controls span{color:var(--text-dim);font-size:11px}.god-controls select,.god-controls input{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;padding:3px 6px;font-size:11px}.god-message{color:var(--accent-gold);font-size:10px}.timeline{flex:1;align-items:center;gap:6px;min-width:150px;display:flex}.timeline-slider{appearance:none;cursor:pointer;background:#222;border-radius:2px;outline:none;flex:1;height:4px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.timeline-label{color:var(--text-dim);white-space:nowrap;font-family:monospace;font-size:9px}.main-layout{flex:1;display:flex;overflow:hidden}.left-panel{border-right:1px solid var(--border);flex-shrink:0;width:260px;padding:10px;overflow-y:auto}.center-panel{flex:1;justify-content:center;align-items:center;min-width:0;padding:6px;display:flex;position:relative}.right-panel{border-left:1px solid var(--border);flex-shrink:0;width:280px;padding:10px;overflow-y:auto}.map-container{flex-direction:column;align-items:center;gap:4px;width:100%;height:100%;display:flex;position:relative}.map-toolbar{align-self:flex-start;align-items:center;gap:4px;padding:2px 0;display:flex}.map-toolbar-label{color:var(--text-dim);font-size:9px}.map-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:10px;transition:all .15s}.map-btn:hover{border-color:var(--accent)}.map-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.world-canvas{cursor:crosshair;image-rendering:pixelated;border-radius:4px;flex:1;max-height:calc(100% - 60px)}.map-overlay{pointer-events:none;z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.map-tooltip{color:var(--text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-light);background:#080810eb;border-radius:6px;align-self:flex-start;max-width:400px;padding:6px 10px;font-family:monospace;font-size:10px;line-height:1.5}.map-legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);background:#080810cc;border-radius:4px;flex-wrap:wrap;gap:6px;padding:4px 8px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:3px;font-size:9px;display:flex}.legend-color{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.legend-sep{color:var(--text-dim);font-size:9px}.agent-dot{background:#def;border:1px solid #4a90d9;border-radius:50%}.dashboard{flex-direction:column;gap:10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-top:4px;font-size:9px}.time-display{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px}.time-main{font-size:16px;font-weight:600}.time-period{color:var(--text-secondary);text-transform:capitalize;margin-left:6px;font-size:11px}.time-sub{color:var(--text-secondary);margin-top:2px;font-size:11px}.time-tick{color:var(--text-dim);margin-top:2px;font-family:monospace;font-size:10px}.pop-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pop-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.pop-icon{font-size:16px}.pop-value{font-size:18px;font-weight:700;line-height:1}.pop-label{color:var(--text-dim);text-transform:uppercase;font-size:9px}.heart-display{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px}.heart-bars{flex-direction:column;gap:4px;display:flex}.mini-bar-row{align-items:center;gap:6px;display:flex}.mini-bar-label{width:45px;color:var(--text-secondary);font-size:10px}.mini-bar-bg{background:#111;border-radius:3px;flex:1;height:6px;overflow:hidden}.mini-bar-fill{border-radius:3px;height:100%;transition:width .5s}.mini-bar-value{text-align:right;width:40px;color:var(--text-dim);font-family:monospace;font-size:10px}.minor-hearts{gap:4px;margin-top:4px;display:flex}.minor-heart-dot{cursor:help;font-size:12px}.event-log{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.event-item{background:var(--bg-card);border-radius:4px;align-items:center;gap:6px;padding:3px 6px;font-size:10px;display:flex}.event-icon{flex-shrink:0;font-size:12px}.event-text{color:var(--text-secondary);flex:1}.event-tick{color:var(--text-dim);font-family:monospace;font-size:9px}.agent-panel{flex-direction:column;gap:8px;font-size:12px;display:flex}.agent-panel.empty{color:var(--text-dim);text-align:center;padding:40px 0;font-size:11px}.agent-panel h3{color:var(--accent);font-size:13px;font-weight:600}.agent-panel h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:9px}.agent-info{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px}.agent-info div{color:var(--text-secondary);margin:1px 0;font-size:11px}.vital-row,.emotion-row{align-items:center;gap:6px;margin:2px 0;display:flex}.vital-label,.emotion-name{width:55px;color:var(--text-secondary);font-size:10px}.vital-bar-bg,.emotion-bar-bg{background:#111;border-radius:3px;flex:1;height:6px;overflow:hidden}.vital-bar-fill,.emotion-bar-fill{border-radius:3px;height:100%;transition:width .3s}.vital-value,.emotion-value{text-align:right;width:32px;color:var(--text-dim);font-family:monospace;font-size:10px}.gene-info{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:10px}.gene-info div{color:var(--text-secondary);margin:1px 0}.agent-meta{color:var(--text-dim);gap:12px;font-size:10px;display:flex}.dashboard.loading{color:var(--text-dim);text-align:center;padding:40px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}