:root{-webkit-tap-highlight-color:transparent;font-family:var(--pf-body);font-size:var(--pf-size-body);font-weight:var(--pf-weight-normal);color:var(--pf-hud-text);background:var(--pf-land);font-synthesis:none}*{box-sizing:border-box}body{margin:0}#app{width:100%;height:100dvh;position:relative;overflow:hidden}.map{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.map-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label{white-space:nowrap;background:var(--pf-hud-bg);border:1px solid var(--pf-names-town);font-size:var(--pf-size-small);font-weight:var(--pf-weight-normal);border-radius:999px;padding:2px 8px;line-height:1.3;position:absolute;top:0;left:0}.map-label.bold{font-size:var(--pf-size-label);font-weight:var(--pf-weight-bold)}.map-board-title{color:var(--pf-muted-text);font-size:var(--pf-size-small);font-weight:var(--pf-weight-bold);letter-spacing:.06em;justify-content:space-between;align-items:center;display:flex;position:absolute}.map-board-title[hidden]{display:none}canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) 16px;position:absolute;inset:0}.topbar{justify-content:space-between;align-items:start;gap:12px;display:flex}.chips{flex-direction:column;align-items:start;gap:12px;display:flex}.chip{background:var(--pf-hud-bg);font-variant-numeric:tabular-nums;border-radius:24px;padding:10px 16px}button{font:inherit;color:var(--pf-hud-text);background:var(--pf-hud-bg);cursor:pointer;pointer-events:auto;border:0;border-radius:24px;min-height:48px;padding:12px}.hud-btn{width:48px;min-width:48px;height:48px;box-shadow:0 2px 6px var(--pf-shadow);border-radius:24px;padding:12px}svg{fill:none;width:24px;height:24px;stroke:var(--pf-hud-text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.speeds{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 8px);gap:12px;display:flex;position:absolute;left:16px}button[aria-pressed=true]{background:var(--pf-hud-text)}button[aria-pressed=true] svg{stroke:var(--pf-white)}.panel,dialog{background:var(--pf-hud-bg);color:var(--pf-hud-text);pointer-events:auto;box-shadow:0 2px 6px var(--pf-shadow);border:0;border-radius:24px;padding:20px}.menu{z-index:30;width:min(280px,100% - 32px);position:absolute;top:80px;right:16px}.menu button{text-align:left;width:100%;margin-top:12px;display:block}h2{font-size:var(--pf-size-heading);font-weight:var(--pf-weight-bold)}dialog{width:min(360px,100% - 32px);max-height:80dvh}dialog::backdrop{background:var(--pf-backdrop)}p{line-height:1.5}a{color:var(--pf-hud-text)}.away{max-height:calc(100% - 240px);padding:16px;position:absolute;top:150px;left:16px;right:16px;overflow:auto}.away>.hud-btn{float:right;margin-left:12px}.away>p{margin:6px 0;line-height:1.3}.away>p:first-of-type{margin-top:0}.catch-up-progress{z-index:21;pointer-events:none;position:absolute;top:150px;left:16px;right:16px}.catch-up-progress progress{width:100%;height:8px;accent-color:var(--pf-hud-text);margin-top:8px;display:block}[data-testid=save-notice],.update-banner{z-index:20;background:var(--pf-hud-bg);color:var(--pf-hud-text);border-radius:16px;padding:12px;position:fixed;top:140px;left:16px;right:16px}[data-testid=new-game]{z-index:21;margin:250px 16px 0;position:relative}[data-testid=save-notice],.update-banner{align-items:center;gap:12px;display:flex}#app:has(.away) .update-banner{display:none}[data-testid=save-notice]>span,.update-banner>button:first-child{flex:1}[data-testid=save-notice]{flex-wrap:wrap}.passing-notice{align-items:center;gap:12px;width:100%;display:flex}.passing-notice>span{flex:1}.menu,dialog{background:var(--pf-white)}[data-license]{min-width:44px;min-height:48px}[data-testid=licence-panel]{overflow:hidden}[data-testid=licence-text]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:48dvh;font:inherit;overflow:auto}.not-saving{min-width:44px;min-height:48px;font-size:var(--pf-size-label);background:var(--pf-debt);color:var(--pf-warning-text);align-items:center;gap:8px;display:inline-flex}.not-saving svg{stroke:currentColor}.menu button[hidden]{display:none}.menu{max-height:calc(100dvh - 100px);overflow-y:auto}.build-ui{pointer-events:none;position:absolute;inset:0}.build-btn{right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:64px;height:64px;box-shadow:0 2px 6px var(--pf-shadow);border-radius:32px;position:absolute}.build-btn svg{width:32px;height:32px}.bulldoze-btn{right:24px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px);border:2px solid var(--pf-debt);color:var(--pf-debt);border-radius:12px;position:absolute}.bulldoze-btn svg{stroke:currentColor}.bulldoze-btn[aria-pressed=true]{background:var(--pf-debt)}.undo-btn{right:24px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 136px);position:absolute}.undo-btn[hidden],.bulldoze-btn[hidden],.build-hint[hidden],.road-card[hidden],.road-error[hidden]{display:none}#app:has(.line-card:not([hidden]),.money-card:not([hidden]),.away) :is(.undo-btn,.bulldoze-btn){display:none}#app:has(.panel:not([hidden]),dialog[open],.build-hint:not(.first-road-hint):not([hidden])) .first-road-hint{display:none}.build-hint{left:16px;right:88px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px);white-space:normal;box-shadow:0 2px 6px var(--pf-shadow);margin:0;position:absolute}.road-card{left:16px;right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px);position:absolute}.road-card p{margin:0 0 12px}.road-title{font-size:var(--pf-size-heading);font-weight:var(--pf-weight-bold);align-items:center;gap:8px;display:flex}.road-error{font-weight:var(--pf-weight-bold)}.road-actions{gap:12px;display:flex}.big-btn{min-height:48px;box-shadow:0 2px 6px var(--pf-shadow);flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.big-btn.confirm:not(:disabled){background:var(--pf-hud-text);color:var(--pf-white)}.big-btn.confirm:not(:disabled) svg{stroke:var(--pf-white)}.big-btn:disabled{opacity:.5;cursor:default}.line-card{left:16px;right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 88px);max-height:50dvh;position:absolute;overflow:auto}.line-card[hidden]{display:none}.line-card:not([hidden]){flex-direction:column;display:flex}.line-card>.hud-btn{position:absolute;top:12px;right:12px}.line-card>h2,.line-card>.line-kind,.line-card>.line-actions{flex-shrink:0}.line-card-content{min-height:0;overflow-y:auto}.line-card h2{margin:0 48px 8px 0}.line-card p{margin:6px 0}.line-card>button:not(.hud-btn){box-shadow:0 2px 6px var(--pf-shadow);margin:4px}.line-card button:disabled{opacity:.5;cursor:default}.old-badge{font-size:var(--pf-size-small);background:var(--pf-debt);color:var(--pf-white);border-radius:8px;padding:2px 8px;display:inline-block}.old-badge[hidden]{display:none}.line-running{color:var(--pf-town-side)}.line-stopped{color:var(--pf-debt)}.delivery-pop{background:var(--pf-income);color:var(--pf-white);font-weight:var(--pf-weight-bold);white-space:nowrap;border-radius:24px;padding:4px 10px;position:absolute}[data-testid=hud-cash]{min-height:44px}.money-card{z-index:2;position:absolute;inset:160px 16px 88px;overflow:auto}.money-card[hidden]{display:none}.money-card>.hud-btn{float:right}.money-card h2{margin:0 48px 8px 0}.money-card h3,.money-card p{margin:6px 0}.money-card section+section{margin-top:16px}.map-block-target{opacity:0;pointer-events:auto;touch-action:none;width:44px;min-width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-block-target:focus-visible{opacity:1}.recentre-btn{position:absolute;top:96px;right:24px}.map-view-btn{min-height:44px;font-size:var(--pf-size-label);box-shadow:0 2px 6px var(--pf-shadow);padding:10px 14px;position:absolute;top:98px;right:80px}#app:has(.panel:not([hidden]),dialog[open]) .map-view-btn{display:none}#app:has(.panel:not([hidden]),dialog[open]) .recentre-btn{display:none}.undo-btn{align-items:center;gap:4px;width:auto;display:inline-flex}.line-card{max-height:35dvh;padding:12px}.line-card h2{font-size:var(--pf-size-body)}.line-card p{margin:2px 0;line-height:1.3}.line-actions{gap:4px;padding:4px 2px 8px;display:flex;overflow-x:auto}.line-actions button{box-shadow:0 2px 6px var(--pf-shadow);font-size:var(--pf-size-small);flex:1;padding:6px}.cargo-key{font-size:var(--pf-size-small);align-items:center;gap:6px;display:flex}.cargo-swatch{border:2px solid var(--pf-muted-text);border-radius:2px;width:16px;height:10px;display:inline-block}.cargo-swatch[data-cargo]{border-color:var(--pf-hud-text)}.cargo-swatch[data-cargo=coal]{background:var(--pf-coal)}.cargo-swatch[data-cargo=cotton]{background:var(--pf-raw-cotton)}.cargo-swatch[data-cargo=cloth]{background:var(--pf-cloth)}.line-card.town-card{background:var(--pf-board-paper);max-height:min(60dvh,100% - 180px);padding:16px}.town-card h2{font-size:var(--pf-size-heading);margin-bottom:2px}.town-card .town-meta{color:var(--pf-muted-text);font-size:var(--pf-size-label)}.town-demand-heading{clear:both;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:12px 0 8px;display:flex}.town-card h3,.town-card h4{font-size:var(--pf-size-label);margin:0}.town-demand-heading>span{font-size:var(--pf-size-small);color:var(--pf-muted-text)}.town-needs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.town-need{background:var(--pf-hud-bg);border:1px solid var(--pf-names-town);border-radius:14px;min-width:0;padding:10px}.town-need h4{align-items:center;gap:6px;display:flex}.town-need h4 svg{flex:0 0 24px}.town-need[data-cargo=cloth] h4 svg{fill:var(--pf-cloth)}.town-need[data-cargo=coal] h4 svg{fill:var(--pf-coal);stroke:var(--pf-white)}.town-card .town-amount{font-weight:var(--pf-weight-bold);font-variant-numeric:tabular-nums;margin:8px 0 6px}.town-card progress{appearance:none;background:var(--pf-names-town);border:0;border-radius:8px;width:100%;height:7px;display:block;overflow:hidden}.town-card progress::-webkit-progress-bar{background:var(--pf-names-town);border-radius:8px}.town-card progress::-webkit-progress-value{background:var(--pf-town-side);border-radius:8px}.town-card progress::-moz-progress-bar{background:var(--pf-town-side);border-radius:8px}.town-need[data-cargo=coal] progress::-webkit-progress-value{background:var(--pf-coal)}.town-need[data-cargo=cloth] progress::-webkit-progress-value{background:var(--pf-cloth)}.town-need[data-cargo=coal] progress::-moz-progress-bar{background:var(--pf-coal)}.town-need[data-cargo=cloth] progress::-moz-progress-bar{background:var(--pf-cloth)}.town-card .town-need-status{font-size:var(--pf-size-small);font-weight:var(--pf-weight-bold);margin-top:6px}.town-need[data-supplied=true] .town-need-status{color:var(--pf-town-side)}.town-card .town-source{color:var(--pf-muted-text);font-size:var(--pf-size-small);margin-top:4px}.town-growth{background:var(--pf-hud-bg);border-radius:14px;margin:10px 0 6px;padding:10px 12px}.town-growth[data-growing=true] h3{color:var(--pf-town-side)}.town-card .town-growth-hint{font-size:var(--pf-size-label);margin:3px 0 8px}.town-card .town-next-level{font-size:var(--pf-size-small);color:var(--pf-muted-text);margin-top:5px}.town-card progress[hidden],.town-card .town-next-level[hidden]{display:none}.town-card .line-actions{flex-wrap:wrap;gap:6px;padding-bottom:0}.town-card .line-actions button{font-size:var(--pf-size-label);flex-basis:100%}.town-card .town-new-line{background:var(--pf-hud-text);color:var(--pf-white);font-weight:var(--pf-weight-bold)}.build-network{gap:4px;display:flex}.build-network[hidden]{display:none}.build-network button{min-width:80px;min-height:48px;box-shadow:0 2px 6px var(--pf-shadow)}.build-network button[aria-pressed=true]{background:var(--pf-rail);color:var(--pf-white)}.build-network small{font-size:var(--pf-size-small);font-weight:var(--pf-weight-normal);display:block}.transport-guide{font-size:var(--pf-size-small);margin:8px 0}.transport-guide[hidden]{display:none}.transport-guide summary{cursor:pointer;min-height:44px;font-weight:var(--pf-weight-bold);align-items:center;gap:8px;display:flex}.transport-guide summary:before{content:"+";font-size:var(--pf-size-heading)}.transport-guide[open] summary:before{content:"−"}.transport-guide ol{margin:0 0 10px;padding-left:22px}.transport-guide li{padding:4px 0}.transport-guide li strong,.transport-guide li span{line-height:1.4;display:block}.transport-guide li span{color:var(--pf-muted-text)}.line-card .transport-copy,.road-card .transport-copy{font-size:var(--pf-size-small);color:var(--pf-muted-text);margin:8px 0;line-height:1.4}.line-card.service-card{background:var(--pf-board-paper);max-height:min(60dvh,100% - 180px);padding:16px}.service-card .line-kind{font-size:var(--pf-size-small);color:var(--pf-muted-text);font-weight:var(--pf-weight-bold);margin:0 48px 4px 0}.line-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.line-connections>div{background:var(--pf-hud-bg);border-radius:12px;padding:10px}.line-connections strong,.line-connections span{font-size:var(--pf-size-small);display:block}.line-connections span{color:var(--pf-muted-text);margin-top:4px}.service-card .line-next-step{border-left:3px solid var(--pf-road-edge);font-size:var(--pf-size-label);background:var(--pf-hud-bg);margin-bottom:8px;padding:8px 10px}.service-card .line-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.service-card .line-actions button{min-width:0;font-size:var(--pf-size-small)}.service-card .line-actions button:nth-child(-n+2):not(:disabled){background:var(--pf-hud-text);color:var(--pf-white)}.first-time-tip{z-index:11;background:var(--pf-hud-bg);width:min(360px,100% - 32px);box-shadow:0 2px 6px var(--pf-shadow);border-radius:16px;padding:12px;position:absolute;left:16px}.first-time-tip p{font-size:var(--pf-size-label);margin:0 0 8px}.first-time-tip button{font-size:var(--pf-size-label)}.tip-focus{z-index:10;pointer-events:none;outline:3px solid var(--pf-town);box-shadow:0 0 12px 6px var(--pf-shadow);border-radius:16px;position:absolute}.first-time-tip[hidden],.tip-focus[hidden],.first-time-tip button[hidden]{display:none}#app:has(.first-time-tip:not([hidden])) .first-road-hint{display:none}.desktop-brand,.desktop-label,.desktop-map-help{display:none}@media (width>=1024px) and (height>=600px){#app{background:var(--pf-desk)}.hud{padding:16px 24px}.topbar{background:var(--pf-desk-panel);border:1px solid var(--pf-names-town);min-height:76px;box-shadow:0 2px 6px var(--pf-shadow);border-radius:20px;align-items:center;gap:24px;padding:10px 16px 10px 24px}.desktop-brand{flex-direction:column;gap:2px;display:flex}.desktop-brand strong{font-size:var(--pf-size-heading);font-weight:var(--pf-weight-bold)}.desktop-brand>span{font-size:var(--pf-size-small);color:var(--pf-muted-text)}.chips{flex-direction:row;align-items:center;gap:12px;margin-left:auto}.chips>.chip{background:var(--pf-desk);border-radius:12px;padding:6px 16px}[data-testid=hud-date]:before,[data-testid=hud-cash]:before{font-size:var(--pf-size-small);color:var(--pf-muted-text);font-weight:var(--pf-weight-normal);display:block}[data-testid=hud-date]:before{content:"Game date"}[data-testid=hud-cash]:before{content:"Company cash"}[data-testid=hud-cash]{text-align:left;font-weight:var(--pf-weight-bold)}.chips>.not-saving{background:var(--pf-debt)}.build-network{z-index:1;position:absolute;top:128px;left:40px}.map{border:1px solid var(--pf-board-edge);box-shadow:0 2px 6px var(--pf-shadow);--pf-map-top-inset:32px;--pf-map-bottom-inset:8px;cursor:grab;border-radius:20px;inset:112px 24px 104px;overflow:hidden}.map:active{cursor:grabbing}#app:has(.line-card:not([hidden]),.road-card:not([hidden]),.money-card:not([hidden]),.away) .map{right:416px}.recentre-btn{top:16px;right:16px}.map-view-btn{top:18px;right:76px}#app:has(.panel:not([hidden]),dialog[open]) :is(.map-view-btn,.recentre-btn){display:block}.speeds{background:var(--pf-desk-panel);border:1px solid var(--pf-names-town);box-shadow:0 2px 6px var(--pf-shadow);border-radius:18px;align-items:center;gap:4px;padding:6px;bottom:24px;left:24px}.speeds:before{content:"Game speed";font-size:var(--pf-size-small);color:var(--pf-muted-text);margin:0 12px}.speeds .hud-btn{box-shadow:none;border-radius:12px}.desktop-map-help{font-size:var(--pf-size-small);color:var(--pf-muted-text);margin:0;display:block;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.desktop-map-help span{margin:0 8px}.desktop-label{display:inline}.build-btn,.bulldoze-btn,.undo-btn{background:var(--pf-desk-panel);border-radius:18px;align-items:center;gap:8px;width:auto;height:60px;padding:12px 18px;display:inline-flex;bottom:24px}.build-btn{background:var(--pf-hud-text);color:var(--pf-white);font-weight:var(--pf-weight-bold);right:24px}.build-btn svg{stroke:var(--pf-white);width:24px;height:24px}.bulldoze-btn{right:148px}.undo-btn{right:300px}.line-card,.road-card,.money-card,.away{border:1px solid var(--pf-names-town);background:var(--pf-desk-panel);border-radius:20px;width:368px;max-height:calc(100dvh - 216px);padding:20px;inset:112px 24px auto auto;overflow:auto}.line-card.town-card,.line-card.service-card{background:var(--pf-desk-panel);max-height:calc(100dvh - 216px);padding:20px}.line-card.town-card p{margin:6px 0}.line-card.service-card .line-kind{margin:0 48px 4px 0}.line-card h2{font-size:var(--pf-size-heading);margin-bottom:16px}.line-card>.hud-btn{top:16px;right:16px}.line-card p{margin:10px 0;line-height:1.5}.line-actions{flex-wrap:wrap;gap:8px;padding:12px 0 0;overflow:visible}.line-actions button{font-size:var(--pf-size-label);flex:140px;padding:10px}.money-card{bottom:104px}.money-card [data-bucket]{justify-content:space-between;gap:16px;margin:10px 0;display:flex}.money-card [data-bucket]>span{font-variant-numeric:tabular-nums}.money-card [data-bucket=Net]{border-top:1px solid var(--pf-names-town);font-weight:var(--pf-weight-bold);margin-top:16px;padding-top:12px}.money-card section+section{margin-top:28px}.menu{top:104px;right:24px}.build-hint{max-width:min(440px,100% - 480px);bottom:120px;left:40px;right:auto}[data-testid=save-notice],.update-banner{width:min(560px,100% - 48px);box-shadow:0 2px 6px var(--pf-shadow);top:112px;left:50%;right:auto;transform:translate(-50%)}.first-time-tip{border:1px solid var(--pf-names-town);background:var(--pf-desk-panel)}}