:root{--c-near-black: #2a2221;--c-maroon: #5f3730;--c-mid-brown: #695652;--c-tan: #9a6d59;--c-amber: #cda059;--c-cream: #d6c9b6;--c-green: #345046;--c-red: #9e2a30;--c-offwhite: #ebe1d9;--hud-fg: rgba(235, 225, 217, .75);--devanagari: "Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", sans-serif;--poster: Arial, "Helvetica Neue", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-near-black);overflow:hidden;-webkit-tap-highlight-color:transparent}body{font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace}#app{position:fixed;inset:0;touch-action:none}.scene{position:absolute;inset:0;overflow:hidden}.backdrop{position:absolute;inset:0;background:var(--c-near-black) url(/platform.jpg) center / cover no-repeat;filter:brightness(1.25) contrast(1.03)}.scene[data-state=HALTED] .backdrop{background-image:url(/arrived.jpg)}.scene[data-state=DEPARTING] .backdrop{background-image:url(/departed.jpg)}.stars{position:absolute;inset:0 0 30%;opacity:.35}.stars:before{content:"";position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;background:transparent;box-shadow:var(--star-field, none)}.scrim{position:absolute;inset:0;background:#05060f;opacity:.12;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 45%,transparent 65%,rgba(0,0,0,.35) 100%)}.grain{position:absolute;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift 1.1s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.sign-platform-overlay{position:absolute;left:49.6%;top:33%;width:4.5%;height:3%;display:flex;align-items:center;justify-content:flex-start;z-index:4}.sign-platform-overlay span{font:500 clamp(10px,1.15vw,14px)/1 var(--poster);letter-spacing:.05em;color:#7a5f24;white-space:nowrap}.lamp-glow{position:absolute;width:7vw;max-width:90px;min-width:50px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(205,160,89,.85) 0%,rgba(205,160,89,.32) 40%,transparent 72%);opacity:.75;mix-blend-mode:screen;pointer-events:none;z-index:5}.glow-a{left:15%;top:19%}.glow-b{left:52.5%;top:19%}.train-carriage{position:absolute;bottom:36%;width:20%;height:28%;min-height:150px;right:-10%;background:#204e86;border-radius:8px 0 0;overflow:hidden;z-index:1;transform:translate(115%)}.carriage-stripe{position:absolute;left:0;right:0;top:40%;height:6px;background:var(--c-amber)}.coach-strip{position:absolute;top:4%;left:6%;right:8%;display:flex;justify-content:space-between;opacity:0;transition:opacity .6s ease}.coach-strip span{background:var(--c-offwhite);color:var(--c-near-black);font:700 9px/1 var(--poster);letter-spacing:.05em;padding:2px 5px;border-radius:2px}.carriage-windows{position:absolute;top:16%;left:6%;right:8%;display:flex;justify-content:space-between}.carriage-windows span{width:12%;aspect-ratio:1 / 1.15;background:linear-gradient(160deg,#cfe3ef,#93b7cf);border-radius:2px;box-shadow:inset 0 0 6px #00000059}.carriage-wheels{position:absolute;bottom:-10px;left:4%;right:6%;display:flex;justify-content:space-between}.carriage-wheels span{width:7%;aspect-ratio:1;background:#0c0c0c;border-radius:50%}.scene[data-state=WAITING] .train-carriage,.scene[data-state=APPROACHING] .train-carriage{transform:translate(115%);transition:none}.scene[data-state=ARRIVING] .train-carriage{transform:translate(0);transition:transform 6s cubic-bezier(.12,.7,.25,1)}.scene[data-state=HALTED] .train-carriage,.scene[data-state=DEPARTING] .train-carriage{display:none}.scene[data-state=ARRIVING] .coach-strip,.scene[data-state=HALTED] .coach-strip{opacity:1}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(10px,2.5vw,18px) clamp(14px,3vw,24px);font:500 12px/1 ui-monospace,monospace;color:#ebe1d9d9;pointer-events:none}.clock,.stream-links{pointer-events:auto}.stream-links{display:flex;gap:clamp(10px,2vw,16px);margin-left:auto}.stream-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:6px;opacity:.82;white-space:nowrap}.stream-link:hover{opacity:1}.link-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.ytmusic-dot{background:#f03}.board-wrap{position:fixed;top:clamp(56px,8vw,90px);right:clamp(14px,3vw,24px);z-index:12}.board-wrap[hidden]{display:none}.board{position:relative;width:clamp(220px,27vw,320px);background:var(--c-near-black);border-radius:8px;padding:12px 16px 14px;color:var(--c-offwhite);box-shadow:0 12px 26px #00000080;transition:opacity .5s ease,transform .5s ease}.board[hidden]{display:none}.board.is-hidden{position:absolute;inset:0;opacity:0;transform:translateY(8px);pointer-events:none}.board-list-title{font:700 9px/1.4 var(--poster);letter-spacing:.1em;opacity:.55;margin-bottom:6px}.board-list-rows .row{font:600 13px/1.6 var(--poster);border-top:1px solid rgba(235,225,217,.08);padding:4px 0 5px}.board-list-rows .row-main{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.board-list-rows .row .train{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;letter-spacing:.02em}.board-list-rows .row .train-no{color:var(--c-amber)}.board-list-rows .row .time{flex-shrink:0;color:var(--c-amber)}.board-list-rows .row-sub{font:600 8px/1.4 var(--poster);letter-spacing:.08em;opacity:.5;margin-top:1px}.dep-row{display:flex;justify-content:space-between}.dep-labels{font:700 8px/1.4 var(--poster);letter-spacing:.09em;opacity:.55;text-transform:uppercase}.dep-main{margin:2px 0;font:700 clamp(18px,2.4vw,24px)/1.3 var(--poster)}.dep-number,.dep-time{color:var(--c-amber)}.dep-route{font:600 clamp(11px,1.4vw,13px)/1.5 var(--devanagari);color:#6fa08f;margin-top:2px}.dep-status{font:700 8px/1.5 var(--poster);letter-spacing:.07em;color:var(--c-cream);margin-top:5px;text-transform:uppercase;opacity:.85}#entry{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;border:none;margin:0;padding:0 0 clamp(48px,10vh,96px);background:var(--c-near-black) url(/entry.jpg) center / cover no-repeat;color:var(--c-offwhite);cursor:pointer}#entry.hidden{display:none}.entry-copy{position:relative;z-index:1;font-size:clamp(15px,2vw,18px);letter-spacing:.04em;opacity:.95;padding:8px 20px;border-radius:999px;background:#0a080c66;backdrop-filter:blur(2px);text-shadow:0 2px 8px rgba(0,0,0,.6)}.hud{position:fixed;inset:0;z-index:15;pointer-events:none}.hud[hidden]{display:none}.scene-label{position:absolute;left:clamp(16px,3vw,28px);bottom:clamp(14px,3vw,24px);font-size:11px;letter-spacing:.08em;color:var(--hud-fg);text-transform:lowercase;user-select:none}.mute-toggle{position:absolute;right:clamp(14px,3vw,24px);bottom:clamp(12px,3vw,20px);pointer-events:auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(235,225,217,.2);background:#00000059;color:var(--hud-fg);font-size:13px;line-height:1;cursor:pointer}.now-playing{position:fixed;left:50%;bottom:clamp(14px,3vw,24px);transform:translate(-50%);z-index:16;width:min(92vw,420px);display:flex;align-items:center;gap:12px;background:#14100fd1;border-radius:16px;padding:10px 14px;box-shadow:0 12px 30px #00000080;backdrop-filter:blur(6px)}.now-playing[hidden]{display:none}.np-cover{flex:0 0 auto;width:44px;height:44px;border-radius:8px;background:repeating-linear-gradient(45deg,var(--c-red) 0 6px,#7a2530 6px 12px);color:var(--c-offwhite);font:700 8px/1.2 var(--devanagari);display:flex;align-items:center;justify-content:center;text-align:center}.np-info{flex:1 1 auto;min-width:0;color:var(--c-offwhite)}.np-title{font:600 13px/1.3 var(--poster);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-subtitle{font:500 11px/1.3 var(--poster);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-scrub{margin-top:5px;display:flex;align-items:center;gap:8px}.np-scrub-track{flex:1 1 auto;height:3px;border-radius:2px;background:#ebe1d92e;overflow:hidden}.np-scrub-fill{height:100%;width:0%;background:var(--c-amber)}.np-time{font:500 10px/1 var(--poster);opacity:.6;white-space:nowrap}.np-controls{flex:0 0 auto;display:flex;align-items:center;gap:8px}.np-controls button{background:transparent;border:none;color:var(--c-offwhite);font-size:15px;cursor:pointer;padding:4px}#np-play{width:32px;height:32px;border-radius:50%;background:var(--c-offwhite);color:var(--c-near-black);display:flex;align-items:center;justify-content:center;font-size:13px}@media (max-width: 720px){.board-wrap{top:auto;bottom:96px;right:4%}.train-carriage{width:60%}.stream-label{display:none}}@media (prefers-reduced-motion: reduce){.grain{animation:none}.train-carriage{transition:none!important}}