:root{font-family:Arial,Helvetica,sans-serif;color:#214c41;background:#faf9f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d09a4c;outline-offset:4px}header{height:94px;border-bottom:1px solid #e4e5da;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-weight:800;font-size:29px;letter-spacing:-1.5px}.brand-icon{font-size:42px;color:#2d6851}.pixel{font-weight:400;color:#8b9a69}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:4px}nav{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;color:#7b8778}.live-dot{display:inline-block;width:6px;height:6px;background:#66906a;border-radius:50%}.text-button{border:0;background:none;color:#345346;font-size:12px;margin-left:30px}.text-button:hover{text-decoration:underline}main{display:flex;height:calc(100dvh - 137px);min-height:650px}aside{width:348px;flex-shrink:0;padding:37px 29px 20px;overflow:auto;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#82916c}h1{font-family:Georgia,serif;font-size:55px;line-height:1.04;font-weight:400;letter-spacing:-2px;margin:22px 0 19px}h1 em{color:#7c945c;font-weight:400}.intro{font-size:12px;line-height:1.8;color:#7c8578;margin-bottom:25px}.search{display:flex;align-items:center;gap:8px;border:1px solid #dedfd3;border-radius:5px;padding:10px 12px;margin-bottom:27px}.search>span{font-size:23px;line-height:20px}.search input{border:0;outline:none;min-width:0;width:100%;background:transparent;font-size:11px;color:#254c3e}.search kbd{border:1px solid #dddfd3;padding:1px 5px;font-size:10px;color:#9caa91}.list-heading{font-size:9px;letter-spacing:1.4px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.list-heading span{font-size:10px;color:#95a184;background:#eff0e7;padding:4px 6px;letter-spacing:0}.filters{display:flex;gap:7px;margin:13px 0 12px}.filters button{padding:7px 10px;font-size:10px;border:1px solid #e2e4d7;background:none;border-radius:4px;color:#7a8871}.filters .active{background:#285343;color:#fff;border-color:#285343}.place{width:100%;border:0;border-bottom:1px solid #e9e9df;padding:12px 3px;background:none;display:flex;gap:12px;text-align:left;align-items:center;color:#2e4f41;border-radius:3px}.place:hover,.place.selected{background:#eeeee2}.place-icon{background:#edebdc;width:35px;height:35px;display:grid;place-items:center;font-size:21px;border-radius:5px;color:#ac7a4b}.place-icon.green{background:#e5ebdc;color:#70905e}.place-copy{flex:1}.place strong{display:block;font-size:11px;margin-bottom:5px}.place small{font-size:9px;color:#909780}.place-arrow{font-size:15px;color:#9aa58c}.sidebar-foot{display:flex;align-items:center;gap:12px;margin-top:24px;color:#82936d}.sidebar-foot p{font-family:Georgia,serif;font-size:12px}.sidebar-foot small{display:block;font:9px Arial;margin-top:6px;color:#9aa18b}.little-tree{font-size:30px}.map{position:relative;flex:1;min-width:0;background:#e7eddc;overflow:hidden;border-left:1px solid #e1e4d4}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.map-title{position:absolute;left:25px;top:25px;border:1px solid #dce0ce;background:#fafbf2e8;padding:12px 14px;border-radius:4px;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.map-title-sub{color:#929e84;border-left:1px solid #d7dccb;padding-left:10px;letter-spacing:0}.compass{position:absolute;right:27px;top:25px;display:flex;flex-direction:column;align-items:center;color:#5e785a;font-size:36px}.compass span{font-size:9px;font-weight:bold}.map-controls{position:absolute;right:24px;bottom:104px;display:flex;flex-direction:column;background:#fafbf4;border:1px solid #d8dfca;border-radius:5px;box-shadow:0 3px 10px #455b3310}.map-controls button{border:0;background:none;width:40px;height:38px;color:#385c43;font-size:24px}.map-controls button:hover{background:#e4ebd9}.map-controls span{font-size:9px;text-align:center;color:#8b987b}.map-controls i{height:1px;background:#e0e4d6;margin:0 8px}.map-bottom{position:absolute;bottom:42px;left:25px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#708566}.legend-dot{display:inline-block;width:6px;height:6px;background:#bf9364;margin-right:4px}.legend-dot.nature{background:#789868}.map-bottom button{background:#fafbf2;border:1px solid #dce2d0;border-radius:4px;padding:9px 12px;font-size:10px;color:#657f57}.map-note{position:absolute;bottom:16px;right:24px;font-size:8px;color:#8a987c}.drag-hint{position:absolute;bottom:16px;left:25px;font-size:8px;color:#8a987c}footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-top:1px solid #e2e4d7;font-size:8px;letter-spacing:.6px;color:#88937e}.footer-divider{margin:0 12px;color:#c4cbb7}#card{position:absolute;bottom:110px;left:25px;background:#fafbf4;border:1px solid #d8dfca;border-radius:6px;padding:23px;width:290px;box-shadow:0 8px 30px #3c542320}#card h2{font:25px Georgia;margin:13px 0}#card p{font-size:12px;line-height:1.7;color:#7c8873}#card .close,.close{float:right;border:0;background:none;color:#65825b;font-size:22px}#card .tag{font-size:8px;letter-spacing:1.3px;color:#8b977e}#card .card-foot{font-size:9px;padding-top:12px;border-top:1px solid #e2e6d8;color:#859575}dialog{border:1px solid #d8dfca;border-radius:10px;padding:35px;max-width:500px;width:90%;background:#faf9f4;color:#214c41}dialog::backdrop{background:#153b3266;backdrop-filter:blur(3px)}dialog h2{font:30px Georgia}dialog p{font-size:14px;line-height:1.8;color:#778471}.empty{font-size:12px;line-height:1.7;color:#819171;padding:20px 0}@media(min-width:1500px){aside{width:390px;padding:45px 40px}.place{padding:15px 3px}h1{font-size:65px}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:24px}.brand-icon{font-size:34px}nav{font-size:0;gap:0}nav>.live-dot{display:none}.text-button{margin:0;font-size:11px}main{height:auto;min-height:0;flex-direction:column}aside{width:100%;padding:26px 22px 18px;overflow:visible}h1{font-size:43px;margin:14px 0}h1 br{display:none}h1 br:after{content:' '}.intro{font-size:11px;margin:0 0 18px}.intro br{display:none}.search{margin-bottom:20px}.filters{margin:10px 0}#places{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.place{min-width:180px;width:auto;border:1px solid #e2e4d7;padding:9px}.place-arrow{display:none}.place-icon{width:28px;height:32px;flex-shrink:0}.place strong{font-size:10px}.sidebar-foot{display:none}.map{height:65dvh;min-height:440px;border-left:0;border-top:1px solid #e1e4d4}.map-title{left:15px;top:15px;font-size:8px}.map-title-sub{display:none}.map-controls{right:15px;bottom:100px}.map-bottom{left:15px;right:15px;bottom:42px;font-size:8px}.drag-hint{display:none}.map-note{left:15px;right:auto;font-size:7px}footer{padding:0 16px;font-size:7px}footer>span:last-child{display:none}#card{left:15px;bottom:100px;width:calc(100% - 90px);max-width:290px;padding:18px}}
.map-note a,.card-foot a,dialog a{color:inherit;text-decoration:underline;text-underline-offset:2px}.map-scale{position:absolute;left:25px;bottom:75px;color:#657957;font-size:9px;pointer-events:none}#scale-bar{height:6px;max-width:180px;border:1px solid #738367;border-top:0;margin-bottom:4px}.map-error{position:absolute;inset:90px 25px auto;background:#fff4db;padding:25px;border:1px solid #d0ac6f;font-size:14px;line-height:1.7}.map-note{background:#edf0e4dc;padding:3px 5px;border-radius:2px}.drag-hint{background:#edf0e4dc;padding:3px 5px;border-radius:2px}@media(max-width:760px){.map-scale{left:15px;bottom:77px}.map-note{font-size:8px;bottom:12px}h1{font-size:40px}}
/* Original pixel-game chrome, inspired by classic transport simulations. */
:root{color:#343c34;background:#d8d0b5;font-family:'Courier New',monospace}header{height:80px;background:#505b60;border-bottom:3px solid #28383c;box-shadow:inset 0 2px #8b9695;padding:0 28px}.brand{color:#f7e8ae;font-size:28px;letter-spacing:-2px}.brand-icon{color:#d9b759}.brand .pixel{color:#aabe91}.brand small{font-size:8px;letter-spacing:1.8px;color:#d0dac6}nav{color:#d1d8c6}.text-button{color:#f4e8ba;font-family:inherit}.live-dot{background:#d3bc52;box-shadow:0 0 0 2px #2a4933}main{height:calc(100dvh - 123px)}aside{background:#d8d0b5;border-right:3px solid #626b55;padding-top:29px;box-shadow:inset -2px 0 #f7efd6}.eyebrow{color:#6e7151;letter-spacing:1.1px;font-size:9px}h1{font-family:'Courier New',monospace;font-size:49px;font-weight:bold;letter-spacing:-3px;line-height:1.04;color:#3b4e39;text-shadow:2px 2px #eee5c9;margin:21px 0}h1 em{color:#7e612e;font-style:normal}.intro{color:#5e6853;font-size:11px;line-height:1.8}.search{background:#eee8d3;border-radius:0;border:2px solid;border-color:#999c82 #f8f0d7 #f8f0d7 #999c82;box-shadow:inset 1px 1px #6b7565}.search input{color:#314f3b;font-family:inherit;font-size:10px}.search kbd{border-color:#abae95}.list-heading{color:#596248}.list-heading span{background:#b9bea0;color:#43523b}.filters button{border-radius:0;color:#4a5844;background:#c6c6a9;border:2px solid;border-color:#eef0d3 #727f62 #727f62 #eef0d3;font-family:inherit}.filters .active{background:#596c49;border-color:#35482f #8c9a6b #8c9a6b #35482f;color:#fff1b2}.place{border-radius:0;border-bottom:1px solid #babc9f;color:#344b35}.place:hover,.place.selected{background:#c0c5a2;box-shadow:inset 3px 0 #7a8e53}.place-icon,.place-icon.green{border-radius:0;background:#b9bea0;color:#666345}.place strong{font-family:inherit;font-size:11px}.place small{color:#6f775b}.place-arrow{color:#687654}.sidebar-foot{color:#6b784f}.sidebar-foot small{color:#7c8368}.map{background:#42612c;border-left:0}canvas{image-rendering:pixelated}.map-title{background:#515e58;color:#f5e7b0;border:2px solid;border-color:#9ca48d #283d35 #283d35 #9ca48d;border-radius:0;box-shadow:2px 2px #1e322d55;font-family:inherit;font-size:9px}.map-title-sub{color:#c5d2ae;border-color:#87967a;font-size:8px}.compass{top:160px;color:#e1e7b7;transform:rotate(45deg);text-shadow:1px 1px #314b2a}.compass span{transform:rotate(-45deg)}.map-controls{background:#b9bda2;border:2px solid;border-color:#e6e9cc #4b604a #4b604a #e6e9cc;border-radius:0;box-shadow:2px 2px #273c2b55}.map-controls button{color:#334a35;border-radius:0}.map-controls button:hover{background:#d1d5b6}.map-controls span{color:#4b6041}.map-bottom{color:#ecedce;text-shadow:1px 1px #33522b}.map-bottom button{font-family:inherit;background:#b9bda2;color:#304a35;text-shadow:none;border:2px solid;border-color:#e6e9cc #4b604a #4b604a #e6e9cc;border-radius:0}.map-note,.drag-hint{background:#344b32df;color:#dae2b8;border-radius:0;font-size:8px}.map-scale{color:#e0e7b7;text-shadow:1px 1px #334a32}.map-scale small{display:block;font-size:7px;opacity:.8;margin-top:3px}#scale-bar{border-color:#d4dfad}#card{background:#ded9bb;border:2px solid;border-color:#fff6d7 #606e55 #606e55 #fff6d7;border-radius:0;box-shadow:4px 4px #283c2c66;color:#354934}#card h2{font-family:'Courier New',monospace;font-size:23px;font-weight:bold}#card p{color:#5d6951;font-family:inherit;font-size:11px}#card .tag{color:#76805b}#card .card-foot{border-color:#bdc2a1;color:#657650}.close,#card .close{color:#4c6744}.simulation-panel{position:absolute;right:25px;top:25px;min-width:238px;padding:12px;background:#b9bda2;border:2px solid;border-color:#e6e9cc #4b604a #4b604a #e6e9cc;box-shadow:3px 3px #233b2b55;color:#354a36}.sim-heading{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;font-weight:bold}.sim-heading .live-dot{width:5px;height:5px;background:#668b3b;box-shadow:none}#traffic-count{font-size:10px;color:#5b6b4d;margin:9px 0 11px}.playback{display:flex;gap:5px}.playback button{font:10px 'Courier New',monospace;padding:6px 9px;border:2px solid;border-color:#eef0d3 #68795b #68795b #eef0d3;background:#cbd0af;color:#354b35;white-space:nowrap}.playback button:hover{background:#dce1be}.playback button:active{border-color:#68795b #eef0d3 #eef0d3 #68795b}.playback button[aria-pressed=true]{background:#e5cd82}.legend-dot{background:#e0b46d}.legend-dot.nature{background:#a6ca71}footer{background:#505b60;color:#d7dcc4;border-top:2px solid #82907d;font-family:inherit;font-size:8px}dialog{background:#ded9bb;border:3px solid;border-color:#fff6d7 #606e55 #606e55 #fff6d7;border-radius:0;color:#354934}dialog h2{font-family:inherit;font-weight:bold}dialog p{color:#5d6951}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline-color:#ffe07b}@media(max-width:1100px){.simulation-panel{top:77px}.compass{top:206px}}@media(max-width:760px){header{height:72px;padding:0 18px}.brand{font-size:23px}main{height:auto}aside{padding:22px 20px 16px;border-right:0;border-bottom:3px solid #626b55}h1{font-size:40px;margin:13px 0}h1 br{display:none}.intro{font-size:10px;line-height:1.8}.place{border:1px solid #b1b899}.map{min-height:520px;height:74dvh;border-top:0}.simulation-panel{top:60px;right:15px;min-width:222px;padding:9px}.playback button{font-size:9px;padding:6px 8px}#traffic-count{font-size:9px;margin:7px 0}.compass{left:22px;right:auto;top:76px;font-size:28px}.map-title{max-width:calc(100% - 30px)}.map-controls{bottom:105px}.map-scale{bottom:84px}.map-note{font-size:7px}.map-bottom{font-size:7px}.map-bottom button{font-size:9px;padding:8px}#card{bottom:108px}footer{height:43px}}
.speech-bubble{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:7px 11px;background:#fff8dd;color:#353f3d;font:bold 12px 'Courier New',monospace;border:2px solid #48514a;box-shadow:2px 2px #253a2d66;white-space:nowrap;cursor:pointer}.speech-bubble:after{content:'';position:absolute;left:calc(50% - 5px);bottom:-8px;width:10px;height:10px;background:#fff8dd;border-right:2px solid #48514a;border-bottom:2px solid #48514a;transform:rotate(45deg)}.speech-bubble[hidden]{display:none}.compass{top:160px}@media(max-width:1100px){.compass{top:206px}}@media(max-width:760px){.compass{top:76px}.speech-bubble{font-size:11px;padding:6px 9px}}
@media(max-width:760px){#card{max-height:calc(100% - 330px);overflow-y:auto}.simulation-panel{z-index:4}}