:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7efe9;background:#101b20;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border:1px solid #3a4b51;color:#dfeae5;background:#213038;border-radius:7px;padding:9px 12px;cursor:pointer}button:hover{background:#344950}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #c3f485;outline-offset:3px}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #34434a;background:#152229}.brand{display:flex;align-items:center;gap:14px}.logo{background:#c3f485;color:#1c3026;padding:12px 8px;font-weight:900;letter-spacing:-2px;border-radius:8px}.brand strong{font-size:14px;letter-spacing:2px}.brand small{display:block;color:#9fb3b5;font-size:13px;margin-top:5px}.head-actions{display:flex;gap:8px}main{display:grid;grid-template-columns:300px minmax(400px,1fr) 290px;min-height:calc(100vh - 85px)}aside{padding:26px 22px;background:#17252b}h1{font-size:28px;line-height:1.13;font-weight:550;letter-spacing:-1px;margin:14px 0}h2{font-size:21px;font-weight:550;margin:8px 0 12px}h3{font-size:16px}.eyebrow{font-size:12px;color:#a9c4b6;letter-spacing:1.6px;font-weight:600}.intro,.muted{font-size:14px;line-height:1.55;color:#a6b8bd}.presets{display:flex;gap:5px;margin:20px 0}.presets button{font-size:12px;padding:8px}.presets button.active{color:#c8fa92;border-color:#8caf71}.control{border-top:1px solid #304149;padding:17px 0}.control-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px;font-weight:550}.control small{display:block;font-size:12px;color:#9bb0b5;margin-top:6px;line-height:1.4}.control output{color:#c3f485;font-size:14px}.control input[type=range]{width:100%;accent-color:#bbeb87;margin:14px 0 0}.control input[type=checkbox]{accent-color:#c3f485;width:20px;height:20px}.world{position:relative;display:flex;flex-direction:column;background:#203c40;min-width:0}.world-top{padding:24px 25px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center;z-index:1}.world-top select{font-size:14px;background:#173136}.map-wrap{position:relative;flex:1;min-height:490px;overflow:hidden}canvas{width:100%;height:100%;position:absolute;touch-action:none}.map-note{position:absolute;top:5px;left:25px;font-size:10px;letter-spacing:1px;color:#93b1b2;pointer-events:none}.map-tools{position:absolute;right:18px;top:20px;display:grid;gap:5px}.map-tools button{background:#142b31dd;width:36px;padding:7px}.legend{position:absolute;bottom:57px;left:20px;display:flex;gap:14px;font-size:12px;flex-wrap:wrap;color:#d8e8df;pointer-events:none}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.location{position:absolute;bottom:13px;left:20px;right:20px;border-radius:8px;background:#142b31e8;padding:11px;font-size:13px;pointer-events:none}.cause{margin:0 20px;background:#132b30;border-left:3px solid #c3f485;padding:16px 18px;min-height:125px}.cause p{font-size:15px;line-height:1.55;margin:8px 0}.bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 20px;color:#a3bdbe;font-size:12px}.bottom button{font-size:13px;background:#c3f485;color:#193426;border:0}.results{border-left:1px solid #34434a}.metric{border-bottom:1px solid #34434a;padding:17px 0}.metric-label{font-size:13px;color:#b1c0c4}.metric-value{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0}.metric strong{font-size:29px;font-weight:500;letter-spacing:-1px}.delta{font-size:13px;color:#bdec8d}.delta.bad{color:#ffb17c}.metric small{font-size:12px;color:#96acb2}.bar{height:4px;background:#2e4248;margin-top:12px;border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:#b9e985}.system{margin-top:25px}.system ul{padding-left:17px;color:#b8ccca;font-size:13px;line-height:1.55}.system li{margin:9px 0}.footnote{font-size:12px;color:#91a6ad;line-height:1.6;margin-top:24px}#comparison{margin-top:22px;padding:12px;background:#25383d;font-size:13px}#comparison:empty{display:none}#comparison p{line-height:1.6}dialog{max-width:730px;width:calc(100% - 30px);max-height:85vh;background:#192b31;color:#d9e7e2;border:1px solid #6a8c84;border-radius:14px;padding:30px;line-height:1.6}dialog::backdrop{background:#061416c9}.close{float:right;font-size:13px}dialog h2{margin-top:45px}dialog p{font-size:14px}.assumption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0;font-size:14px}.assumption input{width:100px;background:#263d42;border:1px solid #526a6f;padding:7px;border-radius:5px}@media(min-width:1500px){main{grid-template-columns:320px minmax(400px,1fr) 320px}.map-wrap{min-height:650px}}@media(max-width:1100px){main{grid-template-columns:255px 1fr}.results{grid-column:1/-1;display:block}#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.map-wrap{min-height:620px}aside{padding:22px 18px}}@media(max-width:700px){header{height:auto;padding:15px;gap:12px;flex-wrap:wrap}.brand strong{font-size:12px}.head-actions button{font-size:12px}main{display:flex;flex-direction:column}.world{order:-1}.world-top{padding:18px 15px}.world-top select{max-width:160px}.map-wrap{min-height:510px}.cause{margin:0 15px}.bottom{flex-wrap:wrap}.results{border:0}#metrics{grid-template-columns:repeat(2,1fr)}#controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}h1{font-size:26px}.legend{gap:8px;font-size:11px}.bottom>span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* The terrain is the primary working surface. */
@media(min-width:1101px){main{height:calc(100dvh - 85px);min-height:650px;grid-template-columns:265px minmax(420px,1fr) 260px}aside{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526e67 transparent}.map-wrap{min-height:0}.world{min-height:0}.world-top{padding:18px 20px 4px}.cause{min-height:90px;max-height:150px;overflow:auto}.cause p{font-size:14px}.control{padding:13px 0}.control small{font-size:12px}.results{padding:24px 18px}.metric{padding:13px 0}.metric strong{font-size:25px}}.world{background:#c1dce0}.world-top{background:#162a30;color:#e7efe9}.map-wrap{background:#a9cbd0}.map-note{color:#34575f;z-index:2;font-size:11px;font-weight:700}.legend{background:#153138df;padding:9px 12px;border-radius:6px;bottom:61px}.map-tools{z-index:3}.map-tools button{box-shadow:0 3px 8px #0b263533}.location{color:#e0f3e8}.cause{margin-top:0;background:#16363b;color:#ecf6ee}.bottom{background:#162a30}.scene-status{position:absolute;left:20px;top:34px;max-width:calc(100% - 85px);background:#fffef0eb;border-left:3px solid #458d6e;border-radius:4px;padding:8px 12px;color:#23443e;font-size:12px;line-height:1.5;box-shadow:0 4px 15px #12383415;pointer-events:none}.control:focus-within{background:#2b443c;border-radius:6px;box-shadow:0 0 0 7px #2b443c}.map-wrap canvas{cursor:grab}.map-wrap canvas:active{cursor:grabbing}@media(max-width:1100px){.map-wrap{min-height:630px}.scene-status{max-width:calc(100% - 90px)}}@media(max-width:700px){.map-wrap{min-height:550px}.legend{font-size:10px;gap:7px;left:10px;right:10px}.map-note{left:14px}.scene-status{left:14px;font-size:11px}.map-tools{right:10px}}
.traffic-readout{position:absolute;left:20px;bottom:102px;border-radius:5px;background:#17383ee8;color:#e0efda;padding:8px 11px;font-size:12px;pointer-events:none;max-width:calc(100% - 40px)}#closeup{color:#d7f4a7;font-size:13px;font-weight:700}.map-tools{gap:4px}.map-tools button{padding:6px}@media(max-width:700px){.traffic-readout{left:10px;right:10px;bottom:106px;font-size:11px}}
.return-deck{color:#d5eeb8;text-decoration:none;padding:9px;font-size:14px}.journey-tabs{display:flex;gap:6px}.journey-tabs button{font-size:13px}.journey-tabs .active{border-color:#bde980;color:#cbee9f}.journey-row{margin:16px 0;font-size:13px}.journey-row strong{float:right}.journey-row small{display:block;font-size:11px;color:#adbdc0;line-height:1.5}.journey-row em{font-size:11px;font-style:normal;color:#c6e995}.journey-stack{display:flex;height:8px;background:#2e454b;margin:8px 0}.journey-stack i{display:block;height:100%}.embedded header,.embedded main>aside,.embedded .world-top,.embedded .cause,.embedded .bottom,.embedded .scene-status,.embedded .map-note{display:none}.embedded main{display:block;height:100dvh;min-height:0}.embedded .world,.embedded .map-wrap{height:100%;min-height:0}.embedded .map-tools{top:16px}.embedded .map-wrap{min-height:100dvh}.embedded .legend{display:none}.embedded .location{bottom:12px}.embedded .traffic-readout{bottom:63px;font-size:11px}
.embedded .map-tools{top:75px}