@font-face{font-family:archivo;src:url(/fonts/archivo-var.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--ground:#070c16;--frame:#0f1726;--frame-rule:#223049;--flap-top:#17233b;--flap-bottom:#121c30;--hinge:#04070d;--pin:#2b3a55;--letter:#eef1f5;--label:#8592a6;--orange:#ff6a1a;--row-rule:#1b2741;--row-lit:#131e33;--lamp-off:#24324b;--cpad:clamp(12px, 3vw, 48px);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);color-scheme:dark;background:var(--ground);color:var(--letter);font-family:archivo,helvetica neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}*,*::before,*::after{box-sizing:border-box}::selection{background:var(--orange);color:var(--ground)}body{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.concourse{container:concourse/inline-size;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(var(--cpad),env(safe-area-inset-top))max(var(--cpad),env(safe-area-inset-right))max(var(--cpad),env(safe-area-inset-bottom))max(var(--cpad),env(safe-area-inset-left))}.board{--bw:min(1180px, 100cqi - 2 * var(--cpad));--pad:clamp(16px, 4.4cqi, 52px);--inner:calc(var(--bw) - 2 * var(--pad));--ngap:clamp(3px, 0.5cqi, 6px);--nw:min(84px, (var(--inner) - 6 * var(--ngap)) / 7);--tile:clamp(30px, 3cqi, 40px);--cg:clamp(12px, 1.8cqi, 24px);--rw:clamp(11px, (var(--inner) - 24px - var(--tile) - 4 * var(--cg) - 12px - 38 * 2px - 12px) / 41, 26px);--kw:max(22px, min(var(--nw) * 0.95, (var(--inner) - 7 * var(--nw) - 6 * var(--ngap) - 48px) / 4.6));display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-areas:"name clock" "rows rows";row-gap:clamp(24px,3.4cqi,44px);position:relative;width:var(--bw);padding:var(--pad);background:var(--frame);border:1px solid var(--frame-rule);border-radius:10px}.board::before{content:"";position:absolute;inset:-22% -14% -30%;z-index:-1;background:radial-gradient(closest-side,rgb(120 148 205/.16),rgb(120 148 205/5%) 60%,transparent);pointer-events:none}.atmosphere,.spill,.veil{position:fixed;inset:0;overflow:hidden;pointer-events:none}.atmosphere,.spill{z-index:-1}.veil{z-index:6}.atmosphere{background:linear-gradient(to top,rgb(70 88 122/.22),transparent 45%),radial-gradient(120% 80% at 50% 50%,transparent 55%,rgb(2 4 9/.55))}.mist{position:absolute;inset:-30%;will-change:transform}.mist-far{background:radial-gradient(38% 26% at 28% 38%,rgb(96 118 160/.2),transparent 70%),radial-gradient(34% 24% at 74% 60%,rgb(86 106 146/.18),transparent 70%),radial-gradient(60% 20% at 50% 82%,rgb(112 132 172/.2),transparent 75%);animation:drift-far 95s ease-in-out infinite alternate}.mist-near{background:radial-gradient(30% 18% at 62% 34%,rgb(150 168 200/7%),transparent 70%),radial-gradient(44% 22% at 26% 70%,rgb(140 160 196/9%),transparent 70%),radial-gradient(50% 14% at 70% 84%,rgb(150 168 200/8%),transparent 75%);animation:drift-near 70s ease-in-out infinite alternate}@keyframes drift-far{to{transform:translate3d(7%,-3%,0)scale(1.08)}}@keyframes drift-near{to{transform:translate3d(-9%,4%,0)scale(1.12)}}.train{position:absolute;top:0;bottom:0;left:0;transform:translateX(-100%);will-change:transform}.spill .train{mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 75%,transparent);opacity:.9}.glint{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:inherit;mix-blend-mode:screen;pointer-events:none}.glint .train{top:-12%;bottom:-12%;mask-image:linear-gradient(to bottom,rgb(0 0 0/.7),#000 40%,rgb(0 0 0/.8))}.flaps{display:flex;gap:2px;width:max-content;padding:2px;border-radius:4px;background:var(--hinge)}.flap{--w:var(--rw);--h:calc(var(--w) * 1.45);position:relative;display:block;flex:none;width:var(--w);height:var(--h);border-radius:calc(var(--w) * .1);perspective:calc(var(--h) * 5);color:var(--letter);font-size:calc(var(--h) * .86);font-weight:600;font-stretch:62%;line-height:var(--h);text-align:center}.flap::after{content:"";position:absolute;inset:calc(50% - .5px)0 auto;height:1px;background:var(--hinge);z-index:3}.half{position:absolute;left:0;right:0;height:50%;overflow:hidden}.half.top{top:0;background:var(--flap-top);border-radius:calc(var(--w) * .1)calc(var(--w) * .1)0 0}.half.bottom{bottom:0;background:var(--flap-bottom);border-radius:0 0 calc(var(--w) * .1)calc(var(--w) * .1)}.half b{display:block;height:var(--h);font-weight:inherit;text-shadow:0 0 calc(var(--h) * .05)color-mix(in srgb,currentColor 45%,transparent),0 0 calc(var(--h) * .18)color-mix(in srgb,currentColor 18%,transparent)}.half.bottom b{transform:translateY(-50%)}.leaf{z-index:2;backface-visibility:hidden}.leaf.top{transform-origin:50% 100%}.leaf.bottom{transform-origin:50% 0}.flaps-pending .flap b{visibility:hidden;animation:reveal 0s 3s forwards}@keyframes reveal{to{visibility:visible}}.name{grid-area:name;display:grid;gap:var(--ngap);margin:0;font:inherit}.name-row{gap:var(--ngap);padding:3px}.name .flap{--w:var(--nw);--h:calc(var(--w) * 1.38);font-size:min(var(--h) * .84,6rem)}.name .flap::before{content:"";position:absolute;top:calc(50% - 4px);left:-1px;width:2px;height:8px;background:var(--pin);box-shadow:calc(var(--w))0 0 var(--pin);z-index:3}.clock{grid-area:clock;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.clock .flap{--w:var(--kw)}.colon{width:calc(var(--kw) * .5);font-size:calc(var(--kw) * 1.2);font-weight:600;font-stretch:62%;line-height:calc(var(--kw) * 1.45);text-align:center;color:var(--orange);text-shadow:0 0 6px rgb(255 106 26/.7),0 0 18px rgb(255 106 26/.35)}.label,.cols{font-size:12px;font-weight:600;font-stretch:80%;letter-spacing:.16em;text-transform:uppercase;color:var(--label)}.departures{grid-area:rows}.cols,.row{display:grid;grid-template-columns:var(--tile)calc(8 * var(--rw) + 18px)calc(25 * var(--rw) + 52px)calc(8 * var(--rw) + 18px)1fr;column-gap:var(--cg);align-items:center;padding-inline:12px}.cols{padding-bottom:10px}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid var(--row-rule)}.rows li:last-child{border-bottom:1px solid var(--row-rule)}.row{padding-block:10px;border-radius:4px;color:inherit;text-decoration:none;transition:background-color 200ms var(--ease-out)}.row:hover,.row:focus-visible,.row.is-boarding{background:var(--row-lit)}.row:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.tile{display:grid;place-items:center;width:var(--tile);height:var(--tile);border-radius:4px;background:var(--flap-bottom);color:var(--label);transition:color 200ms var(--ease-out)}.tile svg{width:52%;height:52%}.status .flap{color:var(--label)}.lamp{justify-self:end;width:12px;height:12px;border-radius:50%;background:var(--lamp-off);transition:background-color 200ms var(--ease-out),box-shadow 200ms var(--ease-out)}.row.is-boarding .tile,.row.is-boarding .status .flap{color:var(--orange)}.row.is-boarding .tile svg{filter:drop-shadow(0 0 4px rgb(255 106 26/.6))}.row.is-boarding .lamp{background:var(--orange);box-shadow:0 0 6px rgb(255 106 26/.9),0 0 22px rgb(255 106 26/.45),0 0 48px rgb(255 106 26/.2)}@container concourse (max-width:900px){.board {
    --rw: clamp(11px, (var(--inner) - 24px - var(--tile) - 3 * var(--cg) - 12px - 14 * 2px - 8px) / 16, 34px);
    --nw: min(110px, (var(--inner) - 6 * var(--ngap) - 6px) / 7);
    --kw: min(40px, var(--rw) * 1.4);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "name" "rows" "clock";
  }
  .cols, .row {
    grid-template-columns: var(--tile) calc(8 * var(--rw) + 18px) calc(8 * var(--rw) + 18px) 1fr;
  }
  .addr, .col-addr { display: none; }
}@container concourse (max-width:560px){.board {
    --rw: min(28px, (var(--inner) - 24px - var(--tile) - 2 * var(--cg) - 12px - 7 * 2px - 4px) / 8);
    min-height: calc(100svh - 2 * var(--cpad));
    grid-template-rows: auto 1fr auto;
  }
  .departures { align-self: start; }
  .cols, .row { grid-template-columns: var(--tile) calc(8 * var(--rw) + 18px) 1fr; }
  .status, .col-status { display: none; }
}@media(prefers-reduced-motion:reduce){.row,.tile,.lamp{transition:none}.mist{animation:none}}