.thumb.train-preview{position:relative;overflow:hidden;background:linear-gradient(rgba(24,32,21,.04) 1px,transparent 1px) 0 0/100% 9px,linear-gradient(180deg,#b8c78d 0 44%,#9cab72 45% 100%);container-type:inline-size}.train-mini-river{position:absolute;left:-4%;right:-4%;top:22%;height:24%;background:repeating-linear-gradient(90deg,rgba(216,232,168,.2) 0 12px,transparent 12px 28px),var(--ink2);opacity:.72}.train-mini-river::after{content:"";position:absolute;left:48%;top:-8%;width:10%;height:116%;background:var(--mid);box-shadow:inset 0 0 0 2px var(--ink)}.train-mini-route{position:absolute;left:48%;top:-8%;width:5%;height:118%;background:var(--ink);box-shadow:-5px 0 0 -2px var(--panel),5px 0 0 -2px var(--panel)}.train-mini-route::after{content:"";position:absolute;inset:0 -7px;background:repeating-linear-gradient(180deg,transparent 0 8px,var(--ink2) 8px 10px,transparent 10px 16px)}.train-mini-branch{position:absolute;left:50%;top:51%;width:31%;height:5%;background:var(--ink2);transform:rotate(-35deg);transform-origin:left center;box-shadow:0 -4px 0 -2px var(--panel2),0 4px 0 -2px var(--panel2)}.train-mini-hill{position:absolute;left:7%;bottom:8%;width:31%;height:30%;background:radial-gradient(circle at 18% 30%,var(--hi) 0 3px,transparent 4px),radial-gradient(circle at 48% 58%,var(--panel) 0 3px,transparent 4px),radial-gradient(circle at 72% 24%,var(--hi) 0 2px,transparent 3px),radial-gradient(circle at 82% 72%,var(--panel) 0 3px,transparent 4px);opacity:.8}.train-mini-village{position:absolute;right:8%;top:8%;width:28%;height:30%;background:linear-gradient(90deg,var(--ink) 0 22%,transparent 23% 36%,var(--ink) 37% 61%,transparent 62% 73%,var(--ink) 74% 100%);opacity:.78}.train-mini-village::before{content:"";position:absolute;left:0;right:0;top:35%;height:4px;background:var(--hi);box-shadow:0 10px 0 var(--mid)}.train-mini{position:absolute;left:43%;top:57%;width:15%;height:34%;z-index:5;animation:trainThumbBob 1.25s steps(2,end) infinite}.train-mini .engine{position:absolute;left:24%;top:0;width:52%;height:28%;background:var(--ink);box-shadow:2px 2px 0 rgba(24,32,21,.25)}.train-mini .cab{position:absolute;left:30%;top:17%;width:40%;height:18%;background:var(--panel);border:2px solid var(--ink)}.train-mini .car{position:absolute;left:30%;top:36%;width:40%;height:18%;background:var(--ink2);border:2px solid var(--ink);box-shadow:0 22px 0 var(--ink2),0 22px 0 2px var(--ink)}.train-mini .window{position:absolute;left:39%;width:22%;height:6%;background:var(--hi);z-index:2}.train-mini .w1{top:40%}.train-mini .w2{top:61%}.train-mini .w3{top:82%}.train-mini .wheel{display:none}.train-mini-smoke{position:absolute;left:49%;top:48%;width:4%;aspect-ratio:1;background:var(--hi);opacity:.55;box-shadow:-5px 7px 0 rgba(216,232,168,.38),4px 14px 0 rgba(216,232,168,.2);animation:trainThumbSmoke 1.8s steps(5,end) infinite}.train-mini-signal{position:absolute;left:55%;top:48%;width:3%;height:14%;background:var(--ink);z-index:4}.train-mini-signal::before{content:"";position:absolute;left:-85%;top:-38%;width:250%;aspect-ratio:1;background:var(--hi);border:2px solid var(--ink)}@keyframes trainThumbBob{50%{translate:1px 0}}@keyframes trainThumbSmoke{0%{transform:translate(0,0);opacity:.75}100%{transform:translate(-8px,17px);opacity:0}}@media(max-width:420px){.train-mini{left:42%;width:17%}.train-mini-village{right:5%}.train-mini-hill{left:4%;width:34%}}@media(prefers-reduced-motion:reduce){.train-mini,.train-mini-smoke{animation:none}}