:root{color:#dce7ee;background:#071017;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}.shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh}.shell.is-menu-hidden{grid-template-columns:minmax(0,1fr)}.viewport{position:relative;height:100vh;min-height:100vh;overflow:hidden;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),#050b10;background-size:48px 48px}#simulation-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}#street-label-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.gpu-shooting-crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity 90ms ease}.gpu-shooting-crosshair:before,.gpu-shooting-crosshair:after{content:"";position:absolute;left:50%;top:50%;border-radius:1px;background:#f4fbffe6;box-shadow:0 0 5px #000000a6;transform:translate(-50%,-50%)}.gpu-shooting-crosshair:before{width:22px;height:2px}.gpu-shooting-crosshair:after{width:2px;height:22px}.gpu-shooting-crosshair.is-visible{opacity:1}.group-selection-box{position:absolute;display:none;border:1px solid rgba(246,220,92,.9);background:#f6dc5c1f;box-shadow:inset 0 0 0 1px #050c128c;pointer-events:none}.group-selection-box.is-visible{display:block}.mobile-walk-controls{position:absolute;inset:0;z-index:4;display:none;pointer-events:none}.mobile-walk-controls[hidden]{display:none}.shell.has-mobile-walk-controls .mobile-walk-controls:not([hidden]){display:block}.mobile-view-switch{position:absolute;top:12px;left:50%;display:grid;grid-auto-flow:column;gap:4px;min-width:min(320px,calc(100% - 24px));padding:4px;background:#050c12d6;border:1px solid rgba(91,135,160,.78);transform:translate(-50%);pointer-events:auto}.mobile-view-switch button{min-width:0;min-height:40px;padding:0 10px;border:1px solid rgba(84,128,154,.8);background:#0e1c26eb;color:#dce7ee;font:inherit;font-size:13px;font-weight:800;letter-spacing:0;touch-action:none}.mobile-view-switch button.is-active{background:#287a92;color:#f4fbff}.mobile-control-pad{position:absolute;bottom:18px;display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:8px;pointer-events:none}.mobile-control-pad--move{left:18px}.mobile-control-pad--look{right:18px}.mobile-control-button{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(103,151,176,.86);border-radius:6px;background:#050c12c7;color:#f4fbff;font:inherit;font-size:24px;font-weight:900;line-height:1;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-control-button.is-held,.mobile-control-button:active{border-color:#8bd6ed;background:#287a92e6}.mobile-control-button--up{grid-area:up}.mobile-control-button--left{grid-area:left}.mobile-control-button--right{grid-area:right}.mobile-control-button--down{grid-area:down}.startup-loading-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#03080c8c;color:#dce7ee;pointer-events:auto}.startup-loading-overlay.is-hidden{display:none;pointer-events:none}.startup-loading-panel{display:grid;gap:8px;width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 32px));overflow:hidden;padding:12px;border:1px solid #2b4358;background:#050c12eb;box-shadow:0 12px 32px #00000052;font-size:12px}.startup-loading-header,.startup-loading-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.startup-loading-header strong{overflow:hidden;color:#f4fbff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.startup-loading-meta,.startup-loading-slowest{color:#9eb2c2;font-size:11px}.startup-loading-stage-list{display:grid;gap:3px;max-height:230px;margin:2px 0 0;padding:0;overflow-y:auto;list-style:none}.startup-loading-stage{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:20px;padding:3px 5px;background:#11202cb8}.startup-loading-stage-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startup-loading-stage-status{color:#9eb2c2;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.startup-loading-stage-time{color:#b8c9d6;font-variant-numeric:tabular-nums}.startup-loading-stage--running .startup-loading-stage-status{color:#7ed2ff}.startup-loading-stage--done .startup-loading-stage-status{color:#8ce6a7}.startup-loading-stage--skipped .startup-loading-stage-status{color:#7c8f9f}.startup-loading-stage--failed{background:#56181cc7}.startup-loading-stage--failed .startup-loading-stage-status,.startup-loading-error{color:#ff9f9f}.startup-loading-error{padding-top:6px;border-top:1px solid rgba(255,159,159,.3);overflow-wrap:anywhere}.hud{position:absolute;left:14px;top:14px;display:grid;gap:8px;min-width:280px;max-width:min(520px,calc(100% - 28px));max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:10px 12px;border:1px solid #2b4358;background:#050c12db;font-size:13px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chrome-close,.chrome-restore{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #315069;border-radius:3px;background:#0a1620eb;color:#dce7ee;font:inherit;font-size:17px;line-height:1;cursor:pointer}.chrome-close:hover,.chrome-restore:hover{border-color:#5f89a8;background:#172b3bf5}.chrome-restore{position:absolute;z-index:4;display:none;top:14px}.chrome-restore.is-visible{display:inline-grid}.chrome-restore--hud{left:14px}.chrome-restore--panel{right:14px}.hud.is-hidden,.panel.is-hidden{display:none}.mini-stats-panel{position:absolute;left:14px;bottom:14px;z-index:3;width:min(220px,calc(100% - 28px));padding:6px 8px;border:1px solid #2b4358;background:#050c12e6;color:#dce7ee;font-size:12px}.mini-stats-panel summary{display:flex;align-items:center;justify-content:space-between;min-height:18px;gap:8px;color:#f4fbff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:0;list-style:none;text-transform:uppercase}.mini-stats-panel summary::-webkit-details-marker{display:none}.mini-stats-panel summary:after{content:"+";display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #315064;border-radius:3px;color:#9eb2c2;font-size:11px;line-height:1}.mini-stats-panel[open] summary{margin-bottom:4px}.mini-stats-panel[open] summary:after{content:"-"}.mini-stats-body{display:grid;gap:3px}.mini-stats-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud span{overflow-wrap:anywhere}.hud-section-body{display:grid;gap:4px}.hud-section{display:block;border-top:1px solid rgba(63,93,115,.7);padding-top:4px}.hud-section:first-of-type{border-top:0;padding-top:0}.hud-section summary{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:10px;color:#f4fbff;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:0;list-style:none;text-transform:uppercase}.hud-section summary::-webkit-details-marker{display:none}.hud-section summary:after{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #315064;border-radius:3px;color:#9eb2c2;font-size:12px;line-height:1}.hud-section[open] summary{margin-bottom:5px}.hud-section[open] summary:after{content:"-"}.hud-section--overview summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.hud-section--overview summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:#9eb2c2;font-size:12px}.panel{display:grid;align-content:start;gap:8px;height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px;border-left:1px solid #1f3040;background:#0c1721}.panel-header{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid #203342}.panel h1,.panel h2,.panel p{margin:0}.panel h1{font-size:20px;line-height:1.1}.panel h2,.panel-details summary{color:#f4fbff;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.panel p{color:#aebbc6;font-size:12px;line-height:1.4}.panel-section{display:grid;gap:7px;padding-top:6px;border-top:1px solid #203342}.panel-section:first-of-type{border-top:0}.panel-details{display:block}.panel-details summary{display:flex;align-items:center;justify-content:space-between;min-height:30px;gap:10px;padding:5px 0;cursor:pointer;list-style:none}.panel-details summary::-webkit-details-marker{display:none}.panel-details summary:after{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #315064;border-radius:3px;color:#9eb2c2;font-size:14px;line-height:1}.panel-details[open] summary:after{content:"-"}.panel-details[open] summary{margin-bottom:6px;border-bottom:1px solid #182a38}.panel-details--secondary summary{color:#d5e4ec}.panel-list{display:grid;gap:0;margin:0}.panel-list>div{display:grid;gap:4px;padding:7px 0 9px;border-bottom:1px solid #182a38;background:transparent}.panel-list>div:first-child{padding-top:0}.panel-list>div:last-child{padding-bottom:0;border-bottom:0}dt{color:#8ca8bb;font-size:12px;text-transform:uppercase}dd{margin:0;font-weight:600;overflow-wrap:anywhere}.agent-count-control{display:grid;gap:8px}.count-input-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:end}.count-input-grid label{display:grid;gap:4px;color:#9eb2c2;font-size:12px;font-weight:600}.count-input-grid input{width:100%;min-width:0;padding:6px 7px;border:1px solid #315064;background:#0d1821;color:#f4fbff;font:inherit;font-size:13px;font-weight:700}.count-input-grid button{padding:7px 10px;border:1px solid #315064;background:#173040;color:#f4fbff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.count-input-grid button:hover{background:#23536a}.count-input-grid button:disabled{cursor:wait;opacity:.7}.speed-control,.control-mode-control,.camera-control,.shooting-control,.saved-groups-control{display:grid;gap:8px}.saved-groups-list{display:grid;gap:5px}.saved-group-row{display:grid;grid-template-columns:28px minmax(0,1fr) 42px;gap:5px;align-items:center}.saved-group-row.is-active{outline:1px solid #287a92;outline-offset:1px}.saved-group-recall-button,.saved-group-name-input{min-width:0;border:1px solid #315064;background:#0d1821;color:#f4fbff;font:inherit;font-size:13px;font-weight:700}.saved-group-recall-button{height:30px;padding:0;cursor:pointer}.saved-group-recall-button:hover{background:#173040}.saved-group-recall-button:disabled{cursor:default;opacity:.55}.saved-group-name-input{width:100%;padding:6px 7px}.saved-group-name-input:disabled{opacity:.55}.saved-group-count{display:grid;place-items:center;min-width:0;height:30px;border:1px solid #315064;background:#142635;color:#b8cad6;font-size:12px;font-weight:800}.group-order-control{display:grid;gap:8px}.group-order-field-control{display:grid;gap:5px;color:#9eb2c2;font-size:12px;font-weight:700}.group-order-field-control input,.group-order-field-control select{width:100%;min-width:0}.group-order-field-control input{accent-color:#287a92}.group-order-checkbox-control{grid-template-columns:minmax(0,1fr) auto;align-items:center}.group-order-checkbox-control input{width:18px;height:18px}.group-order-field-control select{padding:6px 8px;border:1px solid #315064;border-radius:4px;background:#0d1821;color:#f4fbff;font:inherit;font-size:13px}.group-order-field-control input:disabled,.group-order-field-control select:disabled{opacity:.55}.flow-field-control{display:grid;gap:8px}.navigation-blocker-debug-control{display:grid;gap:7px}.navigation-blocker-debug-filters{display:flex;flex-wrap:wrap;gap:6px 10px;color:#b7cad8;font-size:12px}.navigation-blocker-debug-filters label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.navigation-blocker-debug-filters input{margin:0}.tree-wind-control,.wander-control,.throw-projectile-control,.tear-gas-control,.molotov-fire-control{display:grid;gap:8px}.tree-wind-grid,.wander-speed-grid,.wander-distance-grid,.throw-projectile-grid,.tear-gas-grid,.molotov-fire-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.tree-wind-grid label,.wander-speed-grid label,.wander-distance-grid label,.throw-projectile-grid label,.tear-gas-grid label,.molotov-fire-grid label{display:grid;gap:5px;color:#9eb2c2;font-size:12px;font-weight:700}.tree-wind-grid input,.wander-speed-grid input,.wander-distance-grid input,.throw-projectile-grid input,.tear-gas-grid input,.molotov-fire-grid input{width:100%;min-width:0;accent-color:#287a92}.tree-wind-grid input:disabled,.wander-speed-grid input:disabled,.wander-distance-grid input:disabled,.throw-projectile-grid input:disabled,.tear-gas-grid input:disabled,.molotov-fire-grid input:disabled{opacity:.55}.throw-projectile-mix-control button{padding-inline:6px;font-size:12px}.sky-control,.lighting-control{display:grid;gap:8px}.lighting-slider-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.lighting-slider-grid label{display:grid;gap:5px;color:#9eb2c2;font-size:12px;font-weight:700}.lighting-slider-grid input{width:100%;min-width:0;accent-color:#287a92}.lighting-slider-grid input:disabled{opacity:.55}.lighting-layer-grid{display:grid;gap:7px}.lighting-layer-row{display:grid;grid-template-columns:minmax(72px,.85fr) repeat(3,minmax(46px,1fr));gap:7px;align-items:center}.lighting-layer-row strong{min-width:0;color:#d6e5ee;font-size:12px;font-weight:700;line-height:1.2}.lighting-layer-row label{display:grid;gap:4px;min-width:0;color:#9eb2c2;font-size:11px;font-weight:700}.lighting-layer-row input{width:100%;min-width:0;accent-color:#287a92}.lighting-layer-row input:disabled{opacity:.55}.toggle-control{display:flex;align-items:center;gap:7px;color:#b8cad6;font-size:12px;font-weight:700;line-height:1.25}.toggle-control input{width:14px;height:14px;margin:0;accent-color:#287a92}.toggle-control:has(input:disabled){opacity:.58}.plain-action-button{min-width:0;padding:7px 9px;border:1px solid #315064;background:#173040;color:#f4fbff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.plain-action-button:hover{background:#23536a}.plain-action-button:disabled{cursor:default;opacity:.55}.backend-control{display:grid;gap:8px}.agent-inspector-readout{display:grid;gap:5px}.agent-inspector-readout strong{color:#f4fbff;font-size:14px}.agent-inspector-readout span{color:#b8cad6;font-size:12px;font-weight:600;line-height:1.35}.startup-diagnostics-control,.object-diagnostics-control,.render-metrics-control{display:grid;gap:7px}.startup-diagnostics-details summary{color:#f4fbff;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.render-metrics-summary{min-height:86px;max-height:180px;margin:0;overflow:auto;padding:8px;border:1px solid #243d4f;background:#09131b;color:#b8cad6;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.4;white-space:pre-wrap}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #315064;background:#142635}.segmented-control--two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control--three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control button{min-width:0;padding:6px 8px;border:0;border-right:1px solid #315064;background:#0d1821;color:#b8cad6;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.segmented-control button:last-child{border-right:0}.segmented-control button:hover{background:#173040}.segmented-control button:disabled{cursor:default;opacity:.55}.segmented-control button.is-active{background:#287a92;color:#f4fbff}@media(max-width:820px){.shell{grid-template-columns:1fr}.shell.is-menu-hidden .viewport{height:100vh;min-height:100vh}.viewport{height:66vh;min-height:66vh}.shell.has-mobile-walk-controls .viewport{height:100vh;min-height:100vh}.shell.has-mobile-walk-controls .mini-stats-panel{bottom:196px}.panel{height:auto;overflow:visible;overscroll-behavior:auto;border-left:0;border-top:1px solid #1f3040}}