:root{--board:#e7d9bc;--board2:#f0e6ce;--paper:#fbf5e6;--card:#f4ecd6;--pine:#1f4d3a;--pine-lo:#2f6b4f;--pine-dk:#143528;--ochre:#e0a12a;--ochre-dk:#b87d16;--ochre-hi:#f2c256;--clay:#c1553b;--clay-dk:#943c27;--sky:#5b8aa6;--sky-dk:#3d6b86;--ink:#2c2418;--ink-dim:#786a53;--line:#cdba90;--line-dk:#a8925f;--disp:"Century Gothic", "Futura", "Avenir Next", system-ui, sans-serif;--body:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--map-bg:#f4ecd6f7;--map-rail:#2c241873;--map-connected:var(--sky-dk);--map-sighted:#3d6b8659;--map-docked:var(--pine);--map-quest:var(--ochre-dk);--map-train:var(--clay);--map-label:var(--ink);--map-scrim:#2c24188c;--map-line:var(--line-dk);--map-bar:#e7d9bcd9;--map-text:var(--ink)}.tdf-hud,.tdf-hud *{box-sizing:border-box}.tdf-disp{font-family:var(--disp);letter-spacing:.01em;font-weight:700}.tdf-hud button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.tdf-hud button:focus-visible,.tdf-hud [tabindex]:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}.tdf-topbar{z-index:12;font-family:var(--body);color:var(--ink);background:linear-gradient(180deg, var(--pine), var(--pine-dk));border-bottom:4px solid var(--ochre);align-items:stretch;gap:14px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 14px #0000004d}.tdf-brand{border-right:2px dashed #ffffff40;flex-direction:column;justify-content:center;padding-right:14px;display:flex}.tdf-bt{font-family:var(--disp);letter-spacing:.06em;color:var(--paper);text-transform:uppercase;font-size:16px;font-weight:700;line-height:1}.tdf-bs{color:var(--ochre-hi);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:10px}.tdf-route{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.tdf-route-head{color:var(--paper);justify-content:space-between;align-items:baseline;min-width:0;margin-bottom:5px;display:flex}.tdf-rc{font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.tdf-rc.dest{color:var(--ochre-hi);text-align:right}.tdf-rmid{color:#bcd6c5;letter-spacing:.1em;white-space:nowrap;flex:none;padding:0 8px;font-size:10px}.tdf-track{height:22px;position:relative}.tdf-track-line{background:#ffffff38;border-radius:3px;height:4px;position:absolute;top:9px;left:8px;right:8px}.tdf-track-fill{background:var(--ochre);border-radius:3px;width:0%;height:4px;position:absolute;top:9px;left:8px}.tdf-bead{background:var(--paper);border:3px solid var(--pine-lo);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;transform:translate(-50%);box-shadow:0 1px 3px #0006}.tdf-bead.city{border-color:var(--sky)}.tdf-bead.danger{border-color:var(--clay);background:var(--clay)}.tdf-bead.evt{border-color:var(--ochre);background:var(--ochre)}.tdf-bead.is-dest{border-color:var(--ochre-hi);background:var(--ochre-hi);width:22px;height:22px;top:0}.tdf-btip{white-space:nowrap;text-overflow:ellipsis;color:#d8e6dc;letter-spacing:.03em;pointer-events:none;max-width:64px;font-size:8.5px;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-50%)}.tdf-bead.is-dest .tdf-btip{max-width:84px;color:var(--ochre-hi);font-weight:700}.tdf-track-train{z-index:2;filter:drop-shadow(0 2px 2px #0006);font-size:17px;position:absolute;top:-3px;left:0%;transform:translate(-50%)}.tdf-coins{align-items:center;gap:8px;display:flex}.tdf-coin{flex-direction:column;align-items:center;gap:1px;min-width:44px;display:flex}.tdf-cd{background:radial-gradient(circle at 40% 32%, var(--paper), var(--board));border:2px solid var(--line-dk);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex;box-shadow:0 2px 4px #0000004d,inset 0 1px #fff9}.tdf-cv{font-family:var(--disp);color:var(--paper);font-size:12px;font-weight:700}.tdf-menu-btn{background:var(--ochre);border:2px solid var(--ochre-dk);width:48px;min-height:44px;color:var(--pine-dk);box-shadow:0 3px 0 var(--ochre-dk);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.tdf-menu-btn[hidden]{display:none}.tdf-menu-btn:active{box-shadow:0 1px 0 var(--ochre-dk);transform:translateY(2px)}.tdf-side-msg{z-index:13;pointer-events:none;max-width:min(560px,80vw);font-family:var(--body);text-align:center;color:var(--paper);border:1px solid var(--ochre);background:#141e18d1;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:5px 14px;font-size:12px;font-weight:600;display:flex;position:fixed;top:118px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000040}.tdf-side-msg[hidden]{display:none}.tdf-side-action{pointer-events:auto;min-height:26px;font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:var(--ochre);border:1px solid var(--ochre-dk);box-shadow:0 2px 0 var(--ochre-dk);border-radius:10px;flex:none;padding:2px 10px;font-size:11px;font-weight:700}.tdf-side-action:active{box-shadow:0 1px 0 var(--ochre-dk);transform:translateY(1px)}.tdf-crew{z-index:11;width:132px;font-family:var(--body);color:var(--ink);background:var(--board2);border:3px solid var(--line-dk);border-radius:16px;padding:12px 10px;position:fixed;top:96px;left:16px;box-shadow:0 6px 18px #00000038,inset 0 1px #fff9}.tdf-crew-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.tdf-crew-title{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--pine);font-size:11px}.tdf-crew-count{color:var(--ink-dim);letter-spacing:.04em;font-size:9px}.tdf-crew-toggle{width:22px;height:22px;color:var(--pine);background:var(--card);border:2px solid var(--line);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.tdf-crew.collapsed .tdf-crew-body{display:none}.tdf-crew.collapsed .tdf-crew-toggle{transform:rotate(-90deg)}.tdf-token{background:var(--card);border:2px solid var(--line);border-radius:12px;align-items:center;gap:9px;margin-bottom:7px;padding:6px;display:flex}.tdf-tok-face{border:3px solid var(--pine);background:radial-gradient(circle at 40% 34%,#fff,#e9dcc0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;position:relative}.tdf-token.soldier .tdf-tok-face{border-color:var(--clay)}.tdf-token.worker .tdf-tok-face{border-color:var(--sky)}.tdf-token.driver .tdf-tok-face{border-color:var(--ochre-dk)}.tdf-tok-mood{border:2px solid var(--board2);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.tdf-tok-where{filter:drop-shadow(0 1px 1px #0009);font-size:11px;line-height:1;position:absolute;top:-4px;left:-4px}.tdf-token.out .tdf-tok-face{border-style:dashed}.tdf-token.out .tdf-tok-name{opacity:.75}.tdf-tok-mood.ok{background:var(--pine-lo)}.tdf-tok-mood.hungry{background:var(--ochre)}.tdf-tok-mood.hurt{background:var(--clay)}.tdf-tok-info{flex:1;min-width:0}.tdf-tok-name{font-family:var(--disp);font-size:12px;font-weight:700;line-height:1.1}.tdf-tok-role{color:var(--ink-dim);letter-spacing:.03em;font-size:9.5px}.tdf-tok-hp{background:#d8c69c;border-radius:3px;height:5px;margin-top:3px;overflow:hidden}.tdf-tok-hp i{background:var(--pine-lo);border-radius:3px;height:100%;display:block}.tdf-tok-hp i.md{background:var(--ochre)}.tdf-tok-hp i.lo{background:var(--clay)}.tdf-crew-manage{background:var(--pine);width:100%;min-height:44px;color:var(--paper);font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 0 var(--pine-dk);border-radius:11px;margin-top:2px;padding:9px;font-size:11px;font-weight:700}.tdf-crew-manage:active{box-shadow:0 1px 0 var(--pine-dk);transform:translateY(2px)}.tdf-train{z-index:11;width:150px;font-family:var(--body);color:var(--ink);background:var(--board2);border:3px solid var(--line-dk);border-radius:16px;padding:12px 11px;position:fixed;top:96px;right:16px;box-shadow:0 6px 18px #00000038,inset 0 1px #fff9}.tdf-train-title{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--pine);text-align:center;margin:0 0 10px;font-size:11px}.tdf-carcard{background:var(--card);border:2px solid var(--line);border-radius:11px;align-items:center;gap:9px;margin-bottom:7px;padding:7px 8px;display:flex;position:relative}.tdf-cc-ico{font-size:18px}.tdf-cc-body{flex:1;min-width:0}.tdf-cc-name{font-family:var(--disp);font-size:11px;font-weight:700}.tdf-cc-board{background:var(--clay);color:#fff;min-width:20px;height:20px;font-family:var(--disp);border:2px solid var(--board2);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 8px #c1553bb3}.tdf-train-foot{border-top:2px dashed var(--line);justify-content:center;margin-top:8px;padding-top:9px;display:flex}.tdf-train-foot .tf{text-align:center}.tdf-train-foot .tf b{font-family:var(--disp);color:var(--clay);font-size:15px;display:block}.tdf-train-foot .tf span{color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase;font-size:8.5px}.tdf-controlbar{z-index:12;font-family:var(--body);color:var(--ink);background:var(--board2);border:3px solid var(--line-dk);border-radius:18px;align-items:center;gap:14px;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000040}.tdf-ctl-group{flex-direction:column;align-items:center;gap:5px;display:flex}.tdf-cg-lab{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:9px}.tdf-lever-wrap{background:var(--card);border:2px solid var(--line);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 4px;display:flex}.tdf-lever{width:130px;accent-color:var(--ochre);cursor:pointer}.tdf-lever-wrap.redline .tdf-lever{accent-color:#c0392b}.tdf-lever-val{font-family:var(--disp);letter-spacing:.04em;color:var(--ink-dim);text-align:right;min-width:34px;font-size:11px;font-weight:700}.tdf-lever-wrap.redline .tdf-lever-val{color:#c0392b}.tdf-camtog{background:var(--card);border:2px solid var(--line);min-height:44px;font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--pine);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.tdf-dotc{background:var(--pine-lo);border-radius:50%;width:12px;height:12px}.tdf-camtog.free .tdf-dotc{background:var(--sky)}.tdf-retreat{min-height:44px;font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);background:var(--clay);border:2px solid var(--clay-dk);box-shadow:0 3px 0 var(--clay-dk);border-radius:12px;padding:0 14px;font-size:11px;font-weight:700}.tdf-retreat:active{box-shadow:0 1px 0 var(--clay-dk);transform:translateY(2px)}.tdf-retreat:disabled{opacity:.45;box-shadow:none;cursor:default}.tdf-auto-row{align-items:center;gap:8px;display:flex}.tdf-bell{min-width:44px;min-height:44px;font-family:var(--disp);color:var(--paper);background:var(--ochre);border:2px solid var(--ochre-dk);box-shadow:0 3px 0 var(--ochre-dk);border-radius:12px;padding:0 14px;font-size:14px;font-weight:700;animation:1.1s ease-in-out infinite tdf-bell-pulse}.tdf-bell:active{box-shadow:0 1px 0 var(--ochre-dk);transform:translateY(2px)}@keyframes tdf-bell-pulse{0%,to{box-shadow:0 3px 0 var(--ochre-dk), 0 0 0 0 #e0a12a8c}50%{box-shadow:0 3px 0 var(--ochre-dk), 0 0 0 7px #e0a12a00}}.tdf-autotog{background:var(--card);border:2px solid var(--line);min-height:44px;font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--pine);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.tdf-dota{background:var(--pine-lo);border-radius:50%;width:12px;height:12px}.tdf-autotog.off .tdf-dota{background:var(--ink-dim)}.tdf-autocfg{background:var(--card);border:2px solid var(--line);min-width:44px;min-height:44px;color:var(--pine);border-radius:12px;font-size:16px}.tdf-autocfg:active{transform:translateY(1px)}@media (width<=760px),(height<=500px){.tdf-crew,.tdf-train{will-change:transform;border-width:2px;border-radius:12px;max-height:62vh;padding:8px;transition:transform .22s;top:60px;overflow-y:auto}.tdf-crew{transform:translate(calc(-100% - 24px))}.tdf-train{transform:translate(calc(100% + 24px))}.tdf-crew.m-open,.tdf-train.m-open{transform:none}.tdf-drawer-tab{z-index:13;font-family:var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:linear-gradient(180deg, var(--pine-lo), var(--pine));border:2px solid var(--pine-dk);writing-mode:vertical-rl;cursor:pointer;padding:12px 4px;font-size:11px;position:fixed;top:40%;box-shadow:0 4px 12px #0000004d}.tdf-drawer-tab-crew{left:env(safe-area-inset-left,0px);border-left:none;border-radius:0 12px 12px 0}.tdf-drawer-tab-train{right:env(safe-area-inset-right,0px);border-right:none;border-radius:12px 0 0 12px;rotate:180deg}.tdf-drawer-tab[aria-expanded=true]{background:linear-gradient(180deg, var(--ochre-hi), var(--ochre));color:var(--ink)}.tdf-controlbar{scrollbar-width:none;border-width:2px;border-radius:14px;justify-content:space-between;gap:6px;padding:5px 7px;bottom:8px;left:8px;right:8px;overflow-x:auto;transform:none}.tdf-cg-lab{font-size:8px}.tdf-controlbar::-webkit-scrollbar{display:none}.tdf-ctl-group{flex:none}.tdf-topbar{border-bottom-width:2px;gap:6px;padding:5px 8px}.tdf-brand{display:none}.tdf-route-head{margin-bottom:2px;font-size:10px}.tdf-rc{font-size:11px}.tdf-rmid{padding:0 4px;font-size:9px}.tdf-track{height:12px}.tdf-track-line,.tdf-track-fill{height:3px;top:5px}.tdf-bead{border-width:2px;width:12px;height:12px;top:0}.tdf-bead.is-dest{width:14px;height:14px;top:-1px}.tdf-btip{display:none}.tdf-track-train{font-size:12px;top:-4px}.tdf-coins{gap:4px}.tdf-coin{gap:0;min-width:30px}.tdf-cd{border-width:1px;width:24px;height:24px;font-size:12px}.tdf-cv{font-size:10px}.tdf-menu-btn{border-radius:10px;width:40px;min-height:40px;font-size:18px}.tdf-side-msg{max-width:min(560px,92vw);padding:4px 10px;font-size:11px;top:66px}}.td-tut-card{color:#eef0f3;background:#14171c;border:1px solid #ffffff24;border-radius:12px;padding:14px 16px;font-family:system-ui,sans-serif;box-shadow:0 8px 28px #0000008c}.td-tut-title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.25}.td-tut-title[hidden]{display:none}.td-tut-body{margin:0 0 10px;font-size:14px;line-height:1.4}.td-tut-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.td-tut-actions button{font:inherit;cursor:pointer;color:inherit}.td-tut-next{background:#3a7d5c;border:1px solid #3a7d5c;border-radius:8px;padding:7px 14px;font-size:13px}.td-tut-next:hover{background:#438f68}.td-tut-next[hidden]{display:none}.td-tut-skip{opacity:.7;background:0 0;border:0;padding:4px 2px;font-size:12px;text-decoration:underline}.td-tut-skip:hover{opacity:1}.td-spotlight{z-index:60;pointer-events:none;position:fixed;inset:0}.td-spotlight-hole{border-radius:12px;transition:left .12s ease-out,top .12s ease-out,width .12s ease-out,height .12s ease-out;position:fixed;box-shadow:0 0 0 9999px #06080cb8}.td-spotlight-callout{pointer-events:auto;max-width:min(320px,86vw);position:fixed}.td-spotlight[data-card=true]{pointer-events:auto;background:#06080cb8}.td-spotlight-hole[hidden]{display:none}.td-spotlight-block{pointer-events:auto;background:0 0;position:fixed}.td-spotlight-block[hidden]{display:none}.td-spotlight-arrow{pointer-events:none;width:0;height:0;position:absolute}.td-spotlight-arrow[hidden]{display:none}.td-spotlight-callout[data-side=below] .td-spotlight-arrow{left:var(--td-spotlight-arrow-offset,50%);border-bottom:14px solid #f0c040;border-left:10px solid #0000;border-right:10px solid #0000;animation:.9s ease-in-out infinite td-tut-bounce-y;top:-14px;transform:translate(-50%)}.td-spotlight-callout[data-side=above] .td-spotlight-arrow{left:var(--td-spotlight-arrow-offset,50%);border-top:14px solid #f0c040;border-left:10px solid #0000;border-right:10px solid #0000;animation:.9s ease-in-out infinite td-tut-bounce-y-rev;bottom:-14px;transform:translate(-50%)}.td-spotlight-callout[data-side=beside-right] .td-spotlight-arrow{top:var(--td-spotlight-arrow-offset,50%);border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:14px solid #f0c040;animation:.9s ease-in-out infinite td-tut-bounce-x;left:-14px;transform:translateY(-50%)}.td-spotlight-callout[data-side=beside-left] .td-spotlight-arrow{top:var(--td-spotlight-arrow-offset,50%);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid #f0c040;animation:.9s ease-in-out infinite td-tut-bounce-x-rev;right:-14px;transform:translateY(-50%)}@keyframes td-tut-bounce-y{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes td-tut-bounce-y-rev{0%,to{margin-bottom:0}50%{margin-bottom:-8px}}@keyframes td-tut-bounce-x{0%,to{margin-left:0}50%{margin-left:-8px}}@keyframes td-tut-bounce-x-rev{0%,to{margin-right:0}50%{margin-right:-8px}}@media (prefers-reduced-motion:reduce){.td-spotlight-arrow{animation:none!important}}.td-spotlight-callout{--td-spotlight-callout-shift:0px;--td-spotlight-callout-cross:0px}.td-spotlight-callout[data-side=centre]{transform:translate(calc(-50% + var(--td-spotlight-callout-shift)), calc(-50% + var(--td-spotlight-callout-cross)));top:50%;left:50%}.td-spotlight-callout[data-side=below]{top:calc(var(--td-spotlight-hole-bottom,0px) + 14px);left:var(--td-spotlight-hole-centerx,50%);transform:translate(calc(-50% + var(--td-spotlight-callout-shift)), var(--td-spotlight-callout-cross))}.td-spotlight-callout[data-side=above]{bottom:calc(100vh - var(--td-spotlight-hole-top,0px) + 14px);left:var(--td-spotlight-hole-centerx,50%);transform:translate(calc(-50% + var(--td-spotlight-callout-shift)), var(--td-spotlight-callout-cross))}.td-spotlight-callout[data-side=beside-right]{left:calc(var(--td-spotlight-hole-right,0px) + 14px);top:var(--td-spotlight-hole-centery,50%);transform:translate(var(--td-spotlight-callout-cross), calc(-50% + var(--td-spotlight-callout-shift)))}.td-spotlight-callout[data-side=beside-left]{right:calc(100vw - var(--td-spotlight-hole-left,0px) + 14px);top:var(--td-spotlight-hole-centery,50%);transform:translate(var(--td-spotlight-callout-cross), calc(-50% + var(--td-spotlight-callout-shift)))}