:root{--bg:#0b1220;--surface:#162033;--surface-2:#1f2d47;--border:#33466b;--text:#f4f7fb;--text-dim:#b9c4d8;--accent:#5cc8ff;--ok-bg:#166534;--ok-text:#ecfdf5;--late-bg:#fbbf24;--late-text:#1c1300;--severe-bg:#b91c1c;--severe-text:#fff;--due-bg:#1d4ed8;--due-text:#fff;--space-1:.4rem;--space-2:.8rem;--space-3:1.2rem;--space-4:2rem;--radius:.9rem;--fs-base:clamp(1rem, .6rem + .9vw, 1.5rem);--fs-small:.8em;--fs-title:clamp(1.4rem, 1rem + 1.6vw, 2.6rem);--fs-clock:clamp(2rem, 1.2rem + 3vw, 4.5rem);--fs-tab:clamp(1.1rem, .7rem + 1.3vw, 2.2rem);--fs-time:clamp(2.2rem, 1.4rem + 2.6vw, 4rem);--fs-platform:clamp(2.4rem, 1.6rem + 2.4vw, 4rem)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:Trebuchet MS,Segoe UI,Helvetica,Arial,sans-serif;font-size:var(--fs-base);cursor:default;margin:0;line-height:1.35}a{color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board{min-height:100vh;padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.header__title{font-size:var(--fs-title);margin:0}.header__clock{font-size:var(--fs-clock);font-variant-numeric:tabular-nums;letter-spacing:.03em;margin:0;font-weight:700}.tabbar{position:relative}.tabbar__list{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.tab{font:inherit;font-size:var(--fs-tab);color:var(--text-dim);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-2) var(--space-1);cursor:pointer;font-weight:700}.tab[aria-selected=true]{color:#04101e;background:var(--accent);border-color:var(--accent)}.tab:focus-visible{outline-offset:2px;outline:4px solid #fff}.tabbar__progress{appearance:none;background:var(--surface-2);border:0;width:100%;height:.5rem;margin-top:2px;display:block}.tabbar__progress::-webkit-progress-bar{background:var(--surface-2)}.tabbar__progress::-webkit-progress-value{background:var(--accent)}.tabbar__progress::-moz-progress-bar{background:var(--accent)}.tabbar__paused{font-size:var(--fs-small);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin:0;padding:.1em .7em;font-weight:700;position:absolute;bottom:-2.2rem;right:0}.main{flex:1}.panel{gap:var(--space-3);flex-direction:column;display:flex}.section__title{margin:0 0 var(--space-2);font-size:calc(var(--fs-base) * 1.4);color:var(--accent);border-bottom:2px solid var(--border);padding-bottom:var(--space-1)}.card-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.placeholder{padding:var(--space-3);color:var(--text-dim);background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);margin:0}.banner{padding:var(--space-1) var(--space-3);border-radius:var(--radius);margin:0;font-weight:700}.banner--warn{color:var(--late-text);background:var(--late-bg)}.banner--info{background:var(--surface-2)}.messages{padding:var(--space-1) var(--space-3) var(--space-1) 2rem;background:var(--surface-2);border-left:6px solid var(--late-bg);border-radius:var(--radius);margin:0}.card{gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);border-left-width:10px;flex-direction:column;display:flex}.card--ontime,.card--due{border-left-color:var(--ok-bg)}.card--late,.card--delayed{border-left-color:var(--late-bg)}.card--verylate,.card--cancelled{border-left-color:var(--severe-bg)}.card__top{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.card__time{font-size:var(--fs-time);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1}.card__arrival{color:var(--text-dim);font-size:var(--fs-small);font-variant-numeric:tabular-nums;margin:0}.is-struck{text-decoration:line-through;text-decoration-thickness:.08em}.card__detail{color:var(--text-dim);font-size:var(--fs-small);margin:0}.card__facts{gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;grid-template-columns:auto 1fr;display:grid}.card__fact{flex-direction:column;display:flex}.card__fact dt{color:var(--text-dim);font-size:calc(var(--fs-small) * .85);text-transform:uppercase;letter-spacing:.06em}.card__fact dd{margin:0;font-weight:700}.card__fact--platform{padding:0 var(--space-2);background:var(--surface-2);border-radius:var(--radius);grid-row:span 2;justify-content:center;align-items:center}.card__platform{font-size:var(--fs-platform);line-height:1}.card__fact--operator dd{color:var(--text-dim);font-weight:400}.badge{border:2px solid #0000;border-radius:999px;align-self:flex-start;align-items:center;gap:.5em;padding:.15em .8em .15em .4em;font-weight:700;display:inline-flex}.badge__icon{background:#ffffff40;border-radius:50%;place-items:center;width:1.5em;height:1.5em;line-height:1;display:inline-grid}.badge--ontime{background:var(--ok-bg);color:var(--ok-text)}.badge--due{background:var(--due-bg);color:var(--due-text)}.badge--late{background:var(--late-bg);color:var(--late-text)}.badge--late .badge__icon,.badge--delayed .badge__icon{background:#0000002e}.badge--delayed{background:var(--surface-2);color:var(--late-bg);border-color:var(--late-bg)}.badge--verylate{background:var(--severe-bg);color:var(--severe-text)}.badge--cancelled{background:var(--surface-2);color:#ffb4b4;text-transform:uppercase;letter-spacing:.04em;border-color:#ff6b6b}.footer{padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-small);justify-content:space-between;gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.footer p{margin:0}@media (width<=700px){.board{padding:var(--space-2)}.header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.tab,.badge{transition:background-color .2s,color .2s}}