:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,PingFang TC,Noto Sans TC,Microsoft JhengHei,Menlo,Consolas,monospace;background:#061219;color:#e8f2ed;--mint: #72f2d6;--orange: #ff7b47;--ink: #061219}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}canvas{position:fixed;inset:0;width:100%;height:100%}.hidden{display:none!important}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(17,65,91,.18),transparent 24%,transparent 76%,rgba(8,42,58,.14)),radial-gradient(circle,transparent 58%,rgba(9,45,61,.12) 135%)}.topbar{position:fixed;z-index:3;top:0;left:0;width:100%;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em}.brand span{color:var(--ink);background:var(--mint);padding:5px 7px;font-weight:800}.brand strong{font-weight:500}.pill{font-size:9px;letter-spacing:.12em;color:#9eb3b3;border:1px solid rgba(255,255,255,.15);padding:7px 10px}.pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d8887;margin-right:6px}.pill.connected i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.screen{position:fixed;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw;background:linear-gradient(90deg,rgba(2,11,16,.88) 0%,rgba(2,11,16,.48) 49%,transparent 78%)}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:.28em;font-weight:600;margin-bottom:16px}h1{font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(62px,9vw,142px);line-height:.76;letter-spacing:-.045em;margin:0;text-transform:uppercase}h1 em{color:transparent;-webkit-text-stroke:1.5px rgba(232,242,237,.72);font-style:italic}.screen>p{width:min(480px,85vw);margin:34px 0 24px;color:#afc1bf;font-size:12px;line-height:1.8}.flight-plan{width:min(630px,82vw);display:flex;align-items:center;gap:14px;font-family:Arial Narrow,Impact,sans-serif;letter-spacing:.08em;font-weight:700}.flight-plan i{height:1px;flex:1;background:repeating-linear-gradient(90deg,var(--mint) 0 4px,transparent 4px 8px)}.flight-plan small{color:var(--orange);font:9px ui-monospace,monospace;white-space:nowrap}.actions{display:flex;gap:10px;margin-top:38px}.menu-actions{width:min(760px,88vw);flex-wrap:wrap}button{color:#d7e5df;background:#081a21bd;border:1px solid rgba(255,255,255,.19);padding:15px 19px;font-size:10px;letter-spacing:.13em;cursor:pointer;transition:.18s ease}button:hover{border-color:var(--mint);color:var(--mint);transform:translateY(-1px)}button.primary{color:var(--ink);background:var(--mint);border-color:var(--mint);font-weight:700;min-width:190px;display:flex;justify-content:space-between}button.primary:hover{color:var(--ink);background:#a2ffe9}.disclaimer{position:absolute;bottom:28px;font-size:8px;color:#718584;letter-spacing:.12em}.best-summary{margin-top:14px;color:#6f8984;font-size:8px;letter-spacing:.11em}.hud{position:fixed;z-index:2;inset:0;pointer-events:none}.city-stage{position:absolute;left:28px;top:74px;display:flex;gap:8px;align-items:baseline;font-size:8px;color:#738b87;letter-spacing:.12em}.city-stage strong{color:var(--orange);font-size:10px}.mode-label{display:inline-flex;gap:5px;margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18)}.mode-label small{font-size:7px}.mode-label b{color:var(--mint);font-size:8px}.city-arrival{position:fixed;z-index:5;top:26%;left:50%;transform:translate(-50%);text-align:center;animation:city-in 2.2s both;pointer-events:none}.city-arrival small{display:block;color:var(--mint);font-size:8px;letter-spacing:.3em}.city-arrival strong{display:block;font:700 clamp(38px,6vw,82px) "Arial Narrow",Impact,sans-serif;letter-spacing:.05em}.metric{position:absolute;left:28px;top:112px;display:grid;grid-template-columns:auto auto;align-items:end}.metric label,.route-card label{grid-column:1/-1;color:#94aeaa;font-size:8px;letter-spacing:.2em;margin-bottom:2px}.metric strong{font:600 32px/1 Arial Narrow,Impact,sans-serif}.metric small{font-size:8px;color:var(--mint);margin-left:5px;margin-bottom:3px}.metric:nth-of-type(2){top:185px}.metric:nth-of-type(4){left:auto;right:28px;top:112px;text-align:right;display:block}.metric:nth-of-type(5){left:auto;right:28px;top:174px;text-align:right;display:block}.route-card{position:absolute;top:105px;left:50%;transform:translate(-50%);width:min(410px,42vw);padding:13px 15px 10px;background:#0412188c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-left:2px solid var(--mint);display:grid;grid-template-columns:1fr auto}.route-card strong{font:700 18px Arial Narrow,Impact,sans-serif;letter-spacing:.035em}.route-card>span{font:600 11px Arial Narrow,Impact,sans-serif;color:var(--mint);align-self:end}.progress{grid-column:1/-1;height:2px;background:#ffffff24;margin:10px 0 7px}.progress i{display:block;height:100%;background:var(--mint);box-shadow:0 0 9px var(--mint)}.route-meta{grid-column:1/-1;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#96aaa7}.auto{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);background:#ff612fe0;color:#fff;padding:8px 13px;display:grid;grid-template-columns:8px auto;gap:1px 8px;letter-spacing:.13em;font-size:10px}.auto i{width:7px;height:7px;background:#fff;border-radius:50%;margin-top:2px;animation:pulse 1s infinite}.auto small{grid-column:2;font-size:7px;opacity:.78}.route-warning{position:absolute;left:50%;bottom:54px;transform:translate(-50%);max-width:min(560px,78vw);padding:8px 12px;color:#f1d5a2;background:#1a140894;border:1px solid rgba(255,178,75,.32);font-size:8px;letter-spacing:.08em;text-align:center}.controls-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:7px;color:#728784;letter-spacing:.1em;white-space:nowrap}.diagnostics{position:absolute;right:28px;bottom:24px;color:#7c928e;font-size:7px;letter-spacing:.08em}.controls-hint span{color:#cee3dd;border:1px solid rgba(255,255,255,.15);padding:3px 5px;margin-left:9px}.reticle{position:fixed;z-index:1;left:50%;top:54%;width:64px;height:38px;transform:translate(-50%,-50%);pointer-events:none}.reticle i{position:absolute;top:19px;width:23px;border-top:1px solid rgba(199,255,241,.6)}.reticle i:first-child{left:0;transform:rotate(13deg)}.reticle i:nth-child(2){right:0;transform:rotate(-13deg)}.reticle b{position:absolute;width:4px;height:4px;border:1px solid var(--orange);left:30px;top:17px;transform:rotate(45deg)}.center-message{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font:700 30px Arial Narrow,Impact,sans-serif;letter-spacing:.12em;padding:24px 38px;background:#040f14d1;border-top:2px solid var(--orange)}.center-message small{font:8px ui-monospace,monospace;color:#9eb2ae}.pause-actions{display:flex;gap:8px;justify-content:center;margin-top:18px}.pause-actions button{font:8px ui-monospace,PingFang TC,monospace}.completion{align-items:center;text-align:center;background:#030d12ba}.completion .results{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:2px;width:min(900px,88vw);margin:38px 0 24px}.results div{background:#06191fe0;border:1px solid rgba(255,255,255,.1);padding:16px 20px;min-width:0}.results .score{border-color:#72f2d673}.results .score strong{color:var(--mint)}.results .rating strong{color:#ffd166;letter-spacing:.12em}.results .breakdown{padding-block:11px}.results .breakdown strong{font-size:20px}.results span{display:block;font-size:8px;color:#8ea6a1;letter-spacing:.16em}.results strong{font:700 28px Arial Narrow,Impact,sans-serif}.results strong small{font:8px ui-monospace,monospace;color:#8ea6a1}.modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#02090cdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{position:relative;width:min(680px,92vw);max-height:88vh;overflow:auto;background:#081c24;border:1px solid rgba(114,242,214,.3);padding:34px;box-shadow:0 20px 70px #0008}.panel h2{font:700 32px Arial Narrow,PingFang TC,Noto Sans TC,Impact,sans-serif;margin:0}.panel>p{font-size:10px;color:#91aaa5;white-space:normal;overflow-wrap:anywhere}.close{position:absolute;right:13px;top:13px;padding:6px 10px;font-size:18px}.axis-monitor{min-height:120px;background:#051318;margin:18px 0;padding:13px;font-size:8px}.axis-monitor>div{display:grid;grid-template-columns:26px 1fr 40px;align-items:center;gap:8px;margin:5px}.axis-monitor i{height:5px;background:linear-gradient(90deg,transparent 49.6%,#456 50%,transparent 50.4%);position:relative}.axis-monitor i b{position:absolute;height:100%;background:var(--orange)}.axis-monitor output{text-align:right}.axis-monitor p{color:#78908b;line-height:1.8;word-break:break-all}.axis-monitor .empty{display:grid;place-items:center;height:90px;color:#536965}.settings>label{display:grid;grid-template-columns:110px 50px 1fr;font-size:9px;align-items:center;gap:10px;margin:17px 0}input[type=range]{accent-color:var(--mint)}.map-row{display:grid;grid-template-columns:1fr 130px 120px;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding:10px 0;font-size:9px}.map-row input[type=number]{width:42px;background:#061219;color:#fff;border:1px solid #29414a;padding:5px}.map-row label{color:#8ea49f}.display-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.display-grid label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#8fa8a3;font-size:9px;letter-spacing:.1em;border:1px solid rgba(255,255,255,.08);padding:12px}.display-grid select,.display-grid input[type=range]{grid-column:1/-1;background:#051318;color:#d8e7e2;border:1px solid #2a474d;padding:8px}.display-grid .setting-help{grid-column:1/-1;color:#708b85;font-size:8px;line-height:1.55;letter-spacing:0}.display-grid .check{display:flex;align-items:center}.note{color:#839994;font-size:9px;line-height:1.7}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;background:#ffffff14}.instruction-grid div{display:grid;gap:5px;background:#071820;padding:14px;font-size:9px}.instruction-grid b{color:var(--mint)}.instruction-grid span{color:#8ca29e}.stereo-hud{position:fixed;z-index:4;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.stereo-hud .eye{align-self:start;margin:7vh 5vw 0;padding:8px 10px;border-left:2px solid var(--mint);background:#030f1494;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:7px;color:#a6bab6}.stereo-hud .eye b{color:#edf7f2;font:700 12px Arial Narrow,PingFang TC,Noto Sans TC,Impact,sans-serif;text-align:center;overflow-wrap:anywhere}.stereo-hud .eye span small{display:block;margin-top:2px;color:var(--mint);font-size:6px}html[data-display-mode=goggles] .hud,html[data-display-mode=goggles] .topbar,html[data-display-mode=goggles] .reticle{display:none}html[data-display-mode=goggles] .screen{padding-left:6vw}html[data-quality=low] .vignette{-webkit-backdrop-filter:none;backdrop-filter:none}button:focus,select:focus,input:focus{outline:2px solid var(--orange);outline-offset:3px}.benchmark .screen,.benchmark .hud,.benchmark .topbar,.benchmark .reticle,.benchmark .vignette,.benchmark .stereo-hud{display:none!important}.benchmark-panel{position:fixed;z-index:20;inset:auto 18px 18px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.benchmark-panel>div{display:grid;gap:3px;padding:10px 13px;background:#030f14c2;border-left:2px solid var(--mint);text-shadow:0 1px 2px #000}.benchmark-panel small{color:#8aa6a0;font-size:7px;letter-spacing:.15em}.benchmark-panel strong{font:700 18px Arial Narrow,Impact,sans-serif}.benchmark-panel span{color:var(--mint);font-size:8px}.benchmark-panel button{pointer-events:auto}.playtest-capture{position:fixed;z-index:30;right:18px;bottom:18px;opacity:.72}.visual-review #start,.visual-review #completion{display:none!important}@keyframes pulse{50%{opacity:.2;transform:scale(.7)}}@keyframes city-in{0%,to{opacity:0;transform:translate(-50%,12px)}18%,75%{opacity:1;transform:translate(-50%)}}@media(max-width:700px){.screen{padding:8vw}.route-card{width:58vw;top:88px}.metric{top:auto!important;bottom:74px}.metric:nth-of-type(2){left:105px}.metric:nth-of-type(4),.metric:nth-of-type(5){display:none}.controls-hint{display:none}.map-row{grid-template-columns:1fr 100px 90px}.display-grid{grid-template-columns:1fr}.stereo-hud .eye{margin-inline:2vw;gap:5px}.stereo-hud .eye b{font-size:10px}.completion{overflow:auto;justify-content:flex-start;padding-top:80px}.completion .results{grid-template-columns:repeat(2,minmax(110px,1fr))}.completion h1{font-size:clamp(42px,13vw,72px)}}