body.train-sounds{--font: "Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;--font-title: "Trebuchet MS", "Avenir Next Condensed", "Arial Rounded MT Bold", sans-serif;--ink-strong: #13324d;--ink-soft: #46657e;--paper: rgba(255, 251, 242, .84);--paper-strong: #fffdf7;--line: rgba(20, 54, 81, .16);--shadow-soft: 0 18px 48px rgba(13, 34, 52, .16);--shadow-strong: 0 26px 72px rgba(8, 26, 40, .2);--button-ink: #0d4f82;--button-ink-strong: #0a3e68;--button-wash: #dff4ff;--button-wash-strong: #b8e7ff;--scene-sky-top: #9ed9ff;--scene-sky-mid: #dff5ff;--scene-ground-top: #f7d59d;--scene-ground-bottom: #efb36f;--train-body: linear-gradient(180deg, #c4422d 0%, #9d2b1b 100%);--train-metal: #304254;--train-cab: #ffe7a8;--train-window: #f7fbff;--train-accent: #ffd154;--train-track: #6d503f;--train-wheel: #243543;--train-outline: rgba(18, 42, 62, .18);--locomotive-radius: 28% 16% 16% 22%;margin:0;min-height:100svh;min-height:100dvh;overflow:hidden;color:var(--ink-strong);font-family:var(--font);background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.8),transparent 20%),radial-gradient(circle at 82% 18%,rgba(255,249,219,.72),transparent 17%),linear-gradient(180deg,#86cff9,#dff4ff 43%,#f8ddad 43%,#ebb66e)}body.train-sounds *,body.train-sounds *:before,body.train-sounds *:after{box-sizing:border-box}body.train-sounds button,body.train-sounds input,body.train-sounds a{font:inherit}body.train-sounds main{position:relative}.train-shell{position:relative;width:100%;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.48),transparent 24%),radial-gradient(circle at 86% 14%,rgba(255,232,171,.55),transparent 18%),linear-gradient(180deg,#ffffff24,#fff0)}.train-shell:before,.train-shell:after{content:"";position:absolute;inset:auto;pointer-events:none}.train-shell:before{width:clamp(14rem,24vw,22rem);height:clamp(14rem,24vw,22rem);top:clamp(3rem,8vh,5rem);right:clamp(-4rem,-2vw,-1rem);border-radius:50%;background:radial-gradient(circle,#fff6cba6,#fff6cb00 72%)}.train-shell:after{inset:auto 5% 2.25rem auto;width:clamp(9rem,16vw,14rem);height:clamp(9rem,16vw,14rem);border-radius:32% 68% 50% 50%;background:radial-gradient(circle at 35% 30%,#ffffff29,#fff0);opacity:.48}.train-sounds-screen{padding:max(.9rem,env(safe-area-inset-top,0px)) max(.9rem,env(safe-area-inset-right,0px)) max(.9rem,env(safe-area-inset-bottom,0px)) max(.9rem,env(safe-area-inset-left,0px));overflow:hidden}.train-panel{position:relative;z-index:1;display:grid;gap:clamp(.8rem,2vw,1.3rem);width:min(100%,78rem);min-height:100%;margin:0 auto}.train-panel--start{grid-template-rows:auto 1fr}.train-panel--game{grid-template-rows:auto auto minmax(0,1fr)}.train-header{width:100%;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:linear-gradient(180deg,#fffdf7eb,#fff7ead1);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.train-title{margin:0;color:var(--ink-strong);font-family:var(--font-title);font-size:clamp(1.65rem,4vw,2.6rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.train-title--small{font-size:clamp(1.15rem,2.8vw,1.7rem)}.train-start-body{display:grid;place-content:center;justify-items:center;gap:clamp(1rem,2.8vw,1.6rem);min-height:100%;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.45);border-radius:clamp(1.6rem,4vw,2.4rem);background:radial-gradient(circle at 16% 18%,#ffffffd6,#fff0 26%),linear-gradient(180deg,#fffef8f0,#fff4e3d6);box-shadow:var(--shadow-strong);text-align:center;overflow:hidden}.train-start-body:before,.train-start-body:after{content:"";position:absolute;width:clamp(5rem,16vw,8rem);height:clamp(5rem,16vw,8rem);border-radius:50%;background:radial-gradient(circle,#ffd26b47,#ffd26b00 70%);pointer-events:none}.train-start-body:before{top:-1.5rem;left:-1.5rem}.train-start-body:after{right:-1.5rem;bottom:-1.5rem}.train-subtitle{margin:0;max-width:18rem;color:var(--ink-soft);font-size:clamp(1.05rem,2.5vw,1.4rem);line-height:1.4}.train-menu-btn,.train-primary-btn,.train-hotspot,.train-sounds .tab-btn,.train-sounds .modal-close,.train-sounds .settings-restart-btn,.train-sounds .settings-quit-link{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.train-menu-btn,.train-primary-btn,.train-sounds .tab-btn,.train-sounds .settings-restart-btn,.train-sounds .settings-quit-link,.train-sounds .modal-close{border:0;border-radius:999px;color:var(--button-ink-strong);background:linear-gradient(180deg,var(--button-wash) 0%,var(--button-wash-strong) 100%);box-shadow:0 10px 24px #0d4f822e;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,filter .18s ease}.train-menu-btn,.train-sounds .tab-btn,.train-sounds .settings-restart-btn,.train-sounds .settings-quit-link,.train-sounds .modal-close{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1rem}.train-menu-btn:hover,.train-primary-btn:hover,.train-sounds .tab-btn:hover,.train-sounds .settings-restart-btn:hover,.train-sounds .settings-quit-link:hover,.train-sounds .modal-close:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0d4f8238}.train-menu-btn:active,.train-primary-btn:active,.train-sounds .tab-btn:active,.train-sounds .settings-restart-btn:active,.train-sounds .settings-quit-link:active,.train-sounds .modal-close:active{transform:translateY(2px);box-shadow:0 5px 12px #0d4f8233;filter:saturate(1.08)}.train-menu-btn:focus-visible,.train-primary-btn:focus-visible,.train-sounds .tab-btn:focus-visible,.train-sounds .settings-restart-btn:focus-visible,.train-sounds .settings-quit-link:focus-visible,.train-sounds .modal-close:focus-visible,.train-sounds input:focus-visible{outline:3px solid rgba(10,62,104,.42);outline-offset:3px}.train-primary-btn{padding:.95rem 1.8rem;font-family:var(--font-title);font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase}.train-selector-row{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1rem);padding:0 clamp(.5rem,2vw,1rem)}.train-name{flex:1 1 auto;min-width:0;min-height:3.2rem;padding:.7rem 1rem;border:1px solid rgba(13,79,130,.14);border-radius:1rem;background:linear-gradient(180deg,#ffffffd9,#f3f9ffeb);color:var(--ink-strong);font-family:var(--font-title);font-size:clamp(1.02rem,2.6vw,1.5rem);font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.train-scene{position:relative;min-height:clamp(19rem,54vh,34rem);border:1px solid rgba(255,255,255,.48);border-radius:clamp(1.4rem,3.8vw,2.2rem);background:linear-gradient(180deg,var(--scene-sky-top) 0%,var(--scene-sky-mid) 55%,var(--scene-ground-top) 55%,var(--scene-ground-bottom) 100%);box-shadow:var(--shadow-strong);overflow:hidden;isolation:isolate}.train-scene:before,.train-scene:after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:1}.train-scene:before{left:-10%;right:-10%;bottom:22%;height:9%;background:linear-gradient(180deg,#ffe7b500,#ffe7b547)}.train-scene:after{inset:auto -8% -12%;height:28%;background:radial-gradient(circle at 50% 0%,#ffecb847,#ffecb800 60%)}.train-scene-sky{position:absolute;inset:0;z-index:0}.train-sun,.train-cloud,.train-hill{position:absolute}.train-sun{top:9%;right:10%;width:clamp(4.4rem,10vw,6.8rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6c6f5,#ffd25ceb 44%,#ffd25c00 72%);box-shadow:0 0 0 20px #fff3b824}.train-cloud{height:clamp(2rem,5vw,3.2rem);border-radius:999px;background:#ffffffb8;box-shadow:1.4rem -.5rem #ffffffb8,3rem .2rem #ffffffb8,1.7rem .6rem #ffffffb8}.train-cloud--one{top:12%;left:8%;width:clamp(3rem,8vw,4.8rem)}.train-cloud--two{top:22%;right:28%;width:clamp(2.6rem,7vw,4.2rem)}.train-hill{border-radius:50% 50% 0 0;background:linear-gradient(180deg,#69a461eb,#52854dfa)}.train-hill--far{left:-6%;right:28%;bottom:27%;height:18%}.train-hill--near{left:24%;right:-8%;bottom:21%;height:22%;background:linear-gradient(180deg,#7cb264f0,#56884efa)}.train-display-frame{position:absolute;inset:0;z-index:2;display:grid;align-items:end;padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem) clamp(2.4rem,8vh,4.4rem)}.train-display{position:relative;justify-self:center;width:min(100%,52rem);height:clamp(9rem,30vw,16rem)}.train-locomotive,.train-car,.train-coupler,.train-track{position:absolute}.train-locomotive,.train-car{bottom:3rem;border:1px solid var(--train-outline);background:var(--train-body);box-shadow:inset 0 -.5rem #00000014}.train-locomotive{left:6%;width:34%;height:42%;border-radius:var(--locomotive-radius)}.train-locomotive:before,.train-car:before{content:"";position:absolute;inset:22% 10% 40% 14%;border-radius:.55rem;background:repeating-linear-gradient(90deg,#ffffffe6 0 .8rem,#78a8cceb .8rem 1.22rem)}.train-locomotive:after,.train-car:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-1.15rem;height:2.3rem;background:radial-gradient(circle at 15% 48%,var(--train-wheel) 0 .72rem,transparent .74rem),radial-gradient(circle at 50% 48%,var(--train-wheel) 0 .72rem,transparent .74rem),radial-gradient(circle at 85% 48%,var(--train-wheel) 0 .72rem,transparent .74rem)}.train-stack{position:absolute;left:18%;bottom:84%;width:.9rem;height:2.2rem;border-radius:.45rem .45rem .2rem .2rem;background:linear-gradient(180deg,#304254d6,#1e2a37fa)}.train-stack:after{content:"";position:absolute;top:-.55rem;left:-.12rem;width:1.14rem;height:.52rem;border-radius:999px;background:var(--train-metal)}.train-headlight{position:absolute;right:.9rem;bottom:1.55rem;width:1rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff7bd,#ffdf70 54%,#ffdf705c 55%,#ffdf7000)}.train-cab{position:absolute;right:10%;bottom:72%;width:28%;height:38%;border-radius:.9rem .9rem .2rem .2rem;border:1px solid var(--train-outline);background:linear-gradient(180deg,var(--train-cab),#efc66e)}.train-cab:before{content:"";position:absolute;inset:.35rem;border-radius:.5rem .5rem .1rem .1rem;background:linear-gradient(180deg,#fafcffeb,#b8d7f2d6)}.train-car{left:42%;width:34%;height:34%;border-radius:1rem}.train-coupler{left:40%;width:3.5%;bottom:4.1rem;height:.58rem;border-radius:999px;background:linear-gradient(180deg,#4c5c6be6,#263443fa)}.train-track{left:0;right:0;bottom:.45rem;height:1rem;background:transparent}.train-track:before,.train-track:after{content:"";position:absolute;left:0;right:0;height:.18rem;border-radius:999px;background:linear-gradient(90deg,#e6eaf0f0,#b4becafa)}.train-track:before{top:.18rem}.train-track:after{top:.5rem;height:.12rem;background:linear-gradient(90deg,#8c96a2b3,#6e7884cc)}.train-sleeper{position:absolute;top:.7rem;width:.32rem;height:.46rem;border-radius:.08rem;background:#4c3626c7;transform:none}.train-sleeper:nth-child(1){left:2%}.train-sleeper:nth-child(2){left:20.8%}.train-sleeper:nth-child(3){left:39.6%}.train-sleeper:nth-child(4){left:58.4%}.train-sleeper:nth-child(5){left:77.2%}.train-sleeper:nth-child(6){left:96%}.train-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.train-hotspot{position:absolute;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:2px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:transparent;pointer-events:auto;-webkit-touch-callout:none;user-select:none}.train-hotspot:hover{border-color:#0c4f8266;box-shadow:0 0 12px #0c4f8233;background:#ffffff26}.train-hotspot:focus-visible{outline:3px solid rgba(10,62,104,.5);background:#fff3}.train-hotspot:active,.train-hotspot.is-pressed{transform:scale(.95);background:#ffffff4d}.train-hotspot.is-hidden,.train-hotspot[hidden]{opacity:0;visibility:hidden}.train-hotspot--front,.train-hotspot[data-anchor=front]{left:18%;top:38%}.train-hotspot--roof,.train-hotspot[data-anchor=roof]{left:24%;top:18%}.train-hotspot--cab,.train-hotspot[data-anchor=cab]{left:36%;top:28%}.train-hotspot--mid,.train-hotspot[data-anchor=mid]{left:54%;top:40%}.train-hotspot--wheel,.train-hotspot[data-anchor=wheel]{left:41%;top:69%}.train-hotspot--rear,.train-hotspot[data-anchor=rear]{left:78%;top:42%}.train-hotspot--door,.train-hotspot[data-anchor=door]{left:68%;top:36%}.train-hotspot--coupler,.train-hotspot[data-anchor=coupler]{left:64%;top:59%}.train-hotspot__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#ffffff73;border:1px solid rgba(12,79,130,.3);pointer-events:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.train-hotspot:hover .train-hotspot__indicator{background:#fffc;border-color:#0c4f8280;transform:translate(-50%,-50%) scale(1.3)}.train-hotspot:active .train-hotspot__indicator,.train-hotspot.is-pressed .train-hotspot__indicator{background:#fff9;transform:translate(-50%,-50%) scale(.85)}.train-sounds .settings-modal{backdrop-filter:blur(10px)}.train-sounds .settings-content{width:min(100%,34rem);padding:clamp(1.1rem,3vw,1.6rem);border:1px solid rgba(255,255,255,.45);border-radius:1.7rem;background:radial-gradient(circle at top left,#ffffff85,#fff0 36%),linear-gradient(180deg,#fffdf7f5,#fff3e0eb);box-shadow:var(--shadow-strong);color:var(--ink-strong)}.train-sounds .settings-heading,.train-sounds .info-section-title,.train-sounds .settings-section-title{margin:0;font-family:var(--font-title);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.train-sounds .settings-heading{font-size:clamp(1.25rem,3vw,1.6rem)}.train-sounds .tab-bar{gap:.3rem;padding:.26rem;border:1px solid rgba(12,79,130,.12);border-radius:999px;background:#fff9}.train-sounds .tab-btn{flex:1 1 auto;color:var(--button-ink-strong)}.train-sounds .tab-btn--active{background:linear-gradient(180deg,#fff,#d8f0ff)}.train-sounds .tab-panel{gap:1rem}.train-sounds .info-section,.train-sounds .settings-section{border:1px solid rgba(12,79,130,.1);border-radius:1.1rem;background:#ffffff8f}.train-sounds .info-section p,.train-sounds .settings-help{margin:0;color:var(--ink-soft);line-height:1.5}.train-sounds .settings-toggle-row{min-height:44px;color:var(--ink-strong)}.train-sounds .settings-toggle-row input{accent-color:var(--button-ink)}.train-sounds .settings-actions{gap:.7rem}.train-sounds .settings-quit-link{border:0}.train-sounds .modal-close{width:44px;padding:0;font-size:1.5rem;line-height:1}.train-credits{min-height:4.5rem;padding:.9rem 1rem;border:1px dashed rgba(13,79,130,.22);border-radius:1rem;background:#ffffff8a}.train-credits:empty:before{content:"Credits will appear here.";color:#46657ee6}.train-sounds-noscript{position:fixed;left:max(1rem,env(safe-area-inset-left,0px));right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1rem,env(safe-area-inset-bottom,0px));z-index:12;max-width:30rem;margin:0 auto;padding:1rem 1.1rem;border:1px solid rgba(13,79,130,.16);border-radius:1rem;background:#fffbf2f5;box-shadow:var(--shadow-soft);color:var(--ink-strong)}.train-sounds-noscript p{margin:0;line-height:1.5}.train-all-aboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 0 auto;min-height:44px;padding:.7rem 1.2rem;border:0;border-radius:999px;color:var(--button-ink-strong);background:linear-gradient(180deg,var(--button-wash) 0%,var(--button-wash-strong) 100%);box-shadow:0 10px 24px #0d4f822e;font-family:var(--font-title);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease}.train-all-aboard-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0d4f8238}.train-all-aboard-btn:active{transform:translateY(2px);box-shadow:0 5px 12px #0d4f8233;filter:saturate(1.08)}.train-all-aboard-btn:focus-visible{outline:3px solid rgba(10,62,104,.42);outline-offset:3px}.train-departing .train-display{animation:train-depart-left .6s ease-in forwards}.train-departing .train-display[data-direction=right]{animation:train-depart-right .6s ease-in forwards}.train-entering .train-display{animation:train-arrive-left .5s ease-out forwards}.train-entering .train-display[data-direction=right]{animation:train-arrive-right .5s ease-out forwards}.train-display[data-direction=right]{transform:scaleX(-1)}@keyframes train-depart-left{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes train-depart-right{0%{transform:scaleX(-1) translate(0)}to{transform:scaleX(-1) translate(-100%)}}@keyframes train-arrive-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes train-arrive-right{0%{transform:scaleX(-1) translate(100%)}to{transform:scaleX(-1) translate(0)}}.train-scene--rainbow:after{content:"";position:absolute;top:4%;left:15%;right:15%;height:30%;z-index:1;pointer-events:none;opacity:.28;background:radial-gradient(ellipse 60% 100% at 50% 100%,transparent 33%,rgba(136,0,204,.3) 34%,rgba(136,0,204,.3) 40%,rgba(0,102,255,.3) 41%,rgba(0,102,255,.3) 47%,rgba(0,204,68,.3) 48%,rgba(0,204,68,.3) 54%,rgba(255,255,0,.3) 55%,rgba(255,255,0,.3) 62%,rgba(255,136,0,.3) 63%,rgba(255,136,0,.3) 69%,rgba(255,0,0,.3) 70%,rgba(255,0,0,.3) 78%,transparent 79%);border-radius:50% 50% 0 0;filter:blur(2px)}.train-cloud{animation:cloud-drift 50s linear infinite}@keyframes cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(8%)}}.train-exiting .train-display{animation:train-depart-left .6s ease-in forwards}.train-exiting .train-display[data-direction=right]{animation:train-depart-right .6s ease-in forwards}.train-scene--steam,#train-scene[data-train-preset=steam]{--scene-sky-top: #9ed9ff;--scene-sky-mid: #e4f7ff;--scene-ground-top: #f8d59d;--scene-ground-bottom: #edb36f;--train-body: linear-gradient(180deg, #c4422d 0%, #9d2b1b 100%);--train-metal: #324455;--train-cab: #ffe1a0;--train-accent: #ffd45f;--locomotive-radius: 28% 16% 16% 22%}.train-scene--diesel,#train-scene[data-train-preset=diesel]{--scene-sky-top: #8fd1dc;--scene-sky-mid: #dff5f2;--scene-ground-top: #e6d9a4;--scene-ground-bottom: #c6b36f;--train-body: linear-gradient(180deg, #2f7d68 0%, #1f604f 100%);--train-metal: #44535f;--train-cab: #f6cf7a;--train-accent: #ffb44c;--locomotive-radius: 18% 12% 12% 18%}.train-scene--diesel .train-stack,#train-scene[data-train-preset=diesel] .train-stack{height:1.5rem;border-radius:.2rem}.train-scene--diesel .train-car:before,#train-scene[data-train-preset=diesel] .train-car:before{inset:18% 8% 30%;border-radius:.35rem;background:linear-gradient(180deg,#ffffff0f,#0000000f),repeating-linear-gradient(90deg,#0000000a 0 .6rem,#ffffff0a .6rem 1.2rem),var(--train-body);border:1px solid rgba(0,0,0,.18)}.train-scene--diesel .train-car:after,#train-scene[data-train-preset=diesel] .train-car:after{background:radial-gradient(circle at 15% 48%,var(--train-wheel) 0 .72rem,transparent .74rem),radial-gradient(circle at 50% 48%,var(--train-wheel) 0 .72rem,transparent .74rem),radial-gradient(circle at 85% 48%,var(--train-wheel) 0 .72rem,transparent .74rem)}.train-scene--diesel .train-car:before,#train-scene[data-train-preset=diesel] .train-car:before{background:linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px) 50% 0 / 100% 100% no-repeat,linear-gradient(180deg,#ffffff0f,#0000000f),var(--train-body)}.train-scene--electric,#train-scene[data-train-preset=electric]{--scene-sky-top: #8fc7ff;--scene-sky-mid: #edf8ff;--scene-ground-top: #f0dcb1;--scene-ground-bottom: #c7a274;--train-body: linear-gradient(180deg, #2f5d95 0%, #1f4470 100%);--train-metal: #2a445f;--train-cab: #c8ecff;--train-accent: #62d3ff;--locomotive-radius: 16% 12% 12% 18%}.train-scene--electric .train-stack,#train-scene[data-train-preset=electric] .train-stack{width:1.35rem;height:.65rem;left:32%;bottom:98%;border-radius:999px}.train-scene--electric .train-stack:after,#train-scene[data-train-preset=electric] .train-stack:after{width:2.4rem;height:.22rem;top:-.28rem;left:-.52rem;border-radius:999px}.train-scene--high-speed,#train-scene[data-train-preset=high-speed]{--scene-sky-top: #86c7ff;--scene-sky-mid: #e8f6ff;--scene-ground-top: #f0d3bf;--scene-ground-bottom: #d89b86;--train-body: linear-gradient(180deg, #f6f8fb 0%, #d6dde8 100%);--train-metal: #566371;--train-cab: #f0f3f8;--train-window: #dff7ff;--train-accent: #ff4e67;--locomotive-radius: 44% 14% 16% 32%}.train-scene--high-speed .train-stack,#train-scene[data-train-preset=high-speed] .train-stack{display:none}.train-scene--high-speed .train-locomotive,#train-scene[data-train-preset=high-speed] .train-locomotive{height:38%;width:38%;border-top-left-radius:70% 100%}.train-scene--high-speed .train-headlight,#train-scene[data-train-preset=high-speed] .train-headlight{right:.45rem;width:.75rem;height:1.35rem;border-radius:999px}@media(max-width:420px){.train-title{font-size:clamp(1.45rem,7vw,2rem)}.train-name{padding-inline:.75rem;font-size:.95rem}.train-display{height:clamp(8.6rem,40vw,12rem)}}@media(orientation:landscape)and (max-height:540px){.train-sounds-screen{padding:max(.6rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.7rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.train-panel{gap:.65rem}.train-header{padding:.42rem .62rem}.train-title{font-size:clamp(1rem,3.2vw,1.5rem)}.train-start-body{gap:.75rem;padding:1.15rem 1.4rem}.train-primary-btn,.train-menu-btn{padding-block:.7rem}.train-selector-row{gap:.5rem;padding:0 .5rem}.train-name{min-height:2.8rem}.train-all-aboard-btn{padding:.55rem .9rem;font-size:.85rem}.train-scene{min-height:13.5rem}.train-display-frame{padding-bottom:2.15rem}.train-display{height:clamp(7.4rem,26vh,10.8rem)}.train-locomotive,.train-car{bottom:2.45rem}.train-coupler{bottom:3.5rem}.train-track{bottom:.35rem}}@media(min-width:720px){.train-panel{width:min(100%,64rem)}.train-start-body{padding:clamp(2rem,5vw,3.4rem)}.train-subtitle{max-width:22rem;font-size:clamp(1.15rem,2vw,1.5rem)}.train-name{min-height:3.5rem;font-size:clamp(1.1rem,2vw,1.65rem)}.train-scene{min-height:clamp(22rem,48vw,29rem)}.train-display{height:clamp(10rem,26vw,17rem)}.train-sounds .settings-content{width:min(100%,37rem)}}@media(min-width:1100px)and (min-height:700px){.train-panel{width:min(100%,74rem)}.train-title{font-size:clamp(1.8rem,2.4vw,2.7rem)}.train-title--small{font-size:clamp(1.3rem,1.8vw,1.8rem)}.train-name{min-height:3.8rem}.train-scene{min-height:32rem}.train-display{width:min(100%,57rem);height:clamp(11rem,24vw,18rem)}}html[data-reduce-motion=reduce] .train-sounds .train-cloud{animation:none!important}html[data-reduce-motion=reduce] .train-sounds .train-departing .train-display,html[data-reduce-motion=reduce] .train-sounds .train-entering .train-display{transition:none!important;transform:none!important;animation:none!important}html[data-reduce-motion=reduce] .train-sounds .train-exiting .train-display{transition:none!important;animation:none!important}html[data-reduce-motion=reduce] .train-sounds .train-hotspot__indicator{transition:none!important}html[data-reduce-motion=reduce] .train-sounds .train-hotspot:hover .train-hotspot__indicator,html[data-reduce-motion=reduce] .train-sounds .train-hotspot:active .train-hotspot__indicator,html[data-reduce-motion=reduce] .train-sounds .train-hotspot.is-pressed .train-hotspot__indicator{transform:translate(-50%,-50%)!important}@media(prefers-reduced-motion:reduce){.train-sounds .train-cloud{animation:none!important}.train-sounds .train-departing .train-display,.train-sounds .train-entering .train-display{transition:none!important;transform:none!important;animation:none!important}.train-sounds .train-exiting .train-display{transition:none!important;animation:none!important}.train-sounds .train-hotspot__indicator{transition:none}.train-sounds .train-hotspot:hover .train-hotspot__indicator,.train-sounds .train-hotspot:active .train-hotspot__indicator,.train-sounds .train-hotspot.is-pressed .train-hotspot__indicator{transform:translate(-50%,-50%)}}