#mobileTrainRail{display:none;pointer-events:none}
@media(max-width:700px) and (orientation:portrait){
#mobileTrainRail{display:block;position:fixed;left:0;width:100%;height:min(19vw,110px);overflow:hidden;z-index:0;pointer-events:none}
#mobileTrainRail:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(#8cdff4 0 20%,#163a51 20% 65%,#050e21 65%);box-shadow:0 -1px 4px #34daff80}
.futureTrain{position:absolute;bottom:5px;left:0;display:flex;align-items:flex-end;gap:3vw;width:max-content;visibility:hidden;will-change:transform;height:100%;font-family:'Courier New',monospace}
.trainCar{position:relative;width:40vw;height:15.5vw;max-height:95px;flex:none;display:flex;align-items:center;justify-content:center;gap:1.2vw;padding:2vw 1.5vw 2.8vw;background:linear-gradient(170deg,#718cad,#152b48 20%,#0b162a 65%,#344d69 66%,#0c1b2c 85%);border:1px solid #8aa5be;border-radius:2.4vw 2.4vw .8vw .8vw;box-shadow:inset 0 2px #b5d6e4,inset 0 -3px #19cce1,0 0 5px #24cce855;color:#e8faff;text-align:center}
.trainCar:before{content:"";position:absolute;right:-3.1vw;bottom:2vw;width:3.1vw;height:2px;background:#657d8e}
.trainCar:after{content:"";position:absolute;bottom:-3px;left:15%;width:70%;height:3px;background:#45d7ff;box-shadow:0 0 5px #23c7ff}
.nftCar img{width:10.9vw;height:10.9vw;max-height:70px;object-fit:cover;border:2px solid #0b1321;outline:1px solid #779eb4;border-radius:.8vw;image-rendering:pixelated}
.logoCar,.dateCar{flex-direction:column;gap:.8vw;background:linear-gradient(150deg,#315674,#091a30 65%,#243d55);font-size:2.5vw;font-weight:bold;letter-spacing:.12em}
.trainLogo{color:#ffe76c;font-size:3.1vw;line-height:1.3;text-shadow:1px 1px #000}.trainLogo b{color:#61edb2;font-size:2.6vw}.dateCar strong{color:#ffd461;font-size:3.4vw;letter-spacing:.05em}
.trainCab{position:relative;width:24vw;height:15.5vw;max-height:95px;flex:none;clip-path:polygon(0 0,42% 0,100% 83%,100% 100%,0 100%);background:linear-gradient(150deg,#87aabd,#24425f 35%,#0b192e 65%,#29daf0 67%,#18334d 71%);border-left:1px solid #c2e1ef}
.cabGlass{position:absolute;top:2vw;left:2vw;width:13vw;height:8vw;background:linear-gradient(140deg,#b4faff,#237898 60%,#0c354d);clip-path:polygon(0 0,35% 0,100% 100%,0 100%);border-left:2px solid #072236}.trainCab i{position:absolute;right:1vw;bottom:1.5vw;width:3vw;height:1vw;background:#fff1a9;box-shadow:0 0 8px #ffde70}
}

@media(max-width:700px) and (orientation:portrait){
.cabGlass{width:15vw;height:10vw;top:1.5vw;left:1.2vw;overflow:hidden;clip-path:polygon(0 0,38% 0,100% 100%,0 100%)}
.trainConductor{position:absolute;inset:0;background:url("train-conductor.png") right 15%/500% auto no-repeat;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #77d8ed}
}
#trainIceCream{display:none;position:fixed;z-index:3;width:2vw;height:3vw;pointer-events:none;background:linear-gradient(#fff6d8 0 38%,#765134 40% 75%,#ba814b 76%);border:1px solid #1a1522;border-radius:40% 40% 20% 20%;box-shadow:0 -2px #fff}
.windowIceSplat{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 45% 43%,#fff5d9 0 16%,transparent 18%),radial-gradient(ellipse at 23% 28%,#fff5d9 0 12%,transparent 14%),radial-gradient(ellipse at 70% 63%,#eee2bf 0 14%,transparent 16%),radial-gradient(ellipse at 38% 71%,#fff5d9 0 15%,transparent 17%);clip-path:polygon(0 0,38% 0,100% 100%,0 100%)}
.windowIceSplat.hit{opacity:1;animation:iceSplat .25s ease-out}
@keyframes iceSplat{from{transform:scale(.15)}to{transform:scale(1)}}
@media(max-width:700px) and (orientation:portrait){#mobileCitySigns.iceCreamDropped:after{content:"";position:absolute;inset:0;background:url('billboards-no-icecream.png') center top/100% 315.3% no-repeat;clip-path:polygon(28% 18%,32% 18%,32% 27%,28% 27%);image-rendering:pixelated}}
#haloTrainRider{display:none;position:fixed;width:11vw;height:auto;z-index:3;pointer-events:none;image-rendering:pixelated}
#haloTrainRider.aboard{position:absolute;bottom:85%;width:28%;z-index:2}
@media(max-width:700px) and (orientation:portrait){#mobileCitySigns.haloLayerReady:before{content:"";position:absolute;inset:0;background:url('billboards-no-halo.png') center top/100% 315.3% no-repeat;clip-path:polygon(32.5% 8%,43% 8%,43% 32%,32.5% 32%);image-rendering:pixelated}}
.windowIceSplat{background:radial-gradient(ellipse at 43% 43%,#fffaf0 0 17%,#eadbc2 18% 23%,transparent 25%),radial-gradient(ellipse at 27% 30%,#fff6df 0 10%,transparent 12%),radial-gradient(ellipse at 60% 57%,#e5c9a4 0 16%,transparent 19%),radial-gradient(ellipse at 25% 61%,#f8ead2 0 7%,transparent 9%),radial-gradient(ellipse at 15% 19%,#faf1dd 0 3%,transparent 5%),radial-gradient(ellipse at 72% 73%,#fff6df 0 4%,transparent 6%),radial-gradient(ellipse at 48% 18%,#e2bd91 0 3%,transparent 5%);filter:drop-shadow(0 1px 1px #4d321d80)}
.windowIceSplat:after{content:"";position:absolute;left:31%;top:47%;width:7%;height:40%;border-radius:20% 20% 50% 50%;background:linear-gradient(#f5e5ca,#e9d3b1);box-shadow:12px -4px 0 -1px #f9ecd4,5px -7px 0 0 #f4e4c9}

@media(max-width:700px) and (orientation:portrait){#mobileTrainRail{height:min(30vw,180px)}}

#haloTrainRider{object-fit:fill;transform-origin:50% 5%}
#haloTrainRider.aboard{bottom:88%;height:auto}
#haloTrainRider.landing{animation:haloLanding .35s ease-out}
@keyframes haloLanding{0%{transform:translateY(3px)}45%{transform:translateY(-2px)}100%{transform:translateY(0)}}

@media(max-width:700px) and (orientation:portrait){#mobileTrainRail{height:min(40vw,240px)}}



/* Solid steel couplers join every carriage, including the conductor cab. */
@media(max-width:700px) and (orientation:portrait){
 .futureTrain>.trainCar:before{right:calc(-3vw - 3px);bottom:1.8vw;width:calc(3vw + 4px);height:6px;border-top:1px solid #c6dfec;border-bottom:1px solid #071426;background:linear-gradient(90deg,#273e50 0 18%,#8faabd 18% 40%,#324e63 40% 60%,#8faabd 60% 82%,#273e50 82%);border-radius:2px;box-shadow:0 1px 1px #000;z-index:5}
}

.trainCar .trainLettering{width:100%;height:auto;max-height:100%;object-fit:contain;image-rendering:pixelated;border:0;outline:0}