.rail-page{max-width:1280px;margin:auto;padding:12px 18px 28px}.rail-page>h1{font-size:clamp(22px,3vw,34px);margin:0;color:#134c50}.rail-page>p{margin:4px 0 12px}.station{--ink:#123f44;--cream:#fff6df;--teal:#126b70;--u:min(1cqw,1.77778cqh);position:relative;container-type:size;aspect-ratio:16/9;width:100%;border:4px solid #315b56;border-radius:16px;background:#e4d8bd url('./assets/station.webp') center/cover;color:var(--ink);overflow:hidden;font-family:'Zen Maru Gothic',sans-serif;font-weight:900;isolation:isolate}.station *{box-sizing:border-box}.station [hidden]{display:none!important}.station button{font:inherit;color:var(--ink);background:var(--cream);border:2px solid #79948a;border-radius:8px;cursor:pointer;line-height:1.25;padding:.55em .8em;box-shadow:0 2px 0 #315b5633}.station button:hover{filter:brightness(1.04)}.station button:focus-visible{outline:4px solid #08383e;outline-offset:3px}.station button:disabled{cursor:default;opacity:.6}.station .primary{background:var(--teal);color:white;border-color:#0b5358}.base{height:100%;display:flex;flex-direction:column}.game-tools{height:10%;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1.5%;background:#125e64f5;color:#fff8df;box-shadow:0 3px 0 #ac9b74;font-size:calc(var(--u)*1.38)}.game-tools>strong{font-size:calc(var(--u)*2.1);white-space:nowrap}.game-tools>div{display:flex;gap:calc(var(--u)*.5)}.game-tools button{padding:.4em .6em}.cover{position:relative;flex:1;display:grid;grid-template-columns:58% 42%;padding:3% 3% 3%;gap:1%}.cover-scene{position:relative;min-width:0}.cover-conductor{position:absolute;height:73%;left:24%;bottom:22%;max-width:55%;object-fit:contain;filter:drop-shadow(0 4px 2px #173e4522)}.cover-trains{position:absolute;bottom:0;left:-3%;right:-1%;display:flex;align-items:end}.cover-trains img{width:34%;height:auto}.departure-sign{border:calc(var(--u)*.65) solid #1b686b;border-radius:6px;background:#fff5dedf;box-shadow:0 5px 12px #193f4533;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*1.3);padding:7%;text-align:center}.departure-sign h2{font-size:calc(var(--u)*3.3);line-height:1.2;margin:0}.departure-sign p{font-size:calc(var(--u)*1.5);margin:0;line-height:1.6}.mode-select{display:grid;gap:8px}.mode-select button{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u)*1.9);background:#fffcf0;text-align:left;border-width:3px}.mode-select button[aria-pressed=true]{border-color:#155e60;background:#e0f0dd;box-shadow:inset 6px 0 #155e60}.mode-select small{font-size:.7em}.departure-sign .primary{font-size:calc(var(--u)*2);padding:.8em}.play{flex:1;min-height:0;display:grid;grid-template-rows:37% 50% 13%;padding:1.2% 1.5% 1%;gap:0}.waiting{border:3px solid #728b78;border-radius:10px;background:#fff5e6f0;box-shadow:0 3px 6px #27493c33;display:flex;flex-direction:column;min-height:0;padding:.6% 1%;gap:4px}.waiting-head{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--u)*1.3);height:16%;min-height:16px}.waiting-head p{margin:0;font-weight:700}.people{display:grid;grid-template-columns:repeat(var(--passengers),minmax(0,1fr));align-items:center;justify-items:center;flex:1;min-height:0;gap:calc(var(--u)*.6)}.person{padding:2px!important;width:100%;max-width:calc(var(--u)*8);height:100%;max-height:calc(var(--u)*9.1);display:flex;flex-direction:column;align-items:center;border:3px solid #fff!important;background:var(--color)!important;color:#142e33!important;border-radius:9px!important;position:relative}.person .portrait{width:100%;height:calc(100% - 19px);object-fit:contain;min-height:0;display:block}.person .color-name{background:#fff8e7;padding:0 4px;border-radius:3px;line-height:1.3;font-size:calc(var(--u)*1.2);flex:none}.person[aria-pressed=true]{outline:4px solid #0e5257;outline-offset:1px;box-shadow:0 0 0 7px #ffe38b}.person:disabled{opacity:1!important;background:#e8e3d2!important;border:2px dashed #b4b4a1!important;justify-content:center;box-shadow:none;color:#59655b!important;font-size:calc(var(--u)*1.2)}.person .boarded-mark{font-size:calc(var(--u)*2.5)}.feedback{margin:0;min-height:18px;height:18%;font-size:calc(var(--u)*1.75);line-height:1.3;text-align:center;display:flex;justify-content:center;align-items:center}.feedback[data-kind=miss]{color:#9b3330}.trains{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:.6%;align-items:center;min-height:0}.train{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;border-radius:10px!important}.station .train:disabled{opacity:1}.car-body{width:100%;aspect-ratio:3/2;position:relative;display:block}.car-art{width:100%;height:100%;display:block;object-fit:contain}.seated{position:absolute;top:28.2%;height:18.4%;width:13.7%;display:flex;align-items:end;justify-content:center;overflow:hidden;border-radius:8%}.seated:nth-of-type(1){left:21.4%}.seated:nth-of-type(2){left:43.5%}.seated:nth-of-type(3){left:65.1%}.seated img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.car-sign{position:absolute;top:51.8%;height:6%;left:39%;width:23%;font-size:calc(var(--u)*1.15);line-height:1;display:flex;align-items:center;justify-content:center}.train-name{padding:.25em .8em;background:#fff7e6;border:2px solid #316361;border-radius:6px;font-size:calc(var(--u)*1.65);box-shadow:0 2px 0 #23484133;white-space:nowrap}.train-name small{font-size:.78em;margin-left:.5em}.station[data-count="4"] .car-sign{font-size:calc(var(--u)*.88)}.station[data-count="4"] .train-name{font-size:calc(var(--u)*1.4)}.station[data-count="4"] .person{max-height:calc(var(--u)*8.3)}.station-strip{display:flex;align-items:center;justify-content:space-around;gap:1%;background:#fff2ddee;border:2px solid #839987;border-radius:10px;min-height:0;font-size:calc(var(--u)*1.5);padding:.5% 1%}.station-strip>span{white-space:nowrap}.station-strip b{font-size:1.35em}.station-strip .mode-controls{display:flex;gap:4px}.station-strip button{font-size:calc(var(--u)*1.3);padding:.4em .6em}.station-strip [aria-pressed=true]{background:#1a6265;color:#fff}.result{height:100%;display:grid;grid-template-columns:22% 1fr 24%;align-items:center;gap:2%;padding:0 2%}.result img{height:100%;width:100%;min-height:0;object-fit:contain}.result h2 br{display:none}.result h2{margin:0;font-size:calc(var(--u)*3.25);line-height:1.45}.result p{margin:5px 0;font-size:calc(var(--u)*1.8)}.result .result-actions{display:grid;gap:10px;font-size:calc(var(--u)*1.6)}.dialog{position:absolute;inset:0;z-index:10;background:#173d40b8;display:grid;place-items:center;padding:3%}.dialog-card{width:min(720px,88%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:3%;border:5px solid #297477;border-radius:16px;background:#fff6df;font-size:clamp(14px,1.7cqw,21px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin:0;font-size:1.4em}.dialog-card p{line-height:1.8;margin:10px 0}.dialog-card button{font-size:1em}.dialog-card #pausePanel{text-align:center}.pause-conductor{height:140px;max-height:25cqh;object-fit:contain;display:block;margin:10px auto}.dialog-card #settingsPanel{display:grid;gap:14px;padding-top:16px}.dialog-card input{width:100%;accent-color:#176b70}.parent-note{font-size:14px;line-height:1.8;padding:8px 2px;color:#365c61}.station:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.station[data-phase=done] .waiting{padding:1%}.station[data-phase=done] .station-strip #restart{display:none}.station[data-phase=done] .trains{align-items:center}
@media(max-width:600px) and (orientation:portrait){.rail-page{padding:8px}.station{height:840px;aspect-ratio:auto;border-width:3px;--u:1cqw}.game-tools{height:74px;padding:5px 8px;display:grid;gap:4px;align-content:center}.game-tools>strong{font-size:19px}.game-tools>div{gap:4px}.game-tools button{font-size:11px;padding:5px 7px}.cover{grid-template-columns:1fr;grid-template-rows:40% 60%;padding:3%;gap:0}.cover-conductor{height:92%;bottom:12%;left:34%}.cover-trains{bottom:0;left:0;right:0}.departure-sign{padding:5%;gap:13px}.departure-sign h2{font-size:29px}.departure-sign p{font-size:15px}.mode-select button{font-size:19px}.departure-sign .primary{font-size:21px;padding:.65em}.play{grid-template-rows:40% 45% 15%;padding:8px 6px;gap:0}.waiting{padding:7px;gap:5px}.waiting-head{height:18px;font-size:11px}.waiting-head p{font-size:10px}.people{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 5px;align-content:center}.person,.station[data-count="4"] .person{height:100px;max-height:100%;max-width:none;border-width:2px!important}.person .portrait{height:calc(100% - 16px)}.person .color-name{font-size:10px;padding:0 2px}.person:disabled{font-size:10px}.person .boarded-mark{font-size:22px}.feedback{font-size:15px;height:34px;min-height:34px;flex:none}.trains{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:50%;align-items:center;gap:0 4px}.train{max-width:200px;width:100%;justify-self:center}.train-name,.station[data-count="4"] .train-name{font-size:12px;padding:.1em .6em}.car-sign,.station[data-count="4"] .car-sign{font-size:9px}.station-strip{padding:6px 5px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;font-size:12px;text-align:center}.station-strip>span{grid-column:span 2}.station-strip #restart{grid-column:span 3}.station-strip button{font-size:11px}.station-strip .mode-controls{justify-content:center;grid-column:span 3}.station-strip .mode-controls button{white-space:nowrap}.station[data-phase=done] .station-strip .mode-controls{grid-column:1/7}.result{grid-template-columns:26% 74%;grid-template-rows:65% 35%;gap:0;padding:4px}.result>img{grid-row:1/3}.result h2 br{display:initial}.result h2{font-size:24px;line-height:1.45}.result p{font-size:16px}.result .result-actions{grid-column:2;display:flex;gap:8px;font-size:13px;justify-content:center}.dialog{padding:8px}.dialog-card{width:100%;max-height:100%;font-size:15px;padding:15px}.station:fullscreen{height:100dvh}.station:fullscreen .play{grid-template-rows:40% 45% 15%}.station:fullscreen .game-tools{height:66px}.station:fullscreen .person,.station:fullscreen[data-count="4"] .person{height:100%;max-height:90px}.station:fullscreen .cover{grid-template-rows:34% 66%}}
@media(orientation:landscape) and (max-height:520px){.station:fullscreen .game-tools,.game-tools{font-size:max(9px,1.38cqw)}.game-tools button{font-size:max(9px,1.25cqw)}.station-strip{font-size:max(10px,1.5cqw)}.station-strip button{font-size:max(9px,1.3cqw)}.waiting-head{font-size:max(9px,1.3cqw);min-height:12px}.person .color-name{font-size:max(9px,1.2cqw)}.person .portrait{height:calc(100% - 14px)}.feedback{font-size:max(11px,1.7cqw);min-height:14px}.train-name{font-size:max(10px,1.65cqw)}.car-sign{font-size:max(7px,1.15cqw)}.station[data-count="4"] .car-sign{font-size:max(6px,.88cqw)}.dialog-card{padding:2%;font-size:14px}.pause-conductor{height:75px}}