:root{--hud-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}body{overflow:hidden;font-family:var(--hud-mono);-webkit-font-smoothing:antialiased}.hud-title{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));color:#c7d4e4;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity 3.5s ease}.hud-title h1{margin:0;font-size:15px;font-weight:500;letter-spacing:.34em;text-transform:uppercase}.hud-title p{margin:6px 0 0;font-size:11px;letter-spacing:.18em;color:#6d7d96}.hud-settled{opacity:.32}.hud-badge{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8fa1ba;-webkit-user-select:none;user-select:none}.hud-dot{width:7px;height:7px;border-radius:50%;background:#5a6a85}.hud-badge-live .hud-dot{background:#58e2a0;box-shadow:0 0 8px #58e2a088;animation:hud-pulse 3s ease-in-out infinite}.hud-badge-simulated .hud-dot{background:#e8bd6d;box-shadow:0 0 8px #e8bd6d66;animation:hud-pulse 3s ease-in-out infinite}.hud-badge-resting .hud-dot{background:#46536b}.hud-weather{position:fixed;top:calc(max(18px,env(safe-area-inset-top)) + 22px);right:max(20px,env(safe-area-inset-right));font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6d7f9a;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes hud-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.7}}.hud-intro{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 28px;pointer-events:none;-webkit-user-select:none;user-select:none;animation:hud-intro 13s ease forwards}.hud-intro p{max-width:30em;margin:0;text-align:center;font-size:14px;line-height:1.9;letter-spacing:.14em;color:#d8e2ef;text-shadow:0 1px 22px rgba(4,8,16,.9)}@keyframes hud-intro{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.hud-caption{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 34px);max-width:88vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9fb2cc;-webkit-user-select:none;user-select:none;pointer-events:none;animation:hud-caption 8s ease forwards}@keyframes hud-caption{0%{opacity:0;transform:translate(-50%,6px)}10%{opacity:.9;transform:translate(-50%)}80%{opacity:.9}to{opacity:0}}.hud-chase{position:fixed;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7f93b0;-webkit-user-select:none;user-select:none;pointer-events:none}.station-panel{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 30px);width:min(320px,calc(100vw - 44px));color:#c7d4e4;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease;border-left:2px solid rgba(143,161,186,.25);padding-left:13px}.station-panel-open{opacity:1;transform:translateY(0)}.station-panel-name{font-size:13px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 1px 16px rgba(4,8,16,.9)}.station-panel-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;vertical-align:1px;box-shadow:0 0 8px currentColor}.station-panel-sub{margin-top:5px;font-size:10.5px;letter-spacing:.14em;color:#7f93b0;text-shadow:0 1px 14px rgba(4,8,16,.85)}.station-panel-look{margin:11px 0 0;font-size:11.5px;line-height:1.7;letter-spacing:.04em;color:#c3d2e6;text-shadow:0 1px 16px rgba(4,8,16,.95)}.station-panel-art{margin-top:9px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7f93b0;text-shadow:0 1px 14px rgba(4,8,16,.85)}.station-panel-whisper{margin:11px 0 0;font-size:11.5px;line-height:1.7;letter-spacing:.04em;color:#aebfd6;text-shadow:0 1px 16px rgba(4,8,16,.95);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.station-panel-arrivals{list-style:none;margin:13px 0 0;padding:11px 0 0;border-top:1px solid rgba(143,161,186,.16)}.station-panel-arrivals li{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:11px;letter-spacing:.05em}.station-panel-arrivals li:first-child{margin-top:0}.station-panel-line{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 7px currentColor}.station-panel-dest{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7c6dc}.station-panel-eta{flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#dbe6f3}@media (max-width: 560px){.station-panel{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 58px);width:calc(100vw - 40px)}.station-panel-whisper{-webkit-line-clamp:3}.station-panel-look{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.hud-attrib{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.12em;color:#55637c;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none}.hud-debug{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));font-size:11px;letter-spacing:.1em;color:#6d7d96;-webkit-user-select:none;user-select:none}