@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101722;--panel:#17212e;--text:#f2f4f7;--muted:#94a2b5;--line:#ffffff13;--orange:#ff9254;--mint:#b6efbc;--font:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{touch-action:manipulation}main{max-width:1600px;padding:26px 40px 18px;margin:auto}.masthead{display:flex;align-items:center;gap:40px;margin-bottom:22px}.identity{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:.12em;font-weight:600;min-width:198px}.brand-mark{background:var(--orange);color:var(--bg);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:28px;letter-spacing:-.08em;padding-right:3px}.edition{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:5px}.headline{flex:1}h1{font-family:'Space Grotesk',sans-serif;font-size:27px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0 0 6px}.headline p{font-size:14px;color:var(--muted);margin:0}.quiet-button{background:none;border:1px solid #ffffff24;color:var(--text);padding:11px 14px;border-radius:10px;font-size:13px}.quiet-button span{margin-left:14px}.world-panel{position:relative;height:clamp(460px,65vh,760px);min-height:460px;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,#243447 0%,#192635 58%,#152130 100%);overflow:hidden;border:1px solid #ffffff0a}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.scene-header{position:absolute;top:21px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-state{font-size:12px;display:flex;align-items:center;gap:8px;color:#dae5ec;background:#0c15226b;border:1px solid #ffffff12;padding:8px 11px;border-radius:8px;backdrop-filter:blur(12px)}#state-icon{color:var(--orange);font-weight:700}.scene-hint{font-size:12px;color:#c5d1df90}.place-labels{position:absolute;inset:0;pointer-events:none}.place-label{position:absolute;transform:translate(-50%,-100%);border:1px solid #ffffff20;background:#101c2bd9;color:#eaf0f6;backdrop-filter:blur(10px);border-radius:9px;padding:7px 11px;text-align:left;white-space:nowrap;pointer-events:auto;font-size:12px;box-shadow:0 4px 15px #0002;transition:border-color .2s,background .2s}.place-label .label-number{color:var(--orange);font-size:10px;margin-right:7px;font-family:'Space Grotesk';font-weight:600}.place-label small{display:block;font-size:10px;color:#a5b4c4;margin-top:3px;padding-left:20px}.place-label.active{border-color:var(--orange);background:#26323fe8}.place-label.bottleneck:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--orange)}.camera-controls{position:absolute;right:18px;bottom:62px;display:flex;flex-direction:column;background:#0e1926df;border:1px solid #ffffff17;border-radius:12px;overflow:hidden}.camera-controls button{width:38px;height:38px;background:none;color:#d7e2ee;border:0;font-size:21px}.camera-controls button:hover{background:#ffffff12}.camera-controls button+button{border-top:1px solid #ffffff10}.event-toast{position:absolute;left:22px;bottom:53px;max-width:calc(100% - 95px);display:flex;align-items:center;gap:12px;background:#111c2ce6;padding:12px 16px 12px 12px;border:1px solid #ffffff14;border-radius:12px;backdrop-filter:blur(16px);font-size:13px;box-shadow:0 6px 30px #0002}.event-index{color:var(--orange);font-family:'Space Grotesk';font-size:13px;background:#ff925416;border-radius:6px;padding:6px}.scene-legend{position:absolute;bottom:20px;left:25px;display:flex;gap:20px;font-size:11px;color:#aebccd}.scene-legend span{display:flex;align-items:center;gap:7px}.legend-robot{display:block;width:7px;height:10px;border-radius:3px 3px 2px 2px;background:#ecf2f4}.legend-robot.orange{background:var(--orange)}.control-deck{display:flex;align-items:center;gap:28px;margin-top:20px;padding:0 4px}.play-button{display:flex;gap:12px;align-items:center;justify-content:center;min-width:158px;border:0;border-radius:13px;background:var(--orange);color:#18212b;font-weight:700;padding:17px 20px;box-shadow:0 5px 22px #ff925417}.play-button:hover{background:#ffaa78}.play-button:active{transform:translateY(1px)}#play-symbol{font-size:17px}.timeline{flex:1;min-width:130px}.timeline-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.timeline-label label{font-size:11px;letter-spacing:.08em;color:var(--muted)}.timeline-label strong{font-family:'Space Grotesk';color:var(--text);font-size:16px;margin-left:5px}.timeline-label label span{font-size:12px;letter-spacing:0}#rate-label{font-size:12px;color:#c3cedb}input[type=range]{appearance:none;width:100%;height:5px;border-radius:10px;background:linear-gradient(to right,var(--orange) 0%,#35404f 0%);cursor:pointer;display:block;margin:14px 0}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--bg);height:16px;width:16px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 1px var(--orange)}.speed-control{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.speed-control select{display:block;margin-top:5px;width:64px;border:1px solid #ffffff1a;background:#182230;color:#f1f5f9;padding:5px 7px;border-radius:7px;font-size:14px}.total{border-left:1px solid #ffffff16;padding-left:25px;min-width:140px}.total strong{font-family:'Space Grotesk';font-size:32px;font-weight:500;letter-spacing:-.06em;display:block;line-height:1.1}.total span{font-size:11px;color:var(--muted)}.experiment-controls{display:flex;gap:32px;align-items:center;margin-top:23px;padding:22px 4px 18px;border-top:1px solid var(--line)}.control-label{font-size:10px;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:8px}.segmented{display:inline-flex;background:#192330;border:1px solid #ffffff0d;border-radius:9px;padding:3px}.segmented button{padding:8px 15px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:13px}.segmented button[aria-pressed=true]{background:#354354;color:#f1f6fb;box-shadow:0 2px 5px #0002}.switch{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:13px;color:#c8d2de}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:31px;height:18px;border-radius:12px;background:#384250;position:relative;transition:background .2s}.switch-track:after{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;background:#dce5ee;border-radius:50%;transition:transform .2s}.switch input:checked+.switch-track{background:#7eae85}.switch input:checked+.switch-track:after{transform:translateX(13px);background:#122221}.switch input:focus-visible+.switch-track{outline:3px solid var(--orange);outline-offset:3px}.comparison{margin-left:auto;text-align:right}.comparison span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.comparison strong{font-family:'Space Grotesk';font-size:16px;font-weight:500}footer{display:flex;justify-content:space-between;padding:6px 4px 0;color:#6d7e92;font-size:11px}.inspector{position:absolute;right:20px;top:65px;width:250px;padding:18px;border:1px solid #ffffff20;border-radius:15px;background:#132031ed;backdrop-filter:blur(18px);box-shadow:0 16px 55px #0003}.inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:600;font-size:15px}.inspector-head button{background:none;border:0;font-size:22px;color:var(--muted)}.inspector p{color:#b2c0d1;font-size:13px;line-height:1.5;margin:10px 0 16px}.inspector-numbers{display:flex;gap:28px}.inspector-numbers strong{font-family:'Space Grotesk';font-size:26px;display:block;font-weight:500}.inspector-numbers span{font-size:11px;color:var(--muted)}.place-status{margin-top:15px;border-top:1px solid #ffffff12;padding-top:12px;font-size:12px;color:var(--orange);line-height:1.4}.loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#192635;color:#bdcbdb;font-size:14px;z-index:10}.loading[hidden]{display:none}.loader{width:19px;height:19px;border:2px solid #ffffff20;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(530px,calc(100% - 32px));background:#192534;color:var(--text);border:1px solid #ffffff20;border-radius:22px;padding:32px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#07101ba8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:28px;color:var(--muted)}.dialog-eyebrow{color:var(--orange);font-size:10px;letter-spacing:.18em}h2{font-family:'Space Grotesk';font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-.04em;margin:18px 0}dialog p{color:#b6c4d4;font-size:14px;line-height:1.6}dl>div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #ffffff13;padding:10px 0;font-size:12px}dt{color:var(--muted)}dd{margin:0;text-align:right}.fine-print{font-size:12px!important;color:#91a1b5!important}
@media(min-width:1500px){.world-panel{height:70vh}.masthead{margin-bottom:26px}}
@media(max-width:950px){main{padding:20px}.masthead{gap:22px}.identity{min-width:158px}.headline h1{font-size:23px}.headline p{font-size:12px}.quiet-button{font-size:12px}.control-deck{gap:18px}.total{min-width:110px;padding-left:18px}.experiment-controls{gap:18px}.switch{font-size:12px}.scene-hint{display:none}}
@media(max-width:680px){main{padding:16px 12px}.masthead{flex-wrap:wrap;gap:15px;margin-bottom:16px}.identity{flex:1}.quiet-button{order:2;padding:9px 10px}.headline{order:3;flex-basis:100%}.headline h1{font-size:25px}.headline p{font-size:13px}.world-panel{height:530px;min-height:0;border-radius:18px}.scene-header{top:14px;left:14px;right:14px}.place-label{font-size:10px;padding:5px 7px;border-radius:6px}.place-label small{display:none}.place-label .label-number{font-size:9px;margin-right:4px}.scene-legend{left:14px;gap:12px;font-size:9px;bottom:15px}.event-toast{left:12px;bottom:43px;font-size:11px;padding:9px;gap:8px;max-width:calc(100% - 69px)}.event-index{font-size:11px;padding:4px}.camera-controls{right:12px;bottom:55px}.camera-controls button{height:33px;width:33px}.control-deck{display:grid;grid-template-columns:auto 1fr auto;gap:13px;margin-top:16px}.play-button{min-width:0;padding:14px 17px;font-size:13px}.timeline{grid-row:2;grid-column:1/4}.speed-control{justify-self:center}.total{justify-self:end;min-width:90px;padding-left:15px}.total strong{font-size:27px}.total span{font-size:10px}.experiment-controls{flex-wrap:wrap;gap:17px;padding-top:17px;margin-top:8px}.strategy{width:100%}.segmented{display:flex}.segmented button{flex:1}.comparison{margin-left:auto;max-width:125px}.comparison span{font-size:10px}.comparison strong{font-size:14px}footer{font-size:10px;gap:20px;line-height:1.4}.inspector{right:12px;top:55px;width:225px;padding:15px}.inspector p{font-size:12px}.place-label.active{z-index:3}.inspector{z-index:4}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.place-label{padding:6px 9px;font-size:11px;background:#101c2bcc}.place-label small{display:none}.place-label.active small{display:block}.scene-header{z-index:2;pointer-events:none}
.mobile-hint{display:none}
.experiment-controls{flex-wrap:wrap}
@media(max-width:680px){.world-panel{height:clamp(330px,54svh,450px)}.scene-hint{display:block;font-size:10px}.desktop-hint{display:none}.mobile-hint{display:inline}.place-label{font-size:0;padding:7px;min-width:28px;text-align:center}.place-label .label-number{font-size:11px;margin:0}.place-label.active small{display:none}}
@media(max-width:680px){.segmented button{padding:8px 6px;font-size:12px}}
/* The expanded district keeps the world in the foreground. */
main{max-width:2200px;padding:18px 24px}.masthead{margin-bottom:16px}.headline h1{font-size:26px}.world-panel{height:76vh;min-height:540px;max-height:1100px;border-radius:20px}#world{cursor:grab}#world.dragging{cursor:grabbing}.scene-header{left:20px;right:20px;top:18px;align-items:flex-start}.clock-card{display:flex;gap:13px;align-items:center;padding:10px 15px;border:1px solid #ffffff19;border-radius:13px;background:#102032d9;backdrop-filter:blur(16px)}#sun-icon{font-size:26px;color:#ffd18b}#clock-day{display:block;font-size:9px;letter-spacing:.13em;color:#9db0c3}#clock-time{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:25px;line-height:1.2}#period-label{border-left:1px solid #ffffff1b;padding-left:13px;font-size:11px;color:#becbdd;max-width:130px;line-height:1.4}.population{position:absolute;top:94px;left:20px;display:flex;gap:0;background:#102032d9;border:1px solid #ffffff16;border-radius:13px;backdrop-filter:blur(16px);pointer-events:none;z-index:2}.population>div{min-width:137px;padding:12px 14px}.population>div+div{border-left:1px solid #ffffff12}.stat-title{display:flex;align-items:center;gap:7px;font-size:10px;color:#b6c6d8}.population strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:27px;display:block;margin-top:4px}.population small{font-size:9px;color:#8fa6bb;display:block;margin-top:1px}.coverage{height:3px;width:100%;background:#31485b;border-radius:3px;margin-top:7px;overflow:hidden}.coverage i{display:block;width:0;height:100%;background:var(--mint);transition:width .3s}.legend-robot.human{background:#78a9c1;border-top:3px solid #ffd06b;height:12px}.legend-robot.cyan{background:#80d1d4}.map-card{position:absolute;left:20px;bottom:90px;width:174px;border:1px solid #ffffff1b;border-radius:12px;padding:11px;background:#102031d9;backdrop-filter:blur(12px);z-index:2}.map-card>div{font-size:8px;letter-spacing:.12em;color:#b2c5d7;display:flex;justify-content:space-between;margin-bottom:7px}.map-card>span{font-size:9px;color:#849bb0;display:block;margin-top:5px;text-align:center}#minimap{width:150px;height:114px;display:block;border-radius:5px;cursor:crosshair}.camera-controls{bottom:93px;right:20px}.camera-controls button{width:39px;height:39px}.event-toast{left:50%;transform:translateX(-50%);bottom:45px;width:max-content;max-width:calc(100% - 48px);font-size:12px;padding:10px 13px;min-height:48px}.scene-legend{left:22px;right:22px;bottom:17px;font-size:10px;gap:18px}.navigation-hint{margin-left:auto;color:#89a0b5}.place-label{font-size:10px;padding:6px 8px;background:#101d2fdd}.place-label .label-number{font-size:9px;margin-right:6px}.community-label{border-color:#d8b68833}.community-label .label-number{color:#e7cb9e}.place-label.compact .label-name{display:none}.place-label.compact .label-number{font-size:13px;margin:0}.place-label.compact{padding:6px 9px}.inspector{top:70px;right:20px;width:275px;z-index:4}.inspector-numbers{justify-content:space-between;gap:10px}.inspector-numbers strong{font-size:25px}.inspector-numbers span{font-size:10px}.place-product{font-size:10px;color:#849bb0;margin-top:12px}#place-shift{font-size:11px;margin:9px 0 0}.control-deck{margin-top:15px;gap:25px}.play-button{padding:14px 20px}.day-shortcuts{display:flex;align-items:center;gap:8px;margin-top:14px;padding:0 4px}.day-shortcuts>span:first-child{font-size:9px;letter-spacing:.09em;color:#8094ab;margin-right:5px}.day-shortcuts button{border:1px solid #ffffff16;background:#1a2938;color:#bdccdc;padding:7px 12px;border-radius:7px;font-size:11px}.day-shortcuts button:hover{background:#2d4053;color:#fff}.time-note{font-size:10px;color:#657c94;margin-left:auto}.experiment-controls{margin-top:18px;padding-top:17px;gap:28px}.simulation-shell:fullscreen,.simulation-shell.expanded{background:#101722;padding:12px;display:flex;flex-direction:column}.simulation-shell:fullscreen .world-panel,.simulation-shell.expanded .world-panel{height:auto;flex:1;max-height:none;min-height:0}.simulation-shell.expanded{position:fixed;inset:0;z-index:20}.simulation-shell:fullscreen .control-deck,.simulation-shell.expanded .control-deck{flex-shrink:0}.simulation-shell:fullscreen .day-shortcuts,.simulation-shell.expanded .day-shortcuts{padding-bottom:6px}dialog{max-height:85vh;overflow:auto}
@media(min-width:1600px){.world-panel{height:80vh}.population>div{min-width:155px}.population strong{font-size:30px}.map-card{width:204px}#minimap{width:180px;height:137px}.place-label{font-size:11px}}
@media(max-width:1000px){main{padding:16px}.world-panel{height:76vh;min-height:530px}.population>div{min-width:115px;padding:10px}.population{top:91px}.fleet-stat{display:none}.navigation-hint,.time-note{display:none}.headline h1{font-size:23px}.masthead{gap:22px}.map-card{width:148px;padding:9px}#minimap{width:128px;height:97px}}
@media(max-width:680px){main{padding:12px 9px}.masthead{margin-bottom:12px}.headline h1{font-size:24px}.headline p{font-size:12px}.world-panel{height:69svh;min-height:460px;border-radius:15px}.scene-header{left:12px;right:12px;top:12px}.clock-card{padding:8px 10px;gap:9px}#clock-time{font-size:22px}#sun-icon{font-size:23px}#period-label{font-size:10px;max-width:88px;padding-left:9px}.live-state{padding:7px 8px;font-size:10px}.population{left:12px;top:82px}.population>div{min-width:112px;padding:9px 10px}.population strong{font-size:24px}.population small{font-size:8px}.stat-title{font-size:9px}.place-label{font-size:0;padding:6px;min-width:27px}.place-label .label-number{font-size:10px;margin:0}.place-label .label-name{display:none}.map-card{bottom:106px;left:12px;width:100px;padding:6px}.map-card>div{font-size:6px;letter-spacing:.04em}.map-card>span{font-size:7px}#minimap{width:86px;height:65px}.camera-controls{right:12px;bottom:106px}.camera-controls button{width:33px;height:33px}.event-toast{max-width:calc(100% - 24px);width:calc(100% - 24px);bottom:40px;font-size:10px;padding:8px;gap:8px;min-height:50px}.scene-legend{left:14px;right:14px;bottom:14px;gap:12px;font-size:8px}.scene-legend span:nth-child(3){display:none}.inspector{right:12px;top:148px;width:240px;padding:14px}.inspector p{font-size:11px}.inspector-head{font-size:14px}.inspector-numbers strong{font-size:22px}.control-deck{gap:12px;margin-top:12px}.day-shortcuts{flex-wrap:wrap;gap:6px;margin-top:8px}.day-shortcuts>span:first-child{display:none}.day-shortcuts button{font-size:10px;padding:7px 9px}.experiment-controls{gap:16px}.simulation-shell:fullscreen .world-panel{min-height:260px}}
@media(max-width:1000px){.scene-legend .navigation-hint{display:none}}