@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(./chakra-petch-latin-400-normal-SafcrIr2.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(./chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Syncopate;font-style:normal;font-display:swap;font-weight:400;src:url(./syncopate-latin-400-normal-CEZEV0IP.woff2) format("woff2")}@font-face{font-family:Syncopate;font-style:normal;font-display:swap;font-weight:700;src:url(./syncopate-latin-700-normal-D6Fv_luC.woff2) format("woff2")}:root{--bg: #05070c;--paper: #e7f2f4;--muted: rgba(224, 237, 240, .52);--dim: rgba(224, 237, 240, .28);--line: rgba(202, 228, 235, .2);--cyan: #5feaff;--pink: #ff3d9a;--amber: #ffbd63;--font-display: "Chakra Petch", "Microsoft YaHei", sans-serif;--font-brand: "Syncopate", "Chakra Petch", sans-serif;--font-cn: "Microsoft YaHei", "Noto Sans SC", "PingFang SC", sans-serif;--font-mono: "Cascadia Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg);color:var(--paper);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit}#app{position:fixed;inset:0;background:#05070c}#app canvas{display:block;width:100%;height:100%}.grade{position:fixed;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#0000 34%,#0102063d 66%,#000104b3),linear-gradient(180deg,#0102076b,#0000 18% 76%,#01020573)}.grain{position:fixed;inset:-40px;z-index:7;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");animation:grainShift .9s steps(3) infinite;mix-blend-mode:soft-light}@keyframes grainShift{0%{transform:translateZ(0)}33%{transform:translate3d(-12px,9px,0)}66%{transform:translate3d(8px,-13px,0)}to{transform:translateZ(0)}}.edge-bars:before,.edge-bars:after{content:"";position:fixed;left:0;right:0;height:clamp(8px,1.6vh,20px);z-index:8;pointer-events:none;background:#030409}.edge-bars:before{top:0}.edge-bars:after{bottom:0}.hud{position:fixed;inset:0;z-index:20;padding:clamp(26px,3.4vw,58px) clamp(22px,3.7vw,64px) clamp(24px,3.2vw,56px);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity 1.8s ease .35s,transform 1.8s cubic-bezier(.2,.7,.2,1) .35s;text-shadow:0 1px 12px rgba(0,0,0,.6)}.hud.is-visible{opacity:1;transform:translateY(0)}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:28px;height:56px}.brand{display:flex;align-items:stretch;gap:14px}.brand-glyph{width:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(95,234,255,.45);color:var(--cyan);font-family:var(--font-cn);font-size:12px;line-height:1.08;letter-spacing:0;box-shadow:inset 0 0 12px #5feaff14,0 0 20px #5feaff0f;position:relative}.brand-glyph:after{content:"";position:absolute;right:-1px;top:9px;width:4px;height:4px;background:var(--pink);box-shadow:0 0 9px var(--pink)}.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:6px}.brand-copy strong{font-family:var(--font-brand);font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:.22em;color:#f4fcfff5}.brand-copy small{font-family:var(--font-display);font-weight:500;font-size:8px;letter-spacing:.3em;color:var(--dim)}.status-cluster{display:flex;align-items:center;gap:11px;padding-top:13px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);animation:statusPulse 2.4s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.28}}.hairline{display:block;width:26px;height:1px;background:var(--line)}.micro{font-family:var(--font-display);font-weight:500;font-size:9px;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.conditions{display:flex;justify-content:flex-end;gap:clamp(18px,2.6vw,42px);padding-top:6px}.condition{display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:66px}.condition strong{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;font-weight:500;color:#edf8fad1}.condition .signal{color:var(--cyan)}.hud-edge{position:absolute;top:50%;display:flex;flex-direction:column;gap:14px;color:var(--dim)}.hud-edge-left{left:18px;transform:translateY(-50%);align-items:center}.hud-edge-right{right:17px;transform:translateY(-50%);align-items:center;writing-mode:vertical-rl}.edge-label,.edge-value,.edge-vertical{font-family:var(--font-mono);font-size:8px;letter-spacing:.22em;color:var(--dim)}.edge-value{writing-mode:horizontal-tb;display:flex;gap:5px;align-items:baseline}.edge-value b{color:#e0f4f8bd;font-size:11px;font-weight:500;letter-spacing:.08em}.altimeter{display:flex;flex-direction:column;gap:7px;align-items:center;height:122px;justify-content:space-between}.altimeter i{display:block;width:1px;height:6px;background:#b7e0e93d}.altimeter i:nth-child(4n+1){width:9px;height:1px;background:#b7e0e973}.altimeter i:nth-child(5){width:15px;background:var(--pink);box-shadow:0 0 6px var(--pink)}.hud-bottom{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,.92fr) auto;align-items:end;gap:clamp(24px,4vw,80px)}.district-panel{padding-bottom:3px}.sector-line{display:flex;align-items:center;gap:9px;color:var(--cyan);margin-bottom:13px}.sector-line span{color:#daf3f89e}.sector-line .hairline{width:34px;margin:0 2px}#district-code{color:var(--dim)!important}.district-panel h1{margin:0 0 10px -.055em;font-family:var(--font-cn);font-size:clamp(42px,5.3vw,78px);font-weight:600;letter-spacing:.06em;line-height:.98;color:#f7fdfff5;text-shadow:0 0 35px rgba(124,226,244,.16)}.district-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-family:var(--font-display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#daeef2a8}.district-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--pink);box-shadow:0 0 7px var(--pink)}#district-tagline{font-family:var(--font-cn);letter-spacing:.08em;text-transform:none;color:#daeef266;font-size:10px}.ride-strip{width:100%;max-width:520px;justify-self:center;padding-bottom:4px}.ride-data{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:9px;letter-spacing:.17em;color:#e3f4f885;text-transform:uppercase}.ride-data b{color:var(--paper);font-weight:600}.ride-data.lower{margin-top:9px}.ride-data.lower .micro{font-size:8px;letter-spacing:.16em;color:var(--dim)}.route-track{height:1px;margin:12px 0 0;background:#b9dde638;position:relative}.route-fill{position:absolute;left:0;top:-1px;height:3px;width:0%;background:linear-gradient(90deg,rgba(95,234,255,.1),var(--cyan));box-shadow:0 0 12px #5feaff99}.route-marker{position:absolute;top:-4px;left:0%;width:9px;height:9px;border:1px solid var(--paper);background:#060a0ecc;transform:translate(-50%) rotate(45deg);box-shadow:0 0 0 4px #5feaff0a,0 0 14px #5feaff59}.route-tick{position:absolute;top:-2px;width:1px;height:5px;background:#c2e3ea47}.route-tick.t1{left:12.5%}.route-tick.t2{left:25%}.route-tick.t3{left:37.5%}.route-tick.t4{left:50%}.route-tick.t5{left:62.5%}.route-tick.t6{left:75%}.route-tick.t7{left:87.5%}.route-tick.t8{left:99%}.utility-panel{display:flex;align-items:stretch;gap:8px;padding-bottom:2px;pointer-events:auto}.utility{appearance:none;border:1px solid rgba(173,216,226,.22);background:#080d134d;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);min-height:39px;padding:7px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);transition:border-color .25s ease,background .25s ease,color .25s ease;color:#e1f2f5c2}.utility:hover{border-color:#5feaffa6;background:#0c171da8;color:var(--paper)}.utility>span:not([class]){display:flex;flex-direction:column;gap:2px;align-items:flex-start}.utility b{font-family:var(--font-display);font-size:8px;letter-spacing:.18em;font-weight:600;color:#ecf8fae0}.utility em{font-family:var(--font-mono);font-style:normal;font-size:8px;letter-spacing:.08em;color:var(--dim)}.utility.icon-only{width:39px;padding:0;justify-content:center}.sound-icon{display:flex;gap:2px;align-items:flex-end;width:13px;height:13px}.sound-icon:before,.sound-icon:after,.sound-icon{background:transparent}.sound-icon:before,.sound-icon:after{content:"";width:2px;height:5px;background:var(--cyan);opacity:.55}.sound-icon:after{height:9px}.sound-icon{border-left:2px solid var(--cyan);border-right:2px solid var(--cyan);box-shadow:inset 5px 0 0 -3px var(--cyan)}.utility[aria-pressed=true] .sound-icon:before{animation:soundBar .8s ease-in-out infinite alternate}.utility[aria-pressed=true] .sound-icon:after{animation:soundBar .55s ease-in-out .15s infinite alternate}@keyframes soundBar{0%{transform:scaleY(.4);opacity:.4}to{transform:scaleY(1.2);opacity:1}}.reroll-icon{width:12px;height:12px;border:1px solid var(--cyan);border-left-color:transparent;border-radius:50%;position:relative;opacity:.85}.reroll-icon:after{content:"";position:absolute;top:-2px;left:-2px;width:4px;height:4px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);transform:rotate(-15deg)}.toast{position:fixed;left:50%;bottom:13%;transform:translate(-50%,10px);z-index:50;padding:10px 16px;border:1px solid rgba(95,234,255,.32);background:#050a0fd1;color:#e5f6f9e6;font-family:var(--font-display);font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;backdrop-filter:blur(8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(255,61,154,.09),transparent 32%),radial-gradient(circle at 32% 63%,rgba(95,234,255,.07),transparent 30%),linear-gradient(135deg,#04050a,#070913 55%,#05060b);transition:opacity 1.35s ease .25s,visibility 0s linear 1.6s}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader:before,.loader:after{content:"";position:absolute;top:0;bottom:0;width:1px;opacity:.32}.loader:before{left:22%;background:linear-gradient(transparent,rgba(95,234,255,.55),transparent)}.loader:after{right:18%;background:linear-gradient(transparent,rgba(255,61,154,.5),transparent)}.loader-neon{position:absolute;width:min(72vw,860px);height:1px;background:linear-gradient(90deg,transparent,rgba(95,234,255,.35),rgba(255,61,154,.6),transparent);top:50%;transform:translateY(124px);filter:blur(.3px);box-shadow:0 0 40px #ff3d9a2e}.loader-inner{width:min(72vw,860px);position:relative;z-index:1}.loader-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--muted);margin-bottom:clamp(24px,4vh,48px)}.loader-title{display:flex;align-items:flex-end;gap:clamp(14px,2vw,26px);margin-bottom:24px}.loader-title .cn{font-family:var(--font-cn);font-size:clamp(54px,8.4vw,122px);font-weight:600;line-height:.86;letter-spacing:.06em;color:#f2fbff;text-shadow:0 0 26px rgba(95,234,255,.28),0 0 70px rgba(255,61,154,.14)}.loader-title .en{font-family:var(--font-brand);font-size:clamp(18px,2.8vw,40px);font-weight:700;line-height:1;letter-spacing:.18em;color:var(--cyan);transform:translateY(-.22em);text-shadow:0 0 22px rgba(95,234,255,.32)}.loader-copy{margin:0 0 clamp(44px,7vh,88px);font-family:var(--font-cn);font-size:clamp(13px,1.1vw,15px);letter-spacing:.18em;color:#dceef18a}.loader-progress{width:100%}.loader-bar{width:100%;height:1px;background:#b7dce62e;position:relative}.loader-bar span{display:block;height:1px;width:0%;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 14px #5feaff99;transition:width .3s ease}.loader-readout{display:flex;justify-content:space-between;align-items:baseline;padding-top:11px;font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.loader-readout b{font-family:var(--font-mono);font-weight:400;color:var(--paper);font-size:14px;letter-spacing:.06em}.loader-readout small{font-size:8px;color:var(--dim);margin-left:2px}.loader-stats{display:flex;gap:clamp(18px,3vw,42px);margin-top:clamp(28px,4vh,46px);font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.loader-stats b{color:#e5f4f8b8;font-weight:500}.loader-note{margin-top:12px;font-family:var(--font-cn);font-size:9px;letter-spacing:.2em;color:#b5d2da4d}@media(max-width:980px){.hud-top{grid-template-columns:1fr auto}.status-cluster{display:none}.hud-bottom{grid-template-columns:1fr auto;gap:20px}.ride-strip{grid-column:1 / -1;grid-row:2;justify-self:stretch;max-width:none;margin-top:4px}.district-panel{grid-column:1;grid-row:1}.utility-panel{grid-column:2;grid-row:1}}@media(max-width:680px){.hud{padding:24px 18px 30px}.conditions .condition:nth-child(2),.conditions .condition:nth-child(3){display:none}.brand-copy small,.hud-edge{display:none}.district-panel h1{font-size:clamp(36px,11vw,52px)}.district-meta,.utility-panel .seed-button{display:none}.utility{padding:6px 9px}.ride-data.lower .micro:last-child{display:none}.loader-inner{width:84vw}.loader-title{flex-direction:column;align-items:flex-start;gap:4px}.loader-title .en{transform:none}.loader-stats span:nth-child(3){display:none}.loader-copy{margin-bottom:54px}}@media(prefers-reduced-motion:reduce){.grain,.status-dot,.utility[aria-pressed=true] .sound-icon:before,.utility[aria-pressed=true] .sound-icon:after{animation:none}}