:root{--green:#b2ce43;--ink:#e8ece6;--muted:#a9b5b0;--panel:#0f1716e6;--line:#dbeae02b;--orange:#ffb677;--red:#ff837b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);font-family:Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#101715;width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button,select,summary{touch-action:manipulation}button,select{border:1px solid var(--line);color:var(--ink);background:#192521;border-radius:6px;padding:9px 12px;font-size:12px}button,summary{cursor:pointer}button:hover,select:hover{background:#28372f}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud details,#hud button,#notch{pointer-events:auto}.line-roundel{border:3px solid var(--green);color:#f1f6e5;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}#journey{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 540px);padding:12px 16px;display:flex;position:absolute;top:18px;left:18px}#journey>div{gap:3px;display:grid}#journey small{color:var(--green);letter-spacing:.13em;font-size:9px}#journey strong{font-size:17px;font-weight:650}#journey-state{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}#toolbar{z-index:4;position:fixed;top:18px;right:18px}.view-controls{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:start;gap:5px;padding:5px;display:flex}.view-controls select{max-width:143px}#settings{position:relative}summary{color:var(--muted);padding:10px 12px;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}#settings[open]>summary{color:var(--green)}.settings-panel{border:1px solid var(--line);background:#131f1d;border-radius:8px;gap:15px;width:290px;max-height:75vh;padding:18px;display:grid;position:absolute;top:45px;right:-5px;overflow:auto;box-shadow:0 16px 40px #0006}.settings-panel label{color:var(--muted);gap:8px;font-size:12px;display:grid}.settings-panel .check-row{align-items:center;gap:8px;display:flex}.settings-panel p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.settings-panel output{font-size:11px}input[type=range]{width:100%;accent-color:var(--green)}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}#dash{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:stretch;gap:0;max-width:calc(100vw - 36px);display:flex;position:absolute;bottom:72px;left:18px;overflow:hidden;box-shadow:0 8px 30px #0003}#speedo{border-right:1px solid var(--line);align-content:center;justify-items:center;min-width:105px;padding:10px 15px;display:grid}#speed{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:43px;font-weight:500;line-height:1}#speedo>span{color:var(--muted);font-size:9px}#atc{color:var(--green);margin-top:8px;font-size:11px;font-weight:700}#notch{border-right:1px solid var(--line);align-content:center;justify-items:center;gap:3px;min-width:80px;padding:9px 12px;display:grid}#notch>small{color:var(--muted);font-size:9px}#notch-label{font-size:23px;font-weight:600}#applied{color:var(--green);min-height:12px;font-size:10px}.power{color:var(--green)}.brake,.warn{color:var(--orange)!important}#driving-status{align-content:center;gap:9px;min-width:280px;max-width:440px;padding:13px 18px;display:grid}#guidance{font-size:12px;font-weight:500}#dist{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.status-row{flex-wrap:wrap;gap:6px;display:flex}.badge{letter-spacing:.02em;color:var(--green);border:1px solid var(--line);background:#ffffff08;border-radius:3px;padding:3px 6px;font-size:9px}#eb{color:var(--red)}#drive-controls{gap:5px;display:flex;position:fixed;bottom:24px;left:18px}#drive-controls button{padding:10px 14px;font-size:11px}.emergency{color:var(--red);border-color:#bc625c}#service-details{background:var(--panel);border:1px solid var(--line);border-radius:6px;position:absolute;bottom:30px;right:18px}.service-grid{grid-template-columns:100px 1fr;gap:8px;padding:5px 14px 14px;font-size:11px;display:grid}.service-grid span{color:var(--muted)}.service-grid b{font-variant-numeric:tabular-nums;font-weight:500}#service-details summary{text-align:right}#msg,#result{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--orange);opacity:0;border-radius:5px;max-width:min(520px,100vw - 36px);padding:12px 16px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:118px;left:18px;transform:translateY(-5px)}#result{border-left-color:var(--green);top:166px}#msg.show,#result.show{opacity:1;transform:none}#help{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;font-size:12px;line-height:1.9;position:absolute;top:85px;right:18px}#help small{color:var(--muted)}#help p{margin:10px 0}.hidden{display:none!important}kbd{border:1px solid var(--line);background:#314238;border-radius:3px;padding:2px 5px;font-family:inherit;font-size:10px}#credit{text-shadow:0 1px 3px #000;color:#c3ccc6;pointer-events:none;font-size:8px;position:fixed;bottom:5px;right:10px}#restore-ui{z-index:8;opacity:.22;font-size:11px;transition:opacity .2s;position:fixed;top:16px;right:16px}#restore-ui:hover,#restore-ui:focus{opacity:1}.cinematic #hud,.cinematic #toolbar,.cinematic #drive-controls,.cinematic #route-map,.cinematic #performance{visibility:hidden}.observer #dash,.observer #drive-controls,.observer #service-details,.map-view #dash,.map-view #drive-controls{display:none}.observer #journey{opacity:.85}#performance{color:#d4edb6;border:1px solid var(--line);pointer-events:none;z-index:3;background:#101917ed;border-radius:6px;padding:12px;font:11px/1.7 ui-monospace,monospace;position:fixed;top:230px;left:18px}#route-map{border:1px solid var(--line);z-index:2;background:#121f1eee;border-radius:10px;flex-direction:column;width:min(550px,70vh);max-width:calc(100vw - 36px);padding:16px;display:flex;position:fixed;top:90px;bottom:50px;right:18px}.map-heading{justify-content:space-between;gap:10px;font-size:12px;display:flex}.map-heading span{color:var(--muted);font-size:9px}#route-map svg{flex:1;width:100%;min-height:0}#route-map svg text{fill:#b5c4bd;font-size:10px}.route-line{fill:none;stroke:var(--green);stroke-width:4px;opacity:.6}.station-dot{fill:#17251d;stroke:var(--green);stroke-width:2px}.player-dot{fill:#fff;stroke:var(--green);stroke-width:3px}.traffic-dot{fill:#92a8ff}#route-map p{color:var(--green);text-align:center;margin:3px;font-size:11px}#start{z-index:10;isolation:isolate;background:radial-gradient(at 80% 30%,#344633 0,#17231e 35%,#0c1715 75%);align-items:center;padding:50px max(30px,50vw - 540px);display:flex;position:fixed;inset:0;overflow-y:auto}#start:before{content:"";z-index:-1;border-left:2px solid #9bba4830;border-right:2px solid #9bba4820;width:30%;height:150%;position:fixed;top:-25%;left:60%;transform:rotate(24deg)}#start .card{gap:13px;width:430px;max-width:100%;display:grid}.start-eyebrow{letter-spacing:.13em;color:var(--muted);align-items:center;gap:13px;font-size:10px;line-height:1.8;display:flex}#start h1{letter-spacing:.01em;margin:7px 0 5px;font-size:63px;font-weight:700;line-height:.96}#start h1 span{letter-spacing:-.02em;color:#dae1d4;margin-top:13px;font-size:25px;font-weight:400;display:block}#start p{max-width:400px;color:var(--muted);margin:5px 0 8px;font-size:12px;line-height:1.8}#start label{color:var(--muted);grid-template-columns:110px 1fr;align-items:center;gap:10px;font-size:11px;display:grid}#start select{background:#ffffff08;border-color:#c7dcad26;width:100%;padding:9px;font-size:12px}#start option{background:#14231d}.start-guide{color:var(--muted);border-top:1px solid var(--line);gap:5px;margin-top:4px;padding-top:13px;font-size:11px;line-height:1.8;display:grid}.start-guide b{color:var(--ink);font-weight:500}#start-btn{background:var(--green);color:#152114;border:0;margin-top:2px;padding:14px;font-size:14px;font-weight:650}#start-btn:hover{background:#c5dd66}#loading{color:var(--muted);min-height:15px;font-size:10px}.start-caption{color:#9ab38b;letter-spacing:.15em;text-align:right;font-size:11px;line-height:2.2;position:absolute;bottom:50px;right:6vw}.start-caption small{letter-spacing:0;color:var(--muted);font-size:9px}#recovery-overlay{z-index:50;background:#0a1414e8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}#recovery-overlay>div{max-width:400px;line-height:1.6}#recovery-overlay h2{font-size:22px}#recovery-overlay p{color:var(--muted);font-size:14px}@media (max-width:1050px){#journey{max-width:300px}#journey strong{font-size:14px}#journey small{font-size:8px}.view-controls button,.view-controls select,summary{padding:9px;font-size:11px}.view-controls select{max-width:118px}.start-caption{font-size:9px;right:30px}#start{padding:30px}}@media (max-width:760px){#toolbar{top:10px;left:10px;right:10px}.view-controls{justify-content:space-between;gap:3px}.view-controls select{min-width:0;max-width:25vw;padding:9px 5px}.view-controls button,summary{padding:9px 7px;font-size:10px}#journey{gap:9px;max-width:calc(100vw - 20px);padding:9px 12px;top:70px;left:10px}#journey .line-roundel{width:30px;height:30px;font-size:11px}#journey strong{font-size:13px}#journey-state{font-size:9px}#msg{font-size:11px;top:160px;left:10px}#result{font-size:11px;top:206px;left:10px}#dash{grid-template-columns:83px 66px 1fr;width:calc(100vw - 20px);max-width:none;display:grid;bottom:76px;left:10px}#speedo{min-width:0;padding:10px}#speed{font-size:35px}#notch{min-width:0;padding:7px}#notch-label{font-size:21px}#driving-status{gap:7px;min-width:0;padding:10px}#guidance{font-size:10px;line-height:1.4}#dist{font-size:9px;line-height:1.5}.badge{padding:2px 4px;font-size:8px}.status-row{gap:3px}#drive-controls{gap:4px;bottom:24px;left:10px;right:10px}#drive-controls button{flex:1;padding:13px 4px;font-size:10px}#service-details{bottom:200px;right:10px}#service-details summary{font-size:10px}#help{z-index:5;font-size:11px;top:70px;left:10px;right:10px}.settings-panel{width:min(300px,100vw - 20px);right:-5px}#route-map{width:auto;max-width:none;padding:10px;inset:150px 10px 40px}#performance{font-size:10px;top:260px;left:10px}#credit{text-align:center;font-size:7px;left:10px;right:10px}#start{align-items:flex-start;padding:30px 24px}#start .card{width:430px;margin:auto}#start h1{font-size:50px}#start h1 span{font-size:22px}#start label{grid-template-columns:94px 1fr;gap:6px}#start .start-caption{display:none}}@media (max-height:620px) and (min-width:761px){#start{padding:22px 40px}#start .card{gap:8px}#start h1{font-size:40px}#start h1 span{margin-top:8px;font-size:19px}.start-guide{font-size:10px}#start p{margin:0;font-size:11px}.start-caption{bottom:25px}#dash{bottom:62px}#drive-controls{bottom:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}