:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#303235;background:#f4f5f3;letter-spacing:0;color-scheme:light;--paper:#f4f5f3;--ink:#303235;--muted:#898d90;--red:#e95352;--yellow:#e3bd40}
.map-actions{position:relative;isolation:isolate}.map-actions>.selection-slide{background:#e2e6e1;border:0;border-left:4px solid #388fc2;border-radius:3px}.map-actions button:focus-visible,#home nav button:focus-visible{outline:none}
#pauseScreen>div{position:relative;isolation:isolate}#pauseScreen button:focus-visible{outline:none}
#lines{position:relative;isolation:isolate}#lines button[aria-pressed=true]{border-bottom:0!important}.line-selection{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;background:#e2e6e1;border-bottom:3px solid;border-radius:3px;transition:transform 540ms cubic-bezier(.22,.8,.25,1),width 540ms ease,height 540ms ease,border-color 540ms ease}
#home nav{position:relative;isolation:isolate}.title-selection{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;background:#e2e6e1;border-left:4px solid #388fc2;border-radius:3px;transition:transform 540ms cubic-bezier(.22,.8,.25,1),width 540ms ease,height 540ms ease}.keyboard-menus #home nav button:focus-visible{outline:none}
.transition-ghost{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden;background:var(--paper)}
.tutorial-entry{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px}.tutorial-entry svg{width:20px}#tutorialPanel{position:fixed;right:24px;top:80px;width:min(350px,calc(100% - 48px));padding:14px 18px;background:rgba(244,245,243,.97);border-left:3px solid #388fc2;border-radius:3px;max-height:calc(100vh - 170px);overflow:auto}.tutorial-top{display:flex;align-items:center;font-size:11px;color:#70777a}.tutorial-top>span{margin-right:auto}.tutorial-top .icon{width:30px;height:30px;min-height:30px;min-width:30px}.tutorial-top svg{width:16px}#tutorialTitle{font-size:20px;margin:8px 0}#tutorialText{font-size:14px;line-height:1.5}#tutorialFinish{margin-top:12px;background:#303235;color:white;padding:8px 16px;border-radius:3px}.tutorial-focus{outline:2px solid #388fc2;outline-offset:6px;border-radius:3px}@media(max-height:540px){#tutorialPanel{top:58px;right:18px;width:330px;padding:8px 12px;max-height:calc(100vh - 140px)}#tutorialTitle{font-size:17px;margin:4px 0}#tutorialText{font-size:12px;line-height:1.4}.tutorial-entry{font-size:12px}}
#rotateDevice{position:fixed;inset:0;z-index:100;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center}#rotateDevice svg{width:64px;height:64px;transform:rotate(90deg)}#rotateDevice h2{font-size:26px}#rotateDevice p{font-size:15px;color:#73777a}.mobile-device{overscroll-behavior:none;user-select:none;-webkit-user-select:none}.mobile-device #hud{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(5px,env(safe-area-inset-top))}.mobile-device #dock{bottom:max(5px,env(safe-area-inset-bottom))}.mobile-device .icon,.mobile-device #lines button,.mobile-device #fleet button{min-width:44px;min-height:44px}.mobile-device .back{left:max(20px,env(safe-area-inset-left));top:12px}.mobile-device #stationPanel,.mobile-device #linePanel{top:60px;max-height:calc(100% - 130px)}
.screen:not([hidden]) .home-copy,.screen:not([hidden]) .map-selection,.screen:not([hidden]) .settings-content{animation:none!important}.screen[inert]{pointer-events:none}
body{-webkit-font-smoothing:antialiased}button{transition:color 160ms ease,background-color 160ms ease,opacity 160ms ease,transform 160ms ease}button:not(:disabled):active{transform:scale(.95)}.menu-link svg,#lines button span{transition:transform 180ms ease}.menu-link:hover svg{transform:translateX(5px)}.icon:hover{background:#e5e8e3;border-radius:4px}#lines button:hover span{transform:scale(1.15)}#fleet button:hover:not(:disabled){transform:translateY(-2px)}.screen:not([hidden]) .home-copy,.screen:not([hidden]) .map-selection,.screen:not([hidden]) .settings-content,#stationPanel:not([hidden]),#linePanel:not([hidden]),.overlay:not([hidden])>div{animation:arrive 220ms ease-out both}.passenger-types .passenger{width:10px;height:10px;flex-shrink:0}.passenger-types{font-variant-numeric:tabular-nums}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reduced-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}button:hover{color:#111}button:focus-visible{outline:3px solid #2583b9;outline-offset:5px}button:disabled{opacity:.3;cursor:default}svg{width:24px;height:24px;stroke-width:2.4;flex-shrink:0}h1,h2,h3,p{margin:0}button,.screen{ -webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#map{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.screen{position:fixed;inset:0}.home-copy{position:absolute;left:38%;top:24%}h1{font-size:112px;font-weight:700;line-height:1;position:relative;margin-bottom:36px}h1 span{font-size:15px;position:absolute;top:8px;margin-left:12px;color:var(--muted);font-weight:400}nav{display:grid;gap:16px}.menu-link{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;padding:0;font-size:52px;font-weight:700;line-height:1.22}.menu-link svg{width:47px;height:47px;stroke-width:3.7}.menu-link:hover{color:#2583b9}.edition{position:absolute;bottom:34px;left:40px;font-size:11px;color:#777}.back{position:absolute;top:30px;left:32px}.icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0}.back svg{width:40px;height:40px;stroke-width:3}.map-selection{position:absolute;inset:16% 9% 9%;display:flex;flex-direction:column;justify-content:center}.map-selection>h2{font-size:14px;font-weight:400;color:#727679;margin-bottom:24px}#mapChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.map-choice{text-align:left;padding:20px 16px;opacity:.45;border-bottom:5px solid transparent;min-width:0}.map-choice[aria-pressed=true]{opacity:1;border-color:var(--yellow);background:#e8e9e5}.map-choice:hover{opacity:1}.map-choice h3{font-size:28px;line-height:1.1;min-height:64px}.map-choice canvas{display:block;width:100%;aspect-ratio:1.5}.map-choice .best{display:block;font-size:13px;padding-top:15px}.map-actions{display:flex;align-items:center;justify-content:space-between;margin-top:36px;gap:18px}.mode-picker{display:flex;gap:20px}.mode-picker button{padding:9px 0;font-size:17px;border-bottom:3px solid transparent;color:#86898b}.mode-picker button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.map-actions .menu-link{font-size:50px}.settings-content{width:min(380px,80%);margin:20vh auto}.settings-content h2{font-size:48px;margin-bottom:36px}.settings-content label{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #daddd9;font-size:19px}.settings-content input{width:21px;height:21px;accent-color:#303235}#hud{position:fixed;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#hud button{pointer-events:auto}.hud-left,.hud-right{display:flex;align-items:center;gap:20px}#mapName{font-size:14px;color:#73777a}.score{display:flex;align-items:center;gap:10px;font-size:24px;font-variant-numeric:tabular-nums}.score strong{min-width:56px;font-weight:500}.score svg{width:23px}.clock{font-size:13px;text-align:center;min-width:64px}#days{display:flex;gap:4px;margin-top:7px}#days span{width:5px;height:5px;border-radius:50%;background:#d2d5d3}#days span.on{background:#303235}.speed{font-size:17px}#dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;max-width:calc(100% - 24px);padding:8px 14px;background:rgba(244,245,243,.94);border-radius:4px}#lines,#fleet{display:flex;gap:10px;align-items:center}#lines button{width:30px;height:36px;display:grid;place-items:center;padding:0}#lines button span{width:20px;height:20px;border-radius:50%;background:var(--line);border:3px solid var(--line)}#lines button.empty span{background:transparent}#lines button[aria-pressed=true]{border-bottom:3px solid var(--line)}#fleet button{display:flex;gap:7px;align-items:center;min-width:47px;height:38px;padding:0}#fleet span{font-size:14px;font-variant-numeric:tabular-nums}.dock-divider{height:25px;border-left:1px solid #cdd1cd}#stationPanel,#linePanel{position:fixed;left:28px;top:90px;width:270px;padding:22px;background:rgba(244,245,243,.97);box-shadow:0 3px 24px #30323512;border-radius:4px;max-height:calc(100% - 195px);overflow:auto}.close{position:absolute;right:6px;top:5px}.close svg{width:18px}.eyebrow{font-size:10px;color:#818588;text-transform:uppercase}#stationPanel h2,#linePanel h2{font-size:23px;margin-top:6px;margin-bottom:20px;padding-right:10px}.station-summary{display:flex;gap:16px;align-items:center;margin-bottom:24px}#capacityRing{width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--ring,#303235) var(--fill,0%),#e1e4df 0);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}#capacityRing:before{content:'';position:absolute;inset:5px;background:var(--paper);border-radius:50%}#capacityRing strong,#capacityRing span{position:relative}#capacityRing strong{font-size:22px;font-weight:500}#capacityRing span{font-size:10px;color:#727779}.passenger-types{display:grid;gap:12px;flex:1;font-size:11px}.passenger-types>div{display:flex;align-items:center;gap:5px}.passenger-types strong{margin-left:auto}.passenger{display:inline-block;width:7px;height:7px;background:#45484a}.tourist{background:#2583b9;transform:rotate(45deg)}.commuter{border-radius:50%}h3{font-size:12px;font-weight:500}#destinations{margin-top:12px;display:grid;gap:10px}.destination{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px}.destination .bar{grid-column:1/-1;background:#e1e4df;height:3px}.destination .bar span{display:block;height:100%;background:#7d929d}.empty-text{color:#8b9092;font-size:12px}#linePanel{left:auto;right:28px}#lineStops{font-size:13px;line-height:1.8;border-left:3px solid var(--line);padding-left:12px;margin-bottom:16px}.line-train{display:flex;justify-content:space-between;align-items:center;font-size:12px}.line-train button{width:32px;height:32px}.line-train svg{width:17px}.delete{display:flex;align-items:center;gap:8px;font-size:12px;color:#bc4746;margin-top:14px}.delete svg{width:16px}#toast{position:fixed;top:86px;left:50%;transform:translateX(-50%);font-size:13px;text-align:center;max-width:calc(100% - 40px);padding:10px 18px;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.overlay{position:fixed;inset:0;background:rgba(244,245,243,.95);display:grid;place-items:center;z-index:10}.overlay>div{max-width:90%;min-width:250px}.overlay h2{font-size:48px;margin:12px 0 24px}.overlay .menu-link{font-size:30px;margin-top:20px}.overlay .menu-link svg{width:30px;height:30px}.overlay p{font-size:14px;color:#7b8184}#endScore{display:block;font-size:64px;margin:28px 0 4px;font-weight:500}
@media(max-width:760px){.home-copy{left:25%;top:29%}h1{font-size:86px}.menu-link{font-size:38px}.menu-link svg{width:36px;height:36px}.map-selection{inset:100px 6% 35px}.map-selection>h2{margin-bottom:14px}#mapChoices{gap:10px}.map-choice{padding:12px 8px}.map-choice h3{font-size:20px;min-height:48px}.map-actions{margin-top:24px}.mode-picker{gap:14px}.mode-picker button{font-size:14px}.map-actions .menu-link{font-size:34px}.hud-left,.hud-right{gap:8px}#hud{left:10px;right:10px;top:12px}#mapName{font-size:11px;max-width:80px}.score{font-size:20px;gap:5px}.score strong{min-width:30px}.score svg{width:18px}.icon{width:34px;height:36px}#dock{gap:8px;padding:6px 8px;bottom:15px}#lines,#fleet{gap:6px}#lines button{width:24px}#lines button span{width:17px;height:17px}#fleet button{min-width:35px;gap:4px}#fleet svg{width:19px}#lineInfo{width:25px}#stationPanel,#linePanel{left:14px;right:auto;top:72px;width:260px;max-height:calc(100% - 170px)}.edition{left:24px;font-size:10px}}
@media(max-width:480px){.map-selection{inset:85px 7% 24px}#mapChoices{grid-template-columns:1fr;gap:10px}.map-choice{display:grid;grid-template-columns:1fr 110px;padding:9px 12px;align-items:center;border-bottom:0;border-left:4px solid transparent}.map-choice[aria-pressed=true]{border-left-color:var(--yellow)}.map-choice h3{min-height:0;font-size:23px}.map-choice canvas{grid-column:2;grid-row:1/3}.map-choice .best{padding-top:6px;font-size:11px}.map-actions{flex-wrap:wrap;margin-top:20px}.map-actions .menu-link{font-size:36px}.map-actions .menu-link svg{width:32px}.clock{min-width:54px}#lines,#fleet{gap:4px}#lines button{width:20px}#dock{gap:6px}#fleet button{min-width:33px}#fleet span{font-size:12px}.dock-divider{height:20px}}
@media(max-height:540px){.map-selection{inset:65px 12% 18px}.map-choice h3{font-size:22px;min-height:28px}.map-choice canvas{height:110px}.map-choice{padding:10px}.map-actions{margin-top:10px}.home-copy{top:18%}h1{font-size:74px;margin-bottom:20px}.menu-link{font-size:36px}.overlay h2{font-size:30px;margin:10px 0}#endScore{font-size:40px;margin-top:10px}.overlay .menu-link{margin-top:12px}}
#mapChoices,.mode-picker{position:relative;isolation:isolate}
.selection-slide{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;background:#e8e9e5;border-bottom:5px solid var(--yellow);transition:transform 540ms cubic-bezier(.22,.8,.25,1),width 540ms ease,height 540ms ease}
.mode-picker .selection-slide{background:#e8e9e580;border-bottom:3px solid var(--ink)}
.map-choice[aria-pressed=true]{background:transparent;border-color:transparent}
.mode-picker button[aria-pressed=true]{border-color:transparent}
.map-choice h3{min-height:68px;overflow-wrap:normal;font-size:26px}
.map-choice canvas{height:auto;aspect-ratio:1.5;object-fit:contain}
.mode-picker{gap:8px}.mode-picker button{padding:9px 10px}
.settings-content{width:min(480px,80%);margin:15vh auto;max-height:80vh;overflow:auto;padding:4px}
.settings-content label{gap:16px;align-items:center}.settings-content label>span{min-width:0}
.settings-content select{font:inherit;font-size:16px;color:var(--ink);background:transparent;border:1px solid #cdd1cd;border-radius:3px;padding:8px;max-width:55%;min-height:40px}
.settings-content input{flex-shrink:0}.passenger-types{font-size:11px;min-width:0}.passenger-types>div{flex-wrap:wrap}.passenger-types>div>span[data-i18n]{flex:1;min-width:0}
.menu-link>span{min-width:0;overflow-wrap:anywhere}.map-actions{flex-wrap:wrap}.map-actions>.menu-link{margin-left:auto}
@media(max-width:760px){.map-choice h3{font-size:20px;min-height:64px}.mode-picker{gap:2px}.mode-picker button{padding:9px 6px;font-size:13px}}
@media(max-width:480px){#mapChoices .selection-slide{border-bottom:0;border-left:4px solid var(--yellow)}.map-choice h3{font-size:21px;min-height:0}.map-choice[aria-pressed=true]{border-left-color:transparent}.map-actions .menu-link{font-size:30px}}
@media(max-height:540px){.map-choice h3{font-size:19px;min-height:48px}.map-choice canvas{height:88px}.map-choice .best{padding-top:4px}.map-selection>h2{margin-bottom:12px}.map-actions{margin-top:8px}.map-actions .menu-link{font-size:30px}.settings-content{margin:62px auto 10px;max-height:calc(100vh - 72px)}.settings-content h2{font-size:28px;margin-bottom:8px}.settings-content label{font-size:15px;padding:8px 0}.settings-content select{min-height:34px;padding:5px}.home-copy{left:34%}}