.board{--flap-w:min(calc((100vw - 94px) / 19), 22px);--flap-gap:2px;--flap-h:calc(var(--flap-w) * 1.34);--cell:calc(var(--flap-w) + var(--flap-gap))}@media (width>=640px){.board{--flap-w:min(calc((100vw - 110px) / 19), 26px)}}@media (width>=1024px){.board{--flap-w:max(16px, min(calc((100vw - 270px) / 40), calc((100svh - 430px) / 15 * .746), 32px))}}@media (width>=1280px){.board{--flap-w:max(16px, min(calc((100vw - 330px) / 51), calc((100svh - 430px) / 15 * .746), 32px))}}.board-notice{display:none}@media (width>=1024px){.board-notice{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding-bottom:12px;display:flex}}.board-head{flex-direction:column;gap:24px;display:flex}@media (width>=640px){.board-head{flex-direction:row;justify-content:space-between;align-items:flex-end}}.flaps{gap:var(--flap-gap);display:flex}.flap{width:var(--flap-w);height:var(--flap-h);background:linear-gradient(color-mix(in srgb, var(--color-white) 15%, var(--color-ink)) 50%, color-mix(in srgb, var(--color-white) 11%, var(--color-ink)) 50%);font-size:calc(var(--flap-h) * .62);font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--flap-h);text-align:center;flex:none;display:block;position:relative}.flap:after{content:"";z-index:2;background:#000d1099;height:1px;position:absolute;inset:calc(50% - .5px) 0 auto}.flaps-small{--flap-w:calc(var(--flap-h-small) * .76);--flap-h:var(--flap-h-small);--flap-h-small:24px}[data-clock] .flap,[data-counter] .flap{--flap-w:calc(var(--flap-h) * .76);--flap-h:38px}.flap-leaf{z-index:1;background:inherit;backface-visibility:hidden;font-style:normal;position:absolute;inset:0}.flap-top{clip-path:inset(0 0 50%)}.flap-bottom{clip-path:inset(50% 0 0)}.board-grid{gap:8px;display:grid}.board-row{--col:12px;grid-template-columns:calc(var(--cell) * 5 + 8px) 1fr auto;row-gap:var(--flap-gap);align-items:center;display:grid}.board-labels,.board-arrival,.board-to,.board-airline{display:none}.board-row [data-col=departure]{grid-area:1/1}.board-row [data-col=name]{grid-area:1/2}.board-row [data-col=from]{grid-area:2/1}.board-row [data-col=status]{grid-area:2/2}.board-status{color:#ffffffb3;transition:color .3s}.board-status[data-tone=active],.board-status[data-tone=done]{color:var(--color-white)}.board-status[data-tone=alert]{color:var(--color-clay);animation:1.1s step-end infinite board-blink}@keyframes board-blink{50%{color:color-mix(in srgb, var(--color-clay) 35%, transparent)}}.board-dot{background:#ffffff1a;border-radius:9999px;grid-area:1/3;width:8px;height:8px;transition:background-color .3s}.board-dot[data-tone=active]{background:var(--color-white)}.board-dot[data-tone=done]{background:var(--color-clay)}.board-dot[data-tone=alert]{background:var(--color-clay);animation:1.1s step-end infinite board-pulse}@keyframes board-pulse{50%{background:#ffffff1a}}@media (width>=1024px){.board-grid{gap:4px}.board-row{--col:20px;grid-template-columns:calc(var(--cell) * 5 + var(--col)) calc(var(--cell) * 3 + var(--col)) calc(var(--cell) * 5 + var(--col)) calc(var(--cell) * 14 + var(--col)) 1fr auto}.board-labels{padding-bottom:4px;font-size:11px;display:grid}.board-row>*,.board-row [data-col]{grid-area:auto}.board-arrival{display:flex}}@media (width>=1280px){.board-row{grid-template-columns:calc(var(--cell) * 5 + var(--col)) calc(var(--cell) * 3 + var(--col)) calc(var(--cell) * 5 + var(--col)) calc(var(--cell) * 3 + var(--col)) calc(var(--cell) * 14 + var(--col)) calc(var(--cell) * 9 + var(--col)) 1fr auto}.board-to,.board-airline{display:flex}.board-labels .board-to,.board-labels .board-airline{display:block}}.routes{flex-direction:column-reverse;display:flex}.routes-stage{height:112vw;position:relative;overflow:hidden}.routes-canvas{cursor:grab;touch-action:pan-y}.routes-canvas[data-dragging]{cursor:grabbing}.routes-hint{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:16px}.routes-copy{padding-top:56px}.routes-scrim{display:none}@media (width>=900px){.routes{min-height:calc(100svh - 72px);display:block}.routes-stage{height:auto;position:absolute;inset:0}.routes-hint{bottom:28px;right:40px}.routes-scrim{background:linear-gradient(to right, var(--color-ink) 40%, transparent);pointer-events:none;display:block;position:absolute;inset:0 55% 0 0}.routes-copy{pointer-events:none;align-items:center;min-height:calc(100svh - 72px);padding-block:64px;display:flex}.routes-copy>*{pointer-events:auto}}.globe-tag{will-change:transform, opacity;width:0;height:0;transition:opacity .15s;position:absolute;top:0;left:0}.globe-tag>span{color:#ffffffb3;white-space:nowrap;background:#000d10bf;border:1px solid #ffffff26;padding:5px 8px;font-size:13px;font-weight:500;line-height:1;transition:background-color .3s,color .3s,border-color .3s;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.globe-tag[data-live]>span,.globe-tag[data-arriving]>span{color:var(--color-white);border-color:#fff9}.globe-tag[data-hub]>span{border-color:var(--color-white);background:var(--color-white);color:var(--color-ink);font-weight:700;bottom:14px}.globe-tag:not([data-live],[data-hub],[data-arriving]){display:none}@media (width<=639px){.globe-tag:not([data-hub],[data-arriving]){display:none}}
