:root{color-scheme:dark;font-family:system-ui,sans-serif}body{margin:0;background:#14100c;color:#e8e0d4}.app-shell{display:flex;min-height:100vh;flex-direction:column;gap:.75rem;padding:1rem;box-sizing:border-box}.app-header{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.4rem}.status-line{margin:0;opacity:.8}.controls{display:flex;align-items:center;gap:1rem}.speed-label{display:flex;align-items:center;gap:.4rem}.app-body{flex:1;min-height:0;display:flex;gap:.75rem}.world-view{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #3a3128;border-radius:6px;overflow:hidden}.charts-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto}.chart{margin:0;padding:.4rem;background:#1a1a19;border:1px solid #2c2c2a;border-radius:6px}.chart-title{font-size:.7rem;color:#c3c2b7;margin-bottom:.3rem}.chart-canvas{width:100%;display:block}.chart-legend{display:flex;gap:.7rem;margin-top:.25rem;font-size:.65rem;color:#c3c2b7}.legend-item{display:inline-flex;align-items:center;gap:.3rem}.legend-chip{width:8px;height:8px;border-radius:2px}.chip-s1{background:#3987e5}.chip-s2{background:#d95926}.chip-s3{background:#199e70}.chip-s4{background:#c98500}.sparkline-grid{display:flex;flex-direction:column;gap:.2rem}.sparkline{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:.35rem;font-size:.65rem;color:#898781}.sparkline-canvas{width:100%;display:block}.sparkline-value{text-align:right;color:#c3c2b7;font-variant-numeric:tabular-nums}.inspector{width:190px;flex-shrink:0;padding:.5rem;background:#1a1a19;border:1px solid #2c2c2a;border-radius:6px;font-size:.7rem;overflow-y:auto}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.inspector-row{display:flex;justify-content:space-between;padding:.08rem 0}.inspector-key{color:#898781}.inspector-value{color:#c3c2b7;font-variant-numeric:tabular-nums}.inspector-block{margin-top:.4rem}.inspector-block summary{cursor:pointer;color:#c3c2b7}.persistence-controls{display:flex;align-items:center;gap:.4rem}.persistence-status{font-size:.7rem;color:#898781}.file-input{display:none}.seed-input{width:5rem}.world-canvas{width:100%;height:100%;flex:1;display:block}.viewport-notice{margin:auto;opacity:.7}