: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)}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>.hud-btn{float:right}.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}#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)}.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)}.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}