:root{color:#17202a;font-synthesis:none;background:#eef2f5;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}header{color:#fff;background:#121a23;border-bottom:4px solid #e71419;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);display:flex}h1,h2,p{margin:0}.eyebrow{letter-spacing:.18em;color:#f56b6f;font-size:12px}.disclaimer{flex-direction:column;align-items:flex-end;display:flex}.disclaimer span{color:#cbd3dc;font-size:12px}.layout{grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:16px;min-height:calc(100vh - 142px);padding:16px;display:grid}.map-card,.panel{background:#fff;border:1px solid #dce2e7;border-radius:14px;box-shadow:0 8px 28px #1e2a3510}.map-card{min-height:600px;position:relative;overflow:hidden}#map{width:100%;height:100%;min-height:600px}.map-loading,.map-error{text-align:center;color:#5b6570;background:#f7f9fa;border:1px dashed #aeb7c0;border-radius:10px;place-items:center;display:grid;position:absolute;inset:18px}.map-error{z-index:2;color:#8f2024}.map-error[hidden]{display:none}aside{flex-direction:column;gap:12px;display:flex}.panel{padding:16px}.panel h2{font-size:17px}.clock-row,.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.clock-row strong{color:#e71419}.controls label{gap:6px;font-size:13px;display:grid}.controls input{border:1px solid #bbc3ca;border-radius:7px;padding:9px}.rates{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.controls button,.state-card{cursor:pointer;background:#fff;border:1px solid #ccd3d9;border-radius:8px;padding:8px}.controls button:hover,.state-card:hover,.state-card:focus-visible{border-color:#e71419;outline:none}.states{gap:8px;margin-top:12px;display:grid}.state-card{text-align:left;grid-template-columns:1fr auto;gap:3px 8px;display:grid}.state-card span{color:#e71419}.state-card small,.state-card em{grid-column:1/-1}.state-card em{color:#9a2a2e;font-size:12px}.timetable ol{margin:10px 0 0;padding:0;list-style:none}.timetable li{border-top:1px solid #edf0f2;grid-template-columns:54px 1fr auto;gap:8px;padding:7px 0;font-size:12px;display:grid}.empty{color:#69737d;padding:16px 0}.station-marker{white-space:nowrap;background:#fffc;border-radius:8px;align-items:center;gap:5px;padding:4px 7px;display:flex;box-shadow:0 2px 9px #0002}.station-marker img{width:22px;height:22px}.station-marker span{flex-direction:column;display:flex}.station-marker small{font-size:9px}.train-marker{background:0 0;border:0;position:relative}.train-marker img{filter:drop-shadow(0 2px 5px #0005);width:34px;height:34px}.train-marker span{color:#fff;background:#17202ae6;border-radius:3px;padding:2px 4px;font-size:9px;position:absolute;top:29px;left:50%;transform:translate(-50%)}.train-marker.moving img{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35;filter:drop-shadow(0 0 10px #e71419)}}footer{color:#bfc8d0;background:#17202a;gap:18px;padding:12px clamp(18px,4vw,56px);font-size:12px;display:flex}footer a{color:#fff}@media (max-width:820px){header{align-items:flex-start}.disclaimer span{text-align:right;max-width:150px}.layout{grid-template-columns:1fr}.map-card,#map{min-height:48vh}aside{order:-1}.panel{padding:13px}}@media (max-width:420px){header{padding:14px}.layout{gap:8px;padding:8px}.disclaimer span{display:none}.timetable li{grid-template-columns:48px 1fr}.timetable time{grid-column:2}.map-card,#map{min-height:420px}}@media (prefers-reduced-motion:reduce){.train-marker.moving img{filter:drop-shadow(0 0 7px #e71419);animation:none}}footer{justify-content:space-between}footer nav{flex-wrap:wrap;gap:18px;display:flex}footer .legal{color:#bfc8d0}footer .legal a{color:#d9e0e5}@media (max-width:820px){footer{flex-direction:column}}header{background:linear-gradient(120deg,#0b4f8a 0%,#5436a3 58%,#b3264d 100%);border-bottom-color:#ffb347;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;display:grid;box-shadow:0 8px 24px #102f5930}.eyebrow{color:#ffe1ae}.disclaimer b{color:#fff0c9}.disclaimer span{color:#e8eef9}.header-actions{align-items:center;gap:8px;display:flex}.header-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff18;border:1px solid #ffffff73;border-radius:999px;min-height:42px;padding:8px 14px;font-weight:700}.header-actions button:hover,.header-actions button:focus-visible{outline-offset:2px;background:#ffffff30;outline:2px solid #ffe1ae}.layout{grid-template-columns:minmax(0,1fr)}.layout.sidebar-open{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.side-dock[hidden]{display:none!important}.control-dialog{background:0 0;border:0;border-radius:16px;width:min(520px,100vw - 24px);max-width:none;max-height:min(78vh,680px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 70px #071b354d}.control-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10223d99}.dialog-card{background:#fff;border:1px solid #b9c8df;border-radius:16px;overflow:hidden}.dialog-heading{color:#fff;background:linear-gradient(120deg,#145b9b,#6342ae);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 12px 10px 18px;display:flex}.simulation-dialog .dialog-heading{background:linear-gradient(120deg,#bf3d50,#e47735)}.dialog-heading h2{font-size:17px}.dialog-heading button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1}.dialog-heading button:hover,.dialog-heading button:focus-visible{background:#ffffff32;outline:2px solid #fff}.dialog-loading,.dialog-error{color:#637181;width:100%;padding:12px}.dialog-error{color:#8f2024}.map-toolbar{background:linear-gradient(145deg,#f7fafff2,#f5f0fff2);flex-wrap:wrap;justify-content:flex-start;gap:8px;max-height:calc(min(78vh,680px) - 56px);padding:14px;display:flex;overflow:auto}.map-toolbar button,.road-net-toggle{color:#263746;cursor:pointer;background:#fff;border:1px solid #c8d2dd;border-radius:8px;min-height:40px;padding:8px 11px}.base-map-buttons{gap:5px;display:flex}.map-toolbar button[aria-pressed=true]{color:#174582;background:#e9f1ff;border-color:#315ca8}.road-net-toggle{align-items:center;gap:6px;display:flex}.road-net-toggle:has(input:disabled){opacity:.55;cursor:not-allowed}.route-legend-module{z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffffff2;border:1px solid #b8c6d8;border-radius:12px;width:min(220px,100% - 24px);position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 7px 22px #17365024}.route-legend-module summary{color:#29465f;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-size:13px;font-weight:700;list-style:none;display:flex}.route-legend-module summary::-webkit-details-marker{display:none}.route-legend-module summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)}.route-legend-module[open] summary:after{transform:rotate(225deg)}.route-legend{color:#445563;flex-wrap:wrap;gap:9px 16px;padding:0 12px 12px;font-size:12px;display:flex}.route-legend span{align-items:center;gap:7px;display:inline-flex}.route-legend i{background:#e71419;border-radius:999px;width:36px;height:10px;display:inline-block;position:relative}.route-legend i:after{content:"";border-radius:inherit;background:#fff6f6;position:absolute;inset:3px 0}.route-legend i.underground{background:#661f30b8}.route-legend i.underground:after{background:#e71419;inset:2px 0}.simulation-dialog .controls{background:linear-gradient(145deg,#fff9f6f2,#fff4f7f2);max-height:calc(min(78vh,680px) - 56px);padding:16px;overflow:auto}.station-marker{width:28px;height:28px;box-shadow:none;background:0 0;border-radius:8px;padding:0;font-size:12px;display:block;position:relative;overflow:visible}.station-marker img{z-index:2;filter:drop-shadow(0 2px 5px #0004);border-radius:8px;width:28px;height:28px;display:block;position:relative}.station-marker b{z-index:1;white-space:nowrap;background:#fffffff0;border:1px solid #d9dfe6;border-left:0;border-radius:0 7px 7px 0;align-items:center;min-height:26px;padding:4px 8px 4px 11px;display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 2px 9px #0002}.station-marker.reserved{opacity:1}.station-marker.reserved img{filter:grayscale()opacity(.62)drop-shadow(0 2px 4px #0003)}.station-marker.reserved b{color:#62686e;opacity:.72}.train-detail{color:#25323d;min-width:210px}.train-detail h3{margin:0 0 8px;font-size:16px}.train-detail dl{margin:0}.train-detail dl div{grid-template-columns:68px 1fr;gap:8px;padding:3px 0;display:grid}.train-detail dt{color:#687784}.train-detail dd{margin:0;font-weight:600}.train-detail p{color:#a22127;margin-top:8px;font-size:12px}footer{flex-wrap:wrap;align-items:center}.footer-version{color:#c7d0d9}@media (max-width:820px){header{grid-template-columns:minmax(0,1fr) auto;gap:12px}.disclaimer{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px}.layout.sidebar-open{grid-template-columns:minmax(0,1fr)}.side-dock{order:initial}}@media (max-width:520px){header{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}.disclaimer{grid-column:auto;align-items:flex-start}.disclaimer span{text-align:left;max-width:none}.map-toolbar{gap:6px}.map-toolbar button,.road-net-toggle{min-height:42px;padding:7px 9px;font-size:12px}.map-card,#map{min-height:560px}.control-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.map-toolbar,.simulation-dialog .controls{max-height:calc(100vh - 72px)}.route-legend-module{width:min(210px,100% - 16px);bottom:8px;right:8px}footer{align-items:flex-start}}@media (max-width:370px){.map-card,#map{min-height:620px}}@media (prefers-reduced-motion:reduce){.route-legend-module summary:after{transition:none}}