.stage--train{--ground: clamp(4.5rem, 10vh, 7rem);--px: 0;--py: 0;color:#1e2a3a;background:linear-gradient(180deg,#bfe3ff,#e6f4ff 45%,#a9d98a 70%,#79b85e)}.scene__sky{position:absolute;inset:0;translate:calc(var(--px) * -4px) 0}.stage--train .scene__sky{background:url(../img/game/train/sky.webp) center bottom / cover no-repeat}.scene__cloud{position:absolute;top:12%;width:7rem;height:2.4rem;border-radius:999px;background:#ffffffe6;filter:drop-shadow(0 4px 6px rgba(20,60,120,.08));animation:cloud-slide 80s linear infinite;animation-play-state:paused}.scene__cloud:before{content:"";position:absolute;left:25%;bottom:40%;width:3.2rem;height:3.2rem;border-radius:50%;background:inherit}.scene__cloud--1{left:10%}.scene__cloud--2{left:65%;top:6%;transform:scale(.75);animation-duration:110s}.stage--art .scene__cloud{opacity:.7}@keyframes cloud-slide{0%{translate:-10vw 0}to{translate:30vw 0}}.scene__pole{position:absolute;bottom:var(--ground);width:.35rem;height:22%;background:#6b4a2b;border-radius:2px;opacity:.55;animation:pole-slide 28s linear infinite;animation-play-state:paused}.scene__pole:before{content:"";position:absolute;top:12%;left:-.8rem;right:-.8rem;height:.3rem;background:#6b4a2b;border-radius:2px}.scene__pole--1{left:20%}.scene__pole--2{left:55%;animation-delay:-9s}.scene__pole--3{left:85%;animation-delay:-19s}@keyframes pole-slide{0%{translate:20vw 0}to{translate:-20vw 0}}.stage--train .stage__pier{min-height:var(--ground);padding:var(--space-2) var(--space-3) var(--space-4);background:linear-gradient(180deg,#d9d4c7 0 62%,#f3c94a 62% 66%,#8a8a8a 66% 70%,#5c4a3a 70% 74%,transparent 74%),repeating-linear-gradient(90deg,#6b4a2b 0 .6rem,#8c6a45 .6rem 1.2rem,transparent 1.2rem 2.4rem) center 82% / 100% 18% no-repeat,linear-gradient(180deg,#7aa25a,#5f8b45);border-top:0;box-shadow:none}.stage--art.stage--train .stage__pier{background:url(../img/game/train/platform.webp) center top / cover no-repeat}.train{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.4rem .5rem;padding:3rem 0 1rem}.train__loco{width:11rem;aspect-ratio:440 / 215;background:url(../img/game/train/locomotive.webp) center bottom / contain no-repeat;flex:none;margin-right:.4rem}.stage:not(.stage--art) .train__loco{aspect-ratio:auto;height:4.2rem;width:7rem;border-radius:1rem .4rem .4rem 1rem;background:linear-gradient(180deg,#2b57d8,#1e3fa8)}.train__cars{list-style:none;display:contents}.game[data-unit=words] .wagon,.game[data-unit=letters] .wagon{max-width:28rem}.wagon{--team: hsl(var(--hue) 70% 42%);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;min-width:10rem;max-width:16rem;padding:.55rem .8rem .6rem .6rem;border:3px solid var(--team);border-radius:.6rem;background:#fff;box-shadow:0 6px 14px #1428502e;color:#1e2a3a;transition:opacity .25s ease,transform .25s ease}.wagon:before{content:"";position:absolute;left:-.7rem;top:50%;width:.7rem;height:.3rem;background:#444;translate:0 -50%}.wagon:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-.55rem;height:.9rem;background:radial-gradient(circle at .45rem 50%,#333 0 .35rem,#999 .36rem .45rem,transparent .46rem) left / .9rem .9rem no-repeat,radial-gradient(circle at .45rem 50%,#333 0 .35rem,#999 .36rem .45rem,transparent .46rem) right / .9rem .9rem no-repeat}.wagon__num{display:grid;place-items:center;min-width:2.2rem;height:2.2rem;padding:0 .3rem;border-radius:.4rem;background:var(--team);color:#fff;font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}.wagon__name{font-weight:600;overflow-wrap:anywhere}.stage.is-ceremony .wagon:not(.is-landed){opacity:0;transform:translateY(8px)}.stage.is-sailing .train,.stage.is-arrived .train{animation:train-go 2.4s ease-in-out 1 both}@keyframes train-go{0%{translate:-2rem 0}40%{translate:.6rem 0}to{translate:0 0}}.scene__smoke{position:absolute;width:1.4rem;height:1.4rem;border-radius:50%;background:#ffffffd9;opacity:0;pointer-events:none}.stage.is-arrived .scene__smoke,.stage.is-sailing .scene__smoke{animation:smoke 2.4s ease-out infinite}.scene__smoke--2{animation-delay:.8s!important}.scene__smoke--3{animation-delay:1.6s!important}@keyframes smoke{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.9}to{opacity:0;transform:translate(2rem,-4rem) scale(2.2)}}.stage.is-presenting .wagon__name{font-size:1.4rem}.stage.is-presenting .wagon__num{min-width:2.8rem;height:2.8rem;font-size:1.4rem}.stage.is-live .scene__cloud,.stage.is-live .scene__pole{animation-play-state:running}@media(prefers-reduced-motion:reduce){.scene__cloud,.scene__pole,.scene__smoke,.stage.is-arrived .train,.stage.is-sailing .train{animation:none}}@media print{.stage--train{background:none}.train__loco,.wagon:after,.wagon:before{display:none}.train{display:block}.wagon{display:grid;max-width:none;margin-bottom:.4rem;box-shadow:none}}@media(max-width:47.99em){.stage--train .scene__sky{background:url(../img/game/train/sky-m.webp) center bottom / cover no-repeat}}@media(max-width:47.99em){.stage--art.stage--train .stage__pier{background:url(../img/game/train/platform-m.webp) center top / cover no-repeat}}