.train-game{display:none;position:fixed;z-index:40;inset:0;overflow:auto;padding:24px;background:#050812e8}.train-game.show{display:block}.train-window{position:relative;overflow:hidden;max-width:830px;margin:15px auto;padding:32px;background:linear-gradient(150deg,#111a2d,#1e1127);border:1px solid #58719b;border-radius:16px;text-align:center;box-shadow:0 0 90px #4d8cd755}.train-window h2{margin:5px 0 20px;font-size:32px;letter-spacing:.08em}.train-sky{position:absolute;inset:0;z-index:-1;opacity:.38;background:linear-gradient(120deg,transparent,#723c9633,transparent),repeating-linear-gradient(90deg,transparent 0 70px,#d2e7ff33 73px 75px);animation:railMove 3s linear infinite}@keyframes railMove{to{background-position:500px 0,500px 0}}.train-route{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:20px 0;padding:8px;background:#0a0f1b;border-radius:8px}.train-route span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:10px;background:#272d3d;color:#aeb7c9}.train-route span.active{background:#ffc45f;color:#241b13;box-shadow:0 0 14px #ffc45f}.train-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.train-dashboard div{padding:11px;background:#111c30cc;border-radius:7px}.train-dashboard small{display:block;color:#9babc4;font-size:9px}.train-dashboard b{font-size:20px;color:#fff0c4}.train-status{min-height:42px;margin:20px auto;color:#d6d0de}.train-numbers{display:flex;justify-content:center;gap:9px;min-height:48px}.train-numbers button{width:44px;height:44px;padding:0;background:#27344e;border:1px solid #6582ae}.train-numbers button.selected{background:#d48640;border-color:#ffd67b;transform:translateY(-3px)}.train-actions{display:flex;justify-content:center;gap:10px;min-height:46px}.train-actions .leave{background:#306e61}.train-actions .continue{background:#814c9c}.train-stats{margin-top:22px;padding-top:14px;border-top:1px solid #52617a;color:#acb6ca;font-size:12px}@media(max-width:600px){.train-window{padding:24px 12px}.train-dashboard{grid-template-columns:repeat(2,1fr)}.train-route span{width:21px;height:21px;font-size:8px}.train-window h2{font-size:24px}.train-numbers{flex-wrap:wrap;gap:8px;max-width:260px;margin:0 auto}.train-actions{flex-direction:column}.train-actions button{width:100%}.train-status{font-size:14px}}