:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #141a1d;--bg-deep: #0e1315;--yard: #1b2429;--ballast: #141b1f;--panel: #1e282d;--panel-deep: #161e22;--edge: #33434b;--text: #eef4f7;--muted: #a3b6c0;--rail: #9fb3bd;--loco: #f2a63b;--departure: #7be0a0;--target: #ffd166;--good: #7be0a0;--danger: #ff7a6b;--ink: #12181b;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(130% 90% at 50% 0%,#1f2b31 0%,var(--bg-deep) 72%)}.main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;width:100%;max-width:640px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px}body.playing #app{height:100vh;height:100dvh;min-height:0}body.playing .main-content{flex:1 1 auto;min-height:0;padding-bottom:calc(env(safe-area-inset-bottom) + 6px)}.site-footer{flex-shrink:0;text-align:center;font-size:12px;color:var(--muted);padding:10px 14px calc(env(safe-area-inset-bottom) + 10px)}.site-footer a{color:var(--muted)}body.playing .site-footer{display:none!important}.screen{display:flex;flex-direction:column;gap:12px}.btn{appearance:none;border:1px solid var(--edge);background:var(--panel);color:var(--text);font:600 16px/1 var(--font);padding:15px 18px;border-radius:14px;cursor:pointer;min-height:48px;transition:transform .08s ease,background .15s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:linear-gradient(180deg,#ffc46a,var(--loco));color:#241802;border-color:transparent;font-weight:800}.btn.ghost{background:transparent}.btn.small{font-size:14px;padding:11px 12px;min-height:46px;border-radius:12px}.btn:disabled{opacity:.45;cursor:default}.linkbtn{appearance:none;border:0;background:none;color:var(--muted);font:600 14px/1 var(--font);padding:8px 10px;cursor:pointer;min-height:44px}.linkbtn:hover{color:var(--text)}.iconbtn{appearance:none;border:1px solid var(--edge);background:var(--panel);color:var(--text);border-radius:10px;width:44px;height:44px;font-size:15px;cursor:pointer}.menu-actions{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.menu{gap:16px;padding-top:4vh;text-align:center}.brand .title{font-size:clamp(40px,13vw,64px);margin:6px 0 2px;letter-spacing:.02em}.brand .tagline{color:var(--muted);margin:0 auto;max-width:24em;line-height:1.45}.modes{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip{appearance:none;border:1px solid var(--edge);background:var(--panel-deep);color:var(--muted);padding:10px 16px;border-radius:999px;font:700 14px/1 var(--font);cursor:pointer;min-height:44px}.chip.on{background:var(--loco);color:#241802;border-color:transparent}.mode-blurb{color:var(--muted);font-size:14px;margin:4px 4px 0;min-height:4.2em;line-height:1.45}.best{color:var(--muted);font-size:14px;margin:0}.best strong{color:var(--text)}.menu-links{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.game{flex:1 1 auto;min-height:0;gap:8px}.hud{display:flex;align-items:center;gap:10px;font-weight:700;flex-shrink:0}.hud-mode{color:var(--loco)}.hud-moves{font-variant-numeric:tabular-nums;font-size:15px}.hud-moves b{font-size:20px}.hud-moves.over b{color:var(--target)}.hud-timer{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.slip{display:flex;align-items:center;gap:4px;background:var(--panel-deep);border:1px solid var(--edge);border-radius:12px;padding:8px 10px;overflow-x:auto;flex-shrink:0}.slip-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:6px;white-space:nowrap}.slip-loco{width:22px;height:22px;border-radius:5px;background:var(--loco);flex-shrink:0}.slip-car{width:28px;height:28px;border-radius:6px;background:var(--livery);color:var(--ink);font:800 15px/28px var(--font);text-align:center;flex-shrink:0;opacity:.55;transition:opacity .2s ease,box-shadow .2s ease}.slip-car.done{opacity:1;box-shadow:0 0 0 2px var(--departure)}.slip-link{width:4px;height:2px;background:var(--rail);flex-shrink:0}.rivals{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;flex-shrink:0}.rival{background:var(--panel-deep);border:1px solid var(--edge);border-radius:999px;padding:3px 9px;color:var(--muted)}.rival.done{color:var(--departure);border-color:var(--departure)}.rival b{color:var(--text)}.yard-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.yard{position:relative;width:100%;background:var(--yard);border:1px solid var(--edge);border-radius:16px;padding:0;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.yard-roads,.yard-cars{position:absolute;inset:0}.yard-cars{pointer-events:none}.yard-cars .car,.yard-cars .loco{pointer-events:auto}.yard-spine{position:absolute;left:calc(var(--gutter) - 9px);top:6px;bottom:6px;width:3px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--rail) 0 8px,transparent 8px 14px);opacity:.5}.road{position:absolute;display:flex;align-items:center;border-radius:10px;background:var(--ballast);border:2px solid transparent;cursor:pointer}.road-label{position:absolute;left:calc(-1 * var(--gutter) + 4px);width:calc(var(--gutter) - 12px);text-align:right;font:800 11px/1 var(--font);letter-spacing:.04em;color:var(--muted)}.road-line{position:absolute;left:4px;right:4px;top:calc(var(--cartop) + var(--carh) + 5px);height:4px;background:var(--rail);border-radius:2px;opacity:.75}.road-stop{position:absolute;right:-2px;top:-7px;width:4px;height:18px;background:var(--rail);border-radius:2px}.road-glow{position:absolute;inset:0;border-radius:10px;pointer-events:none}.road-departure{background:linear-gradient(90deg,#7be0a029,#7be0a00d);box-shadow:inset 0 0 0 1px #7be0a066}.road-departure .road-label{color:var(--departure)}.road-kickback .road-label{color:var(--target)}.road.tappable{border-color:var(--target)}.road.cheer{animation:cheer .5s ease-out}@keyframes cheer{0%{box-shadow:inset 0 0 0 1px #7be0a066}40%{box-shadow:inset 0 0 0 3px var(--departure),0 0 18px #7be0a080}to{box-shadow:inset 0 0 0 1px #7be0a066}}.car,.loco{position:absolute;left:0;top:0;width:calc(var(--slot) - 6px);height:var(--carh);margin:0 0 0 3px;border-radius:7px;transition:transform .22s cubic-bezier(.3,.9,.35,1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #00000059}.car-letter{color:var(--ink);font:800 clamp(15px,4.4vw,21px) / 1 var(--font)}.car-wheels{position:absolute;left:14%;right:14%;bottom:-5px;height:5px;background:repeating-linear-gradient(90deg,#0d1214 0 7px,transparent 7px 14px);opacity:.9}.car.tappable{outline:3px solid var(--target);outline-offset:2px}.loco{background:var(--loco);border-radius:7px 12px 7px 7px}.loco-cab{position:absolute;left:8%;top:12%;width:42%;height:44%;background:var(--ink);border-radius:4px;opacity:.75}.loco-stack{position:absolute;right:16%;top:-6px;width:22%;height:34%;background:var(--loco);border-radius:3px 3px 0 0}.loco.tappable{outline:3px solid var(--target);outline-offset:2px}.loco.nope{animation:nope .32s ease}@keyframes nope{0%,to{filter:none}50%{filter:brightness(1.5) saturate(.4)}}.hint{text-align:center;color:var(--muted);font-size:12px;margin:0;min-height:1.3em;flex-shrink:0}.controls{display:flex;gap:8px;flex-shrink:0}.controls .btn{flex:1 1 0;min-width:0}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(34px,11vw,72px);font-weight:900;color:var(--loco);text-shadow:0 4px 24px rgba(0,0,0,.8);pointer-events:none;z-index:5;text-align:center;padding:0 10px;overflow:hidden}.countdown.pop{animation:cd-pop .6s ease-out}@keyframes cd-pop{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.85}}.pause-ov{position:absolute;inset:0;z-index:6;background:#0a1014c7;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.pause-card{display:flex;flex-direction:column;gap:10px;min-width:210px;padding:20px;background:var(--panel);border:1px solid var(--edge);border-radius:16px;text-align:center}.pause-card h2{margin:0 0 4px}.results{text-align:center;gap:8px;padding-top:2vh}.results-head{margin:4px 0;font-size:clamp(22px,6vw,30px)}.score-row{display:flex;justify-content:center;gap:10px}.score{background:var(--panel-deep);border:1px solid var(--edge);border-radius:14px;padding:12px 16px;min-width:84px}.score b{display:block;font-size:30px;font-variant-numeric:tabular-nums}.score span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.score.good b{color:var(--good)}.results-note{color:var(--muted);font-size:14px;margin:2px 0;line-height:1.45}.results-note.good{color:var(--good)}.badge{display:inline-block;border-radius:999px;padding:5px 12px;font:700 12px/1 var(--font);border:1px solid var(--good);color:var(--good)}.badge.small{padding:3px 8px;font-size:10px}.rlist{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.rrow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:var(--panel-deep);border:1px solid var(--edge);border-radius:12px;padding:11px 12px;text-align:left}.rrow.me{border-color:var(--loco)}.rrow.won .rscore b{color:var(--good)}.rname{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.rscore{font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.rtime{margin-left:6px;font-size:12px}.tally{color:var(--loco);font-weight:800}.waiting-note{color:var(--muted);font-size:13px;min-height:1.2em;margin:2px 0}.replay{margin-top:10px;background:var(--panel-deep);border:1px solid var(--edge);border-radius:14px;padding:10px}.replay-cap{color:var(--muted);font-size:13px;margin-bottom:8px}.replay-cap strong{color:var(--text)}.replay-yard{position:relative}.overlay{position:fixed;inset:0;z-index:40;background:#080c0ebd;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:12px}.sheet{position:relative;width:100%;max-width:460px;max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px}.sheet h2{margin:0;padding-right:40px}.sheet p{color:var(--muted);line-height:1.55;margin:0}.sheet strong{color:var(--text)}.sheet a{color:var(--departure)}.help-steps{margin:0;padding-left:20px;color:var(--muted);line-height:1.55;display:flex;flex-direction:column;gap:8px}.help-steps strong{color:var(--text)}.sheet-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:10px;border:1px solid var(--edge);background:var(--panel-deep);color:var(--text);font-size:15px;cursor:pointer}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%,20px);background:var(--panel);border:1px solid var(--edge);color:var(--text);padding:10px 18px;border-radius:999px;font-weight:600;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}.lobby-searching{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:40px 0;font-weight:600}.spinner{width:20px;height:20px;border:3px solid var(--edge);border-top-color:var(--loco);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner.sm{width:14px;height:14px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.lobby-modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mode-btn{min-height:42px}.host-pick{text-align:center;color:var(--muted)}.host-pick strong{color:var(--loco)}.room-entry,.lobby{display:flex;flex-direction:column;gap:12px}.re-input,.lobby-link{width:100%;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--panel-deep);color:var(--text);font:600 16px/1 var(--font)}.re-join{display:flex;gap:8px}.lobby-btn{appearance:none;border:1px solid var(--edge);background:var(--panel);color:var(--text);font:600 15px/1 var(--font);padding:14px 16px;border-radius:12px;cursor:pointer;min-height:48px}.lobby-btn.primary{background:linear-gradient(180deg,#ffc46a,var(--loco));color:#241802;border-color:transparent;font-weight:800}.lobby-btn.ghost{background:transparent}.lobby-btn:disabled{opacity:.45;cursor:default}.re-title,.lobby-title{text-align:center;margin:4px 0}.re-sub,.lobby-sub,.re-note,.lobby-wait{color:var(--muted);text-align:center;font-size:14px;line-height:1.45}.re-divider{color:var(--muted);text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.re-error{color:var(--danger);text-align:center;font-size:14px}.lobby-code{text-align:center;font:800 clamp(26px,9vw,38px) / 1.1 var(--font);letter-spacing:.18em;color:var(--loco)}.lobby-invite{display:flex;gap:8px;align-items:center;min-width:0}.lobby-qr-toggle{appearance:none;border:1px solid var(--edge);background:transparent;color:var(--muted);font:600 13px/1 var(--font);padding:10px 12px;border-radius:10px;cursor:pointer;min-height:44px}.lobby-qr{display:flex;justify-content:center;padding:8px 0}.lobby-qr svg{width:190px;height:190px;max-width:70%}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-players li{display:flex;align-items:center;gap:8px;background:var(--panel-deep);border:1px solid var(--edge);border-radius:12px;padding:11px 12px}.lobby-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.lobby-badge{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:3px 9px}.lobby-badge.ok{color:var(--good);border-color:var(--good)}.lobby-actions{display:flex;flex-direction:column;gap:8px}.lobby-flash{text-align:center;color:var(--loco);font-weight:700}.re-rooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.re-empty,.re-room-note,.re-room-meta{color:var(--muted);font-size:13px;text-align:center}@media(min-width:700px){.main-content{padding-left:16px;padding-right:16px}body.playing .main-content{max-width:760px}.menu{padding-top:6vh}.controls .btn{flex:0 1 auto;min-width:120px}.controls{justify-content:center}.overlay{align-items:center}.car-letter{font-size:21px}}@media(max-height:560px){.menu{padding-top:1vh;gap:10px}.brand .title{font-size:32px;margin:2px 0}.mode-blurb{min-height:0;font-size:13px}.slip-title,.hint{display:none}.results{padding-top:0}.btn{min-height:44px;padding:11px 16px}}@media(prefers-reduced-motion:reduce){.spinner,.countdown.pop,.road.cheer,.loco.nope{animation-duration:1ms}.btn,.car,.loco,.slip-car{transition:none}}