: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,.route-map-screen,.sf-overview-screen,.settings-screen,.empty-panel{position:relative;z-index:1}.hud-header{display:grid;height:34px;grid-template-columns:132px 1fr 132px;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}.hud-brand{display:flex;min-width:0;align-items:center;gap:10px}.crosshair{position:relative;flex:0 0 auto;width:22px;height:22px;border:2px solid var(--color-red);border-radius:50%}.obstinate-logo{width:74px;height:auto;opacity:.76;filter:grayscale(1) brightness(1.22) contrast(1.08)}.crosshair:before,.crosshair:after{position:absolute;background:var(--color-red);content:""}.crosshair:before{top:-5px;bottom:-5px;left:50%;width:2px;transform:translate(-50%)}.crosshair:after{top:50%;right:-5px;left:-5px;height:2px;transform:translateY(-50%)}.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-pill--rail{border-color:#39d9f4b8;background:linear-gradient(135deg,#08718b,#043746);box-shadow:0 12px 32px #39d9f433}.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}.route-name small{display:block;margin-top:5px;color:#ffffffad;font-size:8px;letter-spacing:.14em}.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)}.nearest-label .target-lock-badge{color:var(--color-yellow)}.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;overflow:hidden;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-number--compact{font-size:44px;letter-spacing:-.1em}.arrival-number--tiny{font-size:35px}.arrival-unit{margin-left:3px;color:var(--color-muted);font-size:10px;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--arrived{border-color:#72ef8d8c;background:#72ef8d14}.direction-column strong{color:var(--color-cyan);font-size:24px}.direction-column span{color:var(--color-cyan);letter-spacing:.08em}.direction-column--arrived strong,.direction-column--arrived span{color:var(--color-green)}.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-column .direction-arrow--arrived .direction-arrow__glyph{color:var(--color-green);font-size:54px;line-height:.9;text-shadow:0 0 24px rgba(114,239,141,.5)}.direction-arrow__bearing{margin-bottom:4px;color:var(--color-cyan);font-size:12px;font-weight:900}.direction-arrow--arrived .direction-arrow__bearing{color:var(--color-green)}.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}.status-label{min-width:0}.status-freshness{margin-left:auto;color:currentColor;font-size:10px;font-weight:900;letter-spacing:.09em;opacity:.72;white-space:nowrap}.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,.route-map-screen,.sf-overview-screen{min-height:0;flex:1}.list-screen{display:flex;overflow:hidden;flex-direction:column}.scroll-list{display:flex;min-height:0;gap:8px;flex:1;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--rail{border-color:#39d9f45c;box-shadow:inset 3px 0 #39d9f48c}.stop-row--rail.stop-row--selected{border-color:#39d9f4f2}.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{overflow:hidden;margin-top:5px;color:var(--color-muted);font-size:12px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.stop-row__routes{margin-left:12px;color:var(--color-red);font-weight:800}.stop-row__platforms{margin-left:8px;color:var(--color-cyan);font-size:9px;font-weight:850;letter-spacing:.08em}.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-guide{display:flex;height:70px;align-items:center;gap:13px;padding:9px 16px;border:1px solid rgba(57,217,244,.35);border-radius:14px;background:#39d9f40f}.detail-guide--arrived{border-color:#72ef8d80;background:#72ef8d14}.detail-guide .direction-arrow{width:52px}.detail-guide .direction-arrow__glyph{height:37px;color:var(--color-cyan);font-size:49px;font-weight:300;line-height:.68;text-shadow:0 0 18px rgba(57,217,244,.56);transform-origin:center}.detail-guide .direction-arrow--arrived .direction-arrow__glyph{color:var(--color-green);font-size:35px;line-height:.9;text-shadow:0 0 18px rgba(114,239,141,.48)}.detail-guide small,.detail-guide strong,.detail-guide span{display:block}.detail-guide small{color:var(--color-cyan);font-size:10px;font-weight:850;letter-spacing:.16em}.detail-guide strong{margin-top:1px;color:var(--color-cyan);font-size:22px;line-height:1}.detail-guide span{margin-top:2px;color:var(--color-muted);font-size:12px}.detail-guide--arrived small,.detail-guide--arrived strong,.detail-guide--arrived span{color:var(--color-green)}.detail-arrivals{margin-top:11px}.detail-footer{display:grid;margin-top:12px;grid-template-columns:2fr 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{overflow:hidden;margin-top:5px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.favorite-on strong{color:var(--color-yellow)}.route-map-screen{display:flex;min-height:0;flex:1;flex-direction:column}.route-map-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:11px 0 7px}.route-map-heading h1{margin:2px 0 0;font-size:32px;letter-spacing:-.06em;line-height:1}.route-map-heading__count{color:var(--color-cyan);font-size:20px;font-weight:900;letter-spacing:.04em}.route-map-direction{display:flex;min-height:24px;align-items:baseline;gap:9px;overflow:hidden}.route-map-direction span,.route-map-meta span{color:var(--color-muted);font-size:10px;font-weight:850;letter-spacing:.12em}.route-map-direction strong{overflow:hidden;color:var(--color-cyan);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.route-map-frame{min-height:0;flex:1;border:1px solid rgba(57,217,244,.24);border-radius:16px;background:linear-gradient(rgba(57,217,244,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(57,217,244,.045) 1px,transparent 1px),#39d9f406;background-size:32px 32px}.schematic-map{width:100%;height:100%}.schematic-map__line-glow,.schematic-map__line{fill:none;stroke-linecap:round;stroke-linejoin:round}.schematic-map--rail .schematic-map__line-glow{stroke:#39d9f452}.schematic-map--rail .schematic-map__line{stroke:var(--color-cyan)}.schematic-map__line-glow{stroke:#f0444447;stroke-width:11px}.schematic-map__line{stroke:var(--color-red);stroke-width:4px}.schematic-map__stop{fill:#0b0b0b;stroke:#f8f7f4;stroke-width:2px}.schematic-map__stop--selected{fill:var(--color-yellow);stroke:var(--color-yellow);stroke-width:3px}.schematic-map__label-tick{stroke:#f8f7f461;stroke-width:1px}.schematic-map__label{fill:#f8f7f4;font-size:9px;font-weight:800;letter-spacing:.035em;paint-order:stroke;stroke:#000000eb;stroke-linejoin:round;stroke-width:3px}.schematic-map__label--selected{fill:var(--color-yellow)}.schematic-map__user-ring{fill:#39d9f424;stroke:var(--color-cyan);stroke-width:2px}.schematic-map__user{fill:var(--color-cyan)}.route-map-meta{display:grid;min-height:53px;grid-template-columns:auto auto 1fr;align-items:center;gap:14px}.route-map-meta span{display:flex;align-items:center;gap:6px}.route-map-meta strong{overflow:hidden;color:var(--color-text);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.route-map-key{display:inline-block;width:10px;height:10px;border-radius:50%}.route-map-key--stop{background:var(--color-yellow)}.route-map-key--user{border:2px solid var(--color-cyan)}.route-map-empty{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;border:1px solid rgba(57,217,244,.24);border-radius:16px;background:#39d9f406}.route-map-empty strong{color:var(--color-cyan);font-size:20px}.route-map-empty span{margin-top:7px;color:var(--color-muted);font-size:13px}.sf-overview-screen{display:flex;min-height:0;flex:1;flex-direction:column}.sf-overview-heading__count{color:var(--color-cyan);font-size:14px;font-weight:900;letter-spacing:.1em}.sf-overview-frame{position:relative;min-height:0;flex:1;overflow:hidden;border:1px solid rgba(57,217,244,.28);border-radius:16px;background:radial-gradient(circle at 82% 38%,rgba(57,217,244,.09),transparent 28%),#39d9f406}.sf-overview-map{width:100%;height:100%}.sf-overview-map__land{fill:#ffffff09;stroke:#f8f7f461;stroke-width:1.2px}.sf-overview-map__corridor{fill:none;stroke:#f8f7f426;stroke-dasharray:3 4;stroke-width:1px}.sf-overview-map__corridor-label,.sf-overview-map__landmark-label{fill:#f8f7f48a;font-size:7px;font-weight:850;letter-spacing:.08em;paint-order:stroke;stroke:#000000e0;stroke-width:2px}.sf-overview-map__landmark{fill:#f8f7f4b3}.sf-overview-map__route{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.sf-overview-map__route--0,.sf-overview-key--0{stroke:#f04444;background:#f04444}.sf-overview-map__route--1,.sf-overview-key--1{stroke:#39d9f4;background:#39d9f4}.sf-overview-map__route--2,.sf-overview-key--2{stroke:#ffd24b;background:#ffd24b}.sf-overview-map__route--3,.sf-overview-key--3{stroke:#72ef8d;background:#72ef8d}.sf-overview-map__user-ring{fill:#39d9f424;stroke:#fff;stroke-width:2px}.sf-overview-map__user{fill:var(--color-cyan)}.sf-overview-loading{position:absolute;top:50%;left:50%;color:var(--color-cyan);font-size:13px;font-weight:900;letter-spacing:.12em;transform:translate(-50%,-50%)}.sf-overview-legend{display:flex;min-height:51px;align-items:center;gap:14px;overflow:hidden}.sf-overview-legend span{display:flex;align-items:center;gap:5px;color:var(--color-muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sf-overview-legend strong{color:var(--color-text);font-size:15px}.sf-overview-key{display:inline-block;width:9px;height:9px;border-radius:50%}.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}