:root{--color-bg: #000;--color-panel: rgba(255, 255, 255, .045);--color-panel-strong: rgba(255, 255, 255, .085);--color-line: rgba(255, 255, 255, .18);--color-line-bright: rgba(255, 255, 255, .36);--color-text: #f8f7f4;--color-muted: #9b9d9d;--color-red: #f04444;--color-red-dark: #a81019;--color-cyan: #39d9f4;--color-green: #72ef8d;--color-yellow: #ffd24b;--size-root: 600px;--safe-pad: 24px;--radius-card: 18px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}#root{display:grid;place-items:center}body{display:grid;min-width:600px;min-height:100vh;place-items:center;overflow:hidden;background:#000;color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.hud-shell{position:relative;display:flex;width:var(--size-root);height:var(--size-root);flex-direction:column;overflow:hidden;padding:var(--safe-pad);background:radial-gradient(circle at 72% 38%,rgba(57,217,244,.06),transparent 34%),linear-gradient(145deg,#050505,#000 64%);border:1px solid rgba(255,255,255,.08)}.hud-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(255,255,255,.017) 6px);content:""}.hud-header,.bottom-nav,.sniper-content,.list-screen,.route-detail,.settings-screen,.empty-panel{position:relative;z-index:1}.hud-header{display:grid;height:34px;grid-template-columns:82px 1fr 82px;align-items:center}.hud-title,.eyebrow,.nearest-label,.arrivals-column h2,.detail-arrivals h2,.direction-column span,.arrival-unit,.bottom-nav,.detail-footer small,.demo-badge,.live-dot{font-size:11px;font-weight:800;letter-spacing:.18em}.hud-title{color:#f1f1ed;text-align:center}.crosshair{position:relative;width:22px;height:22px;border:2px solid var(--color-red);border-radius:50%}.crosshair:before,.crosshair:after{position:absolute;background:var(--color-red);content:""}.crosshair:before{top:-5px;bottom:-5px;left:9px;width:2px}.crosshair:after{top:9px;right:-5px;left:-5px;height:2px}.demo-badge,.live-dot{position:absolute;z-index:2;top:65px;right:28px;color:var(--color-yellow)}.live-dot{color:var(--color-green)}.live-dot:before{color:inherit;content:"● "}.settings-gear{justify-self:end;color:var(--color-muted);font-size:22px;line-height:1}.sniper-content{flex:1}.hero-card{padding-top:14px}.route-pill{display:inline-flex;min-width:390px;height:92px;align-items:center;gap:16px;padding:12px 26px 12px 17px;border:1px solid rgba(255,132,132,.55);border-radius:48px;background:linear-gradient(135deg,var(--color-red),var(--color-red-dark));box-shadow:0 12px 32px #e62a343b}.route-pill--compact{min-width:310px;height:70px}.route-icon{position:relative;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;font-size:23px}.route-icon i{position:absolute;top:13px;width:9px;height:10px;border:1px solid rgba(255,255,255,.8)}.route-icon i:first-child{left:11px}.route-icon i:last-child{right:11px}.route-icon:before,.route-icon:after{position:absolute;bottom:7px;width:5px;height:5px;border-radius:50%;background:#fff;content:""}.route-icon:before{left:11px}.route-icon:after{right:11px}.route-pill--compact .route-icon{width:40px;height:40px}.route-pill--compact .route-icon i{top:10px}.route-pill--compact .route-icon i:first-child,.route-pill--compact .route-icon:before{left:8px}.route-pill--compact .route-icon i:last-child,.route-pill--compact .route-icon:after{right:8px}.route-number{font-size:51px;font-weight:900;letter-spacing:-.07em;line-height:.95}.route-pill--compact .route-number{font-size:42px}.route-name{max-width:120px;border-left:1px solid rgba(255,255,255,.5);padding-left:14px;font-size:16px;font-weight:800;line-height:1.05;text-transform:uppercase}.stop-label{margin-top:17px;font-size:20px;font-weight:750}.stop-label:first-letter{color:var(--color-red)}.nearest-label{margin-top:8px;color:var(--color-muted)}.nearest-label span{margin-left:8px;color:var(--color-cyan)}.sniper-middle{display:grid;grid-template-columns:1fr 160px;margin-top:20px;gap:20px}.arrivals-column h2,.detail-arrivals h2{margin:0 0 10px;color:var(--color-muted)}.arrival-list{display:flex;gap:9px}.arrival-chip{position:relative;display:flex;width:108px;height:88px;align-items:baseline;justify-content:center;padding-top:15px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-panel)}.arrival-chip--primary{border-color:#72ef8d80;background:#72ef8d12}.arrival-number{font-size:50px;font-weight:850;letter-spacing:-.08em;line-height:1}.arrival-unit{margin-left:4px;color:var(--color-muted);letter-spacing:.08em}.arrival-signal{position:absolute;top:8px;right:10px;color:var(--color-green);font-size:8px}.arrival-signal--scheduled{color:var(--color-yellow)}.destination{margin-top:10px;color:var(--color-muted);font-size:11px;font-weight:700;letter-spacing:.11em}.direction-column{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(57,217,244,.25);border-radius:var(--radius-card);background:#39d9f40b}.direction-column strong{color:var(--color-cyan);font-size:24px}.direction-column span{color:var(--color-cyan);letter-spacing:.08em}.direction-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column}.direction-column .direction-arrow__glyph{height:61px;color:var(--color-cyan);font-size:75px;font-weight:300;line-height:.68;text-shadow:0 0 24px rgba(57,217,244,.56);transform-origin:center}.direction-arrow__bearing{margin-bottom:4px;color:var(--color-cyan);font-size:12px;font-weight:900}.status-bar{display:flex;height:50px;align-items:center;gap:12px;padding:0 18px;border:1px solid;border-radius:var(--radius-card);font-size:19px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.status-bar--green{border-color:#72ef8d8c;background:#72ef8d1a;color:var(--color-green)}.status-bar--yellow{border-color:#ffd24b8c;background:#ffd24b1a;color:var(--color-yellow)}.status-bar--red{border-color:#f044448c;background:#f044441a;color:var(--color-red)}.status-icon{display:grid;width:29px;height:29px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:16px}.bottom-nav{display:grid;height:37px;grid-template-columns:1fr auto 1fr;align-items:end;color:var(--color-muted);font-size:10px;letter-spacing:.08em}.bottom-nav span:last-child{text-align:right}.bottom-nav__center{color:var(--color-text)}.screen-heading{margin:12px 0 14px}.screen-heading h1,.empty-panel h1{margin:4px 0 0;font-size:36px;letter-spacing:-.06em;line-height:1}.eyebrow{color:var(--color-red)}.list-screen,.settings-screen,.route-detail{min-height:0;flex:1}.scroll-list{display:flex;max-height:465px;gap:8px;flex-direction:column;overflow-y:auto;scrollbar-color:var(--color-red) transparent;scrollbar-width:thin}.stop-row{display:flex;min-height:76px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-panel)}.stop-row--selected{border-color:#39d9f4e6;background:#39d9f41a;box-shadow:inset 3px 0 0 var(--color-cyan)}.stop-row__pin{color:var(--color-cyan);font-size:21px}.stop-row__details{min-width:0;flex:1}.stop-row__name{overflow:hidden;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stop-row__meta{margin-top:5px;color:var(--color-muted);font-size:12px;letter-spacing:.04em}.stop-row__routes{margin-left:12px;color:var(--color-red);font-weight:800}.stop-row__arrival{display:flex;width:58px;align-items:baseline}.stop-row__arrival strong{font-size:31px;letter-spacing:-.08em}.stop-row__arrival span{margin-left:3px;color:var(--color-muted);font-size:9px;font-weight:800}.route-detail .screen-heading{display:flex;align-items:center;gap:16px}.detail-stop{display:flex;align-items:center;gap:13px;padding:11px 5px}.detail-stop>span{color:var(--color-cyan);font-size:26px}.detail-stop strong,.detail-stop small{display:block}.detail-stop strong{font-size:19px}.detail-stop small{margin-top:4px;color:var(--color-muted);font-size:14px}.timeline{display:flex;height:30px;align-items:center;padding:0 10px}.timeline-dot{width:13px;height:13px;border:2px solid var(--color-muted);border-radius:50%}.timeline-dot--active{border-color:var(--color-red);background:var(--color-red);box-shadow:0 0 14px #f04444cc}.timeline-line{width:87px;height:1px;background:var(--color-line-bright)}.detail-arrivals{margin-top:9px}.detail-footer{display:grid;margin-top:18px;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-line);border-radius:14px}.detail-footer>div{padding:13px;border-right:1px solid var(--color-line)}.detail-footer>div:last-child{border-right:0}.detail-footer small,.detail-footer strong{display:block}.detail-footer small{color:var(--color-muted);letter-spacing:.08em}.detail-footer strong{margin-top:5px;font-size:14px}.favorite-on strong{color:var(--color-yellow)}.empty-state,.empty-panel{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;text-align:center}.empty-state{height:365px}.empty-state__star{color:var(--color-yellow);font-size:73px;line-height:1}.empty-state h2{margin:11px 0 0;font-size:24px}.empty-state p,.empty-panel p{margin:10px 0 4px;color:var(--color-text);font-size:18px}.empty-state small{color:var(--color-muted)}.scan-line{width:108px;height:108px;margin-bottom:26px;border:1px solid var(--color-red);border-radius:50%;background:linear-gradient(35deg,transparent 49%,rgba(240,68,68,.8) 50%,transparent 51%);box-shadow:0 0 40px #f044442e}.debug-grid{display:grid;margin-top:18px;padding:16px;border:1px solid var(--color-line);border-radius:14px;grid-template-columns:1fr 1.25fr;gap:14px;background:var(--color-panel)}.debug-grid span{color:var(--color-muted);font-size:12px;font-weight:800;letter-spacing:.1em}.debug-grid strong{font-size:13px;text-align:right}.text-green{color:var(--color-green)}.text-yellow{color:var(--color-yellow)}.settings-actions{display:flex;gap:8px;flex-direction:column;margin-top:18px}.settings-row{display:flex;min-height:65px;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid var(--color-line);border-radius:14px;font-size:17px}.settings-row strong{color:var(--color-cyan);font-size:13px;letter-spacing:.06em}.settings-row--selected{border-color:var(--color-cyan);background:#39d9f41a}