:root{--bg-main: #0a0a1a;--bg-surface: #10162a;--border-color: rgba(255, 255, 255, .16);--text-main: #ffffff;--clock-accent: #4a9eff;--countdown-accent: #00d084;--header-accent: #ffd700;--tab-accent: #9d4edd;--tab-height: 4.25rem;--board-visible-rows: 6;--numeric-font: "SF Mono", "JetBrains Mono", "Roboto Mono", "Noto Sans Mono", "Menlo", "Consolas", monospace;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;border-radius:0}html,body{margin:0;padding:0;height:100vh;overflow:hidden;background:radial-gradient(circle at top right,rgba(74,158,255,.16),transparent 28%),linear-gradient(180deg,#04050d 0%,var(--bg-main) 45%,#05070f 100%);color:var(--text-main);font-family:LINE Seed JP,Noto Sans JP,sans-serif;min-height:100vh}html{background-color:var(--bg-main)}.destination-tabs{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:row;min-height:calc(var(--tab-height) + var(--safe-area-top));background:#0a0a1af5;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.tab{flex:1;background:transparent;border:none;color:var(--text-main);cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:700;padding:1rem 1.25rem;transition:background-color .2s ease,color .2s ease}.tab:hover{background:#9d4edd29}.tab.active{background:var(--tab-accent);color:#fff}.app-layout{display:flex;flex-direction:column;position:relative;height:100vh;overflow:hidden;padding-top:calc(var(--tab-height) + var(--safe-area-top));padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom)}.destination-header{color:var(--header-accent);font-size:clamp(2.2rem,4.1vw,4rem);font-weight:700;letter-spacing:.08em;line-height:1;padding:0;text-transform:none;display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"destination countdown clock";align-items:stretch;gap:1rem;padding:1rem 1.5rem}.main-content>.destination-header{grid-area:destination}.main-content>.next-countdown{grid-area:countdown}.main-content>.clock{grid-area:clock}.clock{display:flex;align-items:center;justify-content:flex-end;color:var(--clock-accent);font-size:1.15rem;letter-spacing:.05em;gap:.75rem;text-align:right;min-width:0;white-space:nowrap;overflow:hidden}.clock .icon{width:clamp(2.8rem,4.8vw,4.6rem);height:clamp(2.8rem,4.8vw,4.6rem);flex:0 0 auto}.clock-content{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;min-width:0;overflow:hidden}.clock-date{font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.1;font-family:var(--numeric-font);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-time{font-size:clamp(2.2rem,4.1vw,4rem);font-weight:700;line-height:.95;letter-spacing:.08em;min-width:8.6ch;font-family:var(--numeric-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.day-type-badge{width:fit-content;border:1px solid currentColor;color:var(--clock-accent);font-size:clamp(.95rem,1.35vw,1.15rem);font-weight:700;letter-spacing:.04em;padding:.25rem .6rem;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.next-countdown{color:var(--countdown-accent);text-align:center;display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,3.1vw,3.2rem);font-weight:700;line-height:1.05;min-width:0;font-family:var(--numeric-font);white-space:nowrap;overflow:hidden;text-overflow:clip}.board-display{flex:1;width:100%;overflow:hidden;padding:0 1.5rem 1.5rem}.board-display .board-rows{opacity:0}.board-display.board-display--visible .board-rows{opacity:1;transition:opacity .3s ease-in-out}.board-rows{display:grid;grid-template-rows:repeat(var(--board-visible-rows),minmax(0,1fr));height:100%;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border-color)}.board-row{display:grid;grid-template-columns:2.25rem minmax(8.5rem,10rem) minmax(0,1fr) minmax(10.5rem,12.5rem);align-items:center;min-height:0;column-gap:2.1rem;row-gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:max(1.85rem,2.9vh);overflow:hidden}.board-row:last-child{border-bottom:none}.scheduled-time,.destination-text,.route-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-time{font-family:var(--numeric-font);letter-spacing:.05em;font-variant-numeric:tabular-nums}.destination-text{justify-self:stretch;width:100%;min-width:0;max-width:100%;text-align:left;padding-left:.25rem}.route-label{justify-self:stretch;width:100%;min-width:0;text-align:right;font-family:var(--numeric-font);font-variant-numeric:tabular-nums;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.12)}.row--departed{opacity:.4}.row--soon{background:#ffa50038;color:#fff}.row--critical{color:#f44}.row--next{background:#ffffff14;border-left:3px solid #ffffff;padding-left:calc(1rem - 3px)}.board-row--preview{color:#ffffffd1;background:#ffffff0a;opacity:.2}.board-row--placeholder{color:transparent}.board-row__icon{display:flex;align-items:center;justify-content:center}.countdown--soon{color:orange}.countdown--urgent{color:#f44}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.board-row.fade-in{animation:fade-in .3s ease-in-out}.board-cell-text{display:block;width:100%}.scheduled-time.fade-in,.destination-text.fade-in,.route-label.fade-in{animation:fade-in .22s ease-in-out}.icon{width:1.2em;height:1.2em;vertical-align:middle}.icon--large{width:3em;height:3em}.maintenance-overlay{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;cursor:pointer}.maintenance-text{font-size:3rem;color:#fff}.error-detail{background:#111;padding:1rem;max-width:80%;overflow:auto;font-size:.8em}.service-ended-overlay{position:absolute;inset:var(--tab-height) 0 0;display:flex;align-items:center;justify-content:center;background:#05070f66;z-index:90;pointer-events:none}.service-ended-overlay[hidden]{display:none}.service-ended-overlay__text{margin:0;color:#fff;font-size:clamp(2.8rem,7vw,5.8rem);font-weight:700;letter-spacing:.08em;text-align:center;text-shadow:0 0 24px rgba(255,255,255,.18);white-space:nowrap;max-width:calc(100vw - 2rem)}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05070f6b;backdrop-filter:blur(2px);z-index:80;pointer-events:none;transition:opacity .18s ease}.loading-overlay[hidden]{opacity:0;display:none}.loading-overlay__inner{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.2rem;background:#0a0a1ab8;border:1px solid rgba(255,255,255,.14)}.loading-overlay__spinner{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:loading-spin .9s linear infinite}.loading-overlay__text{margin:0;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.06em}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.board-row{grid-template-columns:1.85rem minmax(6.8rem,7.8rem) minmax(0,1fr) minmax(7.4rem,8.8rem);column-gap:.9rem;padding-inline:.75rem;font-size:clamp(1.08rem,1.7vw,1.35rem)}.destination-text{font-size:.8em;letter-spacing:-.02em}.route-label{font-size:.88em;padding-left:.5rem}}@media (max-width: 720px){:root{--tab-height: 7.5rem}.destination-tabs{flex-wrap:wrap}.tab{flex:1 1 50%}.destination-header{font-size:clamp(1.9rem,6.8vw,2.8rem)}.main-content{grid-template-columns:1fr;grid-template-areas:"destination" "countdown" "clock";padding:.75rem 1rem 1rem}.next-countdown{font-size:clamp(1.5rem,5.8vw,2.5rem);justify-content:flex-start}.clock{font-size:.9rem;justify-content:flex-start;text-align:left}.clock-content{align-items:flex-start}.clock-time{font-size:clamp(1.9rem,7.5vw,2.8rem)}.service-ended-overlay{padding-inline:1rem}.service-ended-overlay__text{font-size:clamp(1.55rem,5.4vw,2.4rem);letter-spacing:.04em;max-width:calc(100vw - 2rem)}.board-row{grid-template-columns:1.75rem minmax(7rem,8rem) minmax(0,1fr) minmax(8.75rem,10rem);column-gap:1.3rem;row-gap:.5rem;padding-inline:.75rem;font-size:max(1.5rem,2.5vh)}}