:root{--paper:#f4f3ed;--ink:#273c35;--muted:#777e74;--green:#315b49;--sage:#688c7b;--orange:#bb855d;--blue:#7783b5;--line:#dedfd5;--coral:#ce7057;--gold:#e8bf6f;--panel:#fafaf5;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c2913e;outline-offset:4px}button{transition:background .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit}h1,h2,p{margin:0}button{border:0}input{accent-color:var(--green)}.topbar{height:100px;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;font-weight:500;margin-top:6px;color:var(--muted)}.brand-mark{display:flex;align-items:center;justify-content:center;gap:5px;width:40px;height:43px;background:var(--green);border-radius:12px;transform:rotate(-7deg)}.brand-mark i{height:25px;width:3px;border-radius:2px;background:#eff3e5}.brand-mark i:nth-child(2){height:25px;background:repeating-linear-gradient(to bottom,#eff3e5 0 5px,transparent 5px 10px)}.mode-tabs{display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:10px;background:#eaece3}.mode-tabs button{background:transparent;padding:10px 24px;border-radius:7px;font-size:13px;color:var(--muted)}.mode-tabs button.active{background:#fffef9;color:var(--green);box-shadow:0 2px 5px #283c350a;font-weight:600}.help-button{background:transparent;font-size:13px;display:flex;align-items:center;gap:8px}.help-button>span{border:1px solid #a1a89b;width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.shell{max-width:1440px;padding:0 48px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7d8777}.intro h1{font-size:38px;letter-spacing:1px;font-weight:650;margin-top:12px;line-height:1.4}.intro h1 span{color:var(--coral)}.intro-copy{font-size:14px;color:var(--muted);margin-top:10px}.experiment-stamp{display:flex;gap:14px;align-items:center;font-size:12px;line-height:1.9;color:#8a8d7d;padding-right:6px}.experiment-stamp strong{font-weight:500;color:#5f6e61}.stamp-arrow{font-family:Georgia,serif;font-size:54px;color:#aaaf97;transform:rotate(-8deg);line-height:1}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:24px;align-items:start}.map-panel{background:#e6ebdf;border:1px solid #dce2d3;border-radius:18px;overflow:hidden;box-shadow:0 3px 8px #2d483804}.map-heading{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:2;font-size:13px;font-weight:600}.map-heading>span:first-child{display:flex;gap:9px;align-items:center}.map-heading small{font-weight:400;font-size:11px;color:#7d8878;margin-left:5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.status-pill{font-size:10px;padding:6px 10px;background:#f8faf0b8;border-radius:20px;font-weight:500;color:#647c5e}.status-pill.running{background:#f8edd6;color:#957239}.map-stage{position:relative;aspect-ratio:1000 / 570;width:100%}.network{display:block;width:100%;height:100%;overflow:visible}.network .city-blocks{fill:#d4dacb;stroke:#c4cebc;stroke-width:2}.road-shoulders path{stroke:#f2f3e9;stroke-width:38;stroke-linecap:round}.roads path{stroke:#616d62;stroke-width:25;stroke-linecap:round;transition:stroke .5s}.roads .closed-road{stroke:#aeb5a5;stroke-dasharray:5 8;stroke-width:16}.lane-lines path{stroke:#e4e5d7;stroke-width:1.6;stroke-dasharray:9 12;opacity:.75}.road-arrows text{fill:#f7f5e9;font:30px "Segoe UI",sans-serif;text-anchor:middle}.junction circle{fill:#fafbf1;stroke:#738572;stroke-width:3}.junction text{font:600 20px "Segoe UI",sans-serif;fill:#405848;text-anchor:middle}.place-name text{font:500 15px "Microsoft YaHei",sans-serif;fill:#66765f;text-anchor:middle;letter-spacing:2px}.edge-label rect{fill:#f8f9f0;stroke:#dce1d1;stroke-width:1;filter:drop-shadow(0 3px 3px #354b3512)}.edge-label text{text-anchor:middle;font-family:"Segoe UI","Microsoft YaHei",sans-serif}.edge-time{font-size:20px;font-weight:600;fill:#3a4d3d}.edge-sub{font-size:11px;fill:#858d7c}.river-name{font:italic 12px "Microsoft YaHei",sans-serif;fill:#87a5a7;letter-spacing:5px}#cars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-gate{position:absolute;left:49%;top:49.1%;transform:translate(-50%,-50%);background:#f9f8ee;border:1px solid #d5d9c8;border-radius:13px;padding:12px 18px;box-shadow:0 4px 14px #32432d12;min-width:142px;text-align:center;z-index:3}.map-gate:not(:disabled):active{transform:translate(-50%,-49%)}.map-gate:not(:disabled):hover{box-shadow:0 5px 18px #32432d22}.map-gate .gate-icon{display:block;font-size:24px;font-weight:400;line-height:1;margin-bottom:7px;color:#a6ab97}.map-gate strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.map-gate small{display:block;font-size:10px;color:#8c917c;margin-top:6px;white-space:nowrap}.map-gate.open{background:#f7eccb;border-color:#d8bf7d}.map-gate.open .gate-icon{color:#89733d}.map-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 17px;gap:10px}.legend{display:flex;gap:16px;font-size:11px;color:#6f7b67}.legend span{display:flex;align-items:center;gap:6px}.route-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%}.route-dot.upper{background:var(--sage)}.route-dot.lower{background:var(--orange)}.route-dot.cross{background:var(--blue)}.playback{display:flex;gap:5px}.playback button{padding:6px 9px;border:1px solid #ccd5c3;border-radius:6px;background:#f1f4e8b8;font-size:10px;color:#70816a;min-width:62px}.playback button:hover{background:#fbfcf5}.route-panel{margin-top:21px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:19px 22px 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{font-size:13px;font-weight:600}.section-heading>span{font-size:10px;color:#969b8b}.route-row{display:flex;gap:12px;align-items:center;margin-top:18px;font-size:12px;min-height:24px}.route-name{width:150px;flex:none;font-weight:500}.route-name small{color:#9a9e91;font-size:10px;margin-left:10px;white-space:nowrap;font-weight:400}.route-meter{height:5px;background:#eceee4;border-radius:4px;flex:1;overflow:hidden}.route-meter i{height:100%;display:block;width:50%;border-radius:4px;transition:width .2s;background:var(--sage)}#route1 .route-meter i{background:var(--orange)}#route2 .route-meter i{background:var(--blue);width:0}.route-count{width:75px;text-align:right;font-size:11px;color:#929a89;white-space:nowrap;font-variant-numeric:tabular-nums}.route-cost{width:73px;text-align:right;font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.route-row.inactive{opacity:.48}.route-row.best .route-cost{color:var(--green)}.simulation-note{font-size:10px;color:#9ca18f;margin-top:19px;border-top:1px solid #e7e9de;padding-top:12px;line-height:1.6}.control-column{display:flex;flex-direction:column;gap:18px}.commute-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:23px 24px 18px}.tiny-label{font-size:8px!important;letter-spacing:1px;color:#9d9f92}.commute-value{display:flex;align-items:baseline;gap:11px;margin:17px 0 13px;font-variant-numeric:tabular-nums}.commute-value strong{font-size:60px;line-height:1;font-weight:500;letter-spacing:-3px}.commute-value span{font-size:12px;color:#8d9384}.comparison{font-size:12px;font-weight:500;min-height:20px}.comparison.neutral{color:#87917c}.comparison.bad{color:var(--coral)}.comparison.good{color:var(--green)}.comparison-baseline{font-size:10px;color:#999f90;margin-top:7px}.comparison-baseline b{font-weight:400}.history-wrap{height:63px;margin-top:9px}.history-wrap svg{width:100%;height:100%;overflow:visible}#historyLine{fill:none;stroke:var(--sage);stroke-width:2;stroke-linejoin:round}#historyArea{fill:#dfe7d780;stroke:none}#baselineLine{stroke:#abb5a3;stroke-width:1;stroke-dasharray:4 4}#historyMax{fill:#a3aa9a;font:9px "Segoe UI",sans-serif;text-anchor:end}.metric-footer{border-top:1px solid #e7e9df;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#919a86}.metric-footer strong{font-size:12px;font-weight:500;color:#50644a;margin:0 3px}#equilibriumLabel{font-size:10px;color:#819477}.mission-card{background:#fffdf7;border:1px solid #d9ddce;border-radius:16px;padding:24px}.mission-top{display:flex;justify-content:space-between;align-items:center}.mission-top .eyebrow{font-size:9px;letter-spacing:1.5px;color:#949c86}.progress-dots{display:flex;gap:5px}.progress-dots i{width:6px;height:6px;border-radius:50%;background:#dfe3d5}.progress-dots i.current{width:17px;border-radius:5px;background:#829370}.progress-dots i.done{background:var(--green)}.mission-card h2{font-size:21px;line-height:1.5;margin-top:17px;letter-spacing:.4px}.mission-copy{font-size:12px;color:#848d78;line-height:1.9;margin-top:10px;min-height:69px}.prediction-options{display:flex;gap:8px;margin-top:20px}.prediction-options button{background:#f4f5ec;border:1px solid #dfe3d4;border-radius:9px;flex:1;padding:12px 0 10px;font-size:11px;color:#6d7b61}.prediction-options button span{display:block;font:24px Georgia,serif;margin-bottom:6px}.prediction-options button:hover{background:#e9efdf}.prediction-options button.selected{border-color:var(--green);background:#e5eddd;color:var(--green);box-shadow:inset 0 0 0 .5px var(--green)}.primary-button{width:100%;padding:13px 15px;background:var(--green);color:#f5f5e8;border-radius:8px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;min-height:43px}.primary-button:not(:disabled):hover{background:#244735;box-shadow:0 3px 7px #315b4920}.primary-button:disabled{background:#dce2d2;color:#929e86}.primary-button span{font-size:17px;font-weight:400}.mission-foot{font-size:10px;color:#a1a58f;margin-top:13px;text-align:center;line-height:1.6}.feedback{background:#f0f3e7;border:1px solid #e1e6d5;border-radius:8px;padding:12px;font-size:12px;color:#6b7c5e;line-height:1.8;margin-top:17px}.feedback.warning{background:#f8eee1;color:#a16f45;border-color:#eee0cd}.feedback.success{background:#eaf0e2;color:#476943;border-color:#d3dfc5}.gate-control{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-top:5px;border-bottom:1px solid #e8eadf;gap:12px}.gate-control strong{font-size:12px;font-weight:500;display:block}.gate-control span{display:block;font-size:10px;color:#9a9f8d;margin-top:6px}.switch{position:relative;width:43px;height:25px;border-radius:15px;background:#cbd2bd;padding:3px;flex:none;transition:background .2s}.switch i{position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fbfcf3;box-shadow:0 1px 3px #3332;transition:left .2s}.switch[aria-checked="true"]{background:var(--green)}.switch[aria-checked="true"] i{left:21px}.switch:disabled{opacity:.6}.field-note{display:flex;gap:10px;color:#a0a78f;padding:0 5px}.field-note>span{font-size:24px;line-height:1}.field-note p{font-size:10px;line-height:1.9}.footer{display:flex;justify-content:space-between;align-items:center;color:#a4a896;font-size:10px;letter-spacing:.5px;padding:28px 0}.footer i{font-size:17px;font-style:normal;margin-left:7px}.sandbox-card{background:#fffdf7;border:1px solid #d9ddce;border-radius:16px;padding:23px 24px}.text-button{font-size:10px;color:#829272;background:transparent;text-decoration:underline;text-underline-offset:3px}.sandbox-description{font-size:11px;color:#919b84;line-height:1.8;margin-top:10px}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:23px}.slider-label output{font-variant-numeric:tabular-nums;color:var(--green);font-weight:500}input[type="range"]{display:block;width:100%;height:4px;margin:17px 0 10px;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#a3a994}.experiment-result{margin-top:24px;padding:12px;background:#f0f3e7;border-radius:8px;color:#758467;font-size:11px;line-height:1.9}.experiment-result.bad{background:#f9eee3;color:#a47750}.experiment-result.good{background:#e8f0df;color:#5b7950}dialog{border:1px solid #d9ddcf;border-radius:20px;background:var(--paper);color:var(--ink);padding:36px;max-width:580px;width:calc(100% - 40px);max-height:85vh;overflow:auto;box-shadow:0 20px 100px #24382c30}dialog::backdrop{background:#283c3555;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:18px;top:14px;background:transparent;font-size:25px;color:#8c9780}dialog h2{font-size:24px;margin:14px 0}dialog p{font-size:12px;line-height:1.9;color:#78876e}dialog p strong{font-weight:600;color:#405e3a}.help-step{display:flex;gap:16px;align-items:flex-start;margin-top:20px}.help-step>b{color:#9eac8d;font-size:12px;line-height:1.9;font-weight:500}.source-link{font-size:10px;margin-top:23px;padding-top:15px;border-top:1px solid var(--line)}.source-link a{color:var(--green);text-underline-offset:3px}details{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}summary{font-size:12px;color:var(--green);cursor:pointer}details p{margin-top:12px;font-size:11px}.completed .progress-dots i{background:var(--green)}
.replay-button{display:block;background:transparent;font-size:11px;color:var(--green);margin:14px auto 0;padding:4px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.shell,.topbar{max-width:1480px}.map-stage{aspect-ratio:1000 / 570}.intro{padding-top:45px;padding-bottom:35px}.game-layout{grid-template-columns:minmax(0,1fr) 355px}}
@media(max-width:1150px){.shell{padding:0 28px}.topbar{padding:0 28px}.game-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.commute-card,.mission-card,.sandbox-card{padding:20px}.intro h1{font-size:32px}.route-name{width:130px}.route-name small{margin-left:5px;font-size:9px}.route-row{gap:9px}.route-meter{min-width:20px}.route-count{width:65px}.route-cost{width:67px}.map-gate{min-width:125px;padding:9px 12px}.map-heading{padding:0 18px}.experiment-stamp{font-size:11px}.map-heading small{font-size:10px}.legend{gap:12px}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.control-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-note{grid-column:1 / -1}.intro{padding:28px 0}.experiment-stamp{display:none}.commute-value strong{font-size:62px}.history-wrap{height:110px}.topbar{height:85px}.mode-tabs button{padding:9px 14px}.brand{font-size:20px}.brand small{font-size:8px}.map-stage{max-height:510px}.route-name{width:155px}.help-button{font-size:11px}}
@media(max-width:580px){.shell{padding:0 16px}.topbar{padding:0 16px;height:auto;min-height:95px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:15px}.brand{font-size:19px}.brand-mark{width:33px;height:36px}.brand small{font-size:7px}.mode-tabs{order:3;width:100%;justify-content:center}.mode-tabs button{flex:1;font-size:12px}.help-button{font-size:11px}.intro h1{font-size:26px}.eyebrow{font-size:8px}.intro-copy{font-size:11px;line-height:1.8}.intro{padding:25px 0 22px}.control-column{grid-template-columns:1fr}.field-note{display:none}.map-heading{height:48px;padding:0 13px;font-size:11px}.map-heading small{font-size:8px}.map-gate{min-width:85px;padding:6px;border-radius:8px}.map-gate .gate-icon{font-size:16px;margin-bottom:3px}.map-gate strong{font-size:9px}.map-gate small{font-size:7px;margin-top:3px}.map-toolbar{padding:9px 11px 13px}.legend{font-size:9px;gap:9px}.playback button{font-size:9px;padding:5px 6px;min-width:50px}.route-panel{padding:16px 13px 12px}.route-row{gap:7px;font-size:11px}.route-name{width:126px;font-size:10px}.route-name small{font-size:8px;margin-left:5px}.route-count{width:52px;font-size:9px}.route-cost{width:59px;font-size:10px}.route-meter{min-width:10px}.simulation-note{font-size:9px}.commute-card .history-wrap{height:60px}.commute-card,.mission-card,.sandbox-card{padding:22px}.footer{font-size:8px;padding:23px 0}.status-pill{font-size:9px;padding:5px 8px}.map-heading>span:first-child{gap:5px}dialog{padding:28px 23px}dialog h2{font-size:21px}.intro h1{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}