:root{color:#f8f4e9;font-synthesis:none;--ink:#293f35;--cream:#f4eedf;--sage:#54715b;--amber:#e9b777;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#aab8a1;width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #eab66e}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}#scene,#scene canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.grain{pointer-events:none;z-index:1;background:radial-gradient(at 50% 35%,#0000 40%,#173b3623 100%);position:absolute;inset:0}#loading{z-index:20;color:var(--ink);background:#ecebdc;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.load-mark{letter-spacing:12px;margin-left:12px;font-family:serif;font-size:44px}.load-line{background:#a8b49f;width:140px;height:2px;overflow:hidden}.load-line:after{content:"";background:#3c6150;width:40%;height:2px;animation:1s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(360%)}}#load-text{letter-spacing:3px;font-size:12px}.intro{z-index:3;pointer-events:none;background:linear-gradient(90deg,#18362cc7 0%,#203d316e 29%,#0000 64%);flex-direction:column;padding:42px 4.8vw;display:flex;position:absolute;inset:0}.intro button{pointer-events:auto}.brand{align-items:center;gap:15px;display:flex}.brand svg{stroke:#f0e6cd;fill:none;stroke-width:1.3px;width:42px;height:36px}.brand>span{letter-spacing:6px;font-family:Noto Serif SC,SimSun,serif;font-size:28px}.brand small{letter-spacing:2.8px;color:#e4e6d4;margin-top:7px;font-family:Arial,sans-serif;font-size:8px;font-weight:400;display:block}.intro-copy{position:absolute;top:29%;left:6.2vw}.eyebrow{letter-spacing:3px;color:#e3c998;align-items:center;gap:13px;font-size:12px;display:flex}.eyebrow>span{background:#c4c7a1;width:26px;height:1px}h1{letter-spacing:7px;text-shadow:0 3px 18px #21352b22;margin:22px 0 24px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(46px,5.3vw,84px);font-weight:400;line-height:1.38}.intro-copy p{letter-spacing:1.2px;color:#e5e7d7;margin-bottom:35px;font-size:14px;line-height:2.15}.intro-actions{align-items:center;gap:24px;display:flex}.primary{color:#294333;letter-spacing:1px;background:#f0e9d4;border-radius:3px;justify-content:space-between;align-items:center;gap:36px;min-width:192px;padding:17px 24px;font-size:14px;transition:background .2s,transform .2s;display:flex;box-shadow:0 5px 22px #18352a1c}.primary:hover{background:#fff8e5;transform:translateY(-2px)}.primary>span{font-size:22px;line-height:18px}.text-btn{color:inherit;letter-spacing:1px;background:0 0;padding:14px 0;font-size:12px}.text-btn:hover{color:#eec78e}.text-btn>span{margin-left:12px}.intro-hint{letter-spacing:1px;color:#dbe1cda3;margin-top:24px;font-size:10px}.intro-hint i{margin:0 8px;font-style:normal}.intro-bottom{letter-spacing:2px;color:#f6f4e0db;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.intro-bottom b{letter-spacing:2px;color:#eef1e09e;margin-top:8px;font-size:9px;font-weight:400;display:block}.weather{align-items:center;gap:10px;display:flex}.weather>span{font-size:20px}.intro-right{text-align:right;letter-spacing:3px;color:#fcf6e8b8;flex-direction:column;align-items:flex-end;gap:25px;font-family:serif;font-size:12px;line-height:2.2;display:flex;position:absolute;top:35%;right:4.8vw}.vertical-line{background:#f2efcf70;width:1px;height:70px}.tiny{font:9px Arial,sans-serif}.topbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:34px;right:34px}.place{text-shadow:0 2px 10px #1f32294f;align-items:center;gap:18px;display:flex}.wordmark{letter-spacing:5px;font:25px SimSun,serif}.divider{background:#f4f2db6b;width:1px;height:31px}.place b{letter-spacing:2px;font-size:14px;font-weight:500}.place small{letter-spacing:1.5px;color:#fffae9c2;margin-top:6px;font-size:9px;display:block}.top-actions{gap:9px;display:flex}.icon-btn{color:#fff9e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#243b3024;border:1px solid #fff8e436;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{background:#243b305b}.icon-btn svg,.cruise-btn svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.icon-btn.muted{opacity:.5}.route-card{width:191px;color:var(--ink);z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1dfeb;border-radius:5px;padding:17px 19px 14px;position:absolute;top:102px;right:34px;box-shadow:0 6px 35px #17392918}.route-heading{letter-spacing:1px;color:#7b8573;align-items:center;gap:7px;font-size:9px;display:flex}.route-heading>small{color:#889179;margin-left:auto}.little-dot{background:#a2b29b;border-radius:50%;width:5px;height:5px}.route-card>b{letter-spacing:3px;margin:13px 0 7px;font:22px SimSun,serif;display:block}.route-distance{font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.route-distance>span:first-child{letter-spacing:-1px;font-size:26px;font-weight:300}.route-distance small{color:#7c8475;font-size:10px}.route-arrow{color:#73846b;font-size:26px;margin-left:auto!important}.route-card svg{width:100%;height:65px;margin-top:5px}.map-halo{fill:none;stroke:#d3d6bf;stroke-width:11px;stroke-linecap:round}.map-road{fill:none;stroke:#89977b;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 3}.map-stop{fill:#d4ab6d;stroke:#f4f1df;stroke-width:2px}#map-car{fill:#335c46;stroke:#fff5db;stroke-width:2px}.route-footer{color:#7b8272;justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.progress-track{background:#d9dcc6;height:2px;margin-top:9px}#progress-fill{background:#587b57;width:0;height:100%}.bottom-bar{z-index:3;text-shadow:0 2px 15px #24382d60;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:30px;left:34px;right:34px}.speed-block{min-width:154px}.speed-value{align-items:baseline;gap:9px;display:flex}.speed-value>span{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif;font-size:57px;font-weight:300;line-height:1}.speed-value>small{letter-spacing:.5px;opacity:.8;font-size:10px}.drive-state{letter-spacing:1px;align-items:center;gap:9px;margin-top:12px;font-size:10px;display:flex}.drive-state>span:first-child{color:#3d5342;background:#f4f1df;border-radius:3px;place-items:center;width:19px;height:19px;font-family:Arial,sans-serif;display:grid}.drive-state i{background:#f2dfbb;border-radius:50%;width:4px;height:4px}.bottom-middle{flex-direction:column;align-items:center;gap:16px;display:flex}.camera-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#253e315e;border:1px solid #f9f3d525;border-radius:5px;padding:4px;display:flex}.camera-controls button{color:#f4f3dfa6;letter-spacing:1px;background:0 0;border-radius:3px;padding:10px 15px;font-size:11px;transition:all .2s}.camera-controls button>span{opacity:.55;margin-right:7px;font-size:8px}.camera-controls button.active{color:#345040;background:#f1ebd9}.camera-controls button:hover:not(.active){color:#fff;background:#f0ead316}.controls-hint{letter-spacing:.5px;opacity:.85;font-size:10px;transition:opacity 1s}.controls-hint.faded{opacity:0}.controls-hint kbd{margin-left:16px;margin-right:3px}kbd{white-space:nowrap;border:1px solid #f8f1da54;border-radius:3px;padding:3px 5px;font-family:inherit;font-size:9px}.cruise-btn{color:#3b5141;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2ecdce3;border:1px solid #fff7df51;border-radius:5px;align-items:center;gap:12px;padding:14px 15px;font-size:11px;display:flex}.cruise-btn kbd{color:#6b7b65;border-color:#405f4233}.cruise-btn.active{color:#f8efd7;background:#365e48e8}.cruise-btn.active kbd{color:#dddac3;border-color:#f1e5c740}.pet-note{z-index:3;opacity:0;align-items:center;gap:11px;max-width:300px;transition:all .7s;display:flex;position:absolute;top:110px;left:34px;transform:translateY(7px)}.pet-note.show{opacity:1;transform:none}.paw{color:#946b39;background:#efe3cbe8;border-radius:50%;place-items:center;width:37px;height:37px;font-size:24px;display:grid}.pet-note>div{text-shadow:0 1px 8px #153724b3;flex-direction:column;gap:5px;display:flex}.pet-note b{letter-spacing:2px;color:#ffdfa5;font-size:10px;font-weight:400}.pet-note div span{letter-spacing:1px;font-size:12px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;opacity:0;z-index:5;pointer-events:none;white-space:nowrap;background:#294631c9;border:1px solid #efe8d636;border-radius:4px;padding:11px 23px;font-size:12px;transition:all .3s;position:absolute;bottom:152px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.stop-prompt{color:var(--ink);z-index:3;background:#eff0dded;border-left:3px solid #a4aa70;border-radius:0 5px 5px 0;padding:19px 23px;position:absolute;top:44%;left:34px;box-shadow:0 5px 35px #1337271c}.stop-prompt>span{letter-spacing:2px;color:#8b926e;font-size:9px;display:block}.stop-prompt>b{letter-spacing:1px;margin-top:9px;font:19px SimSun,serif;display:block}.stop-prompt p{color:#71826d;margin-top:12px;font-size:10px}.primary.small{color:#f2ead4;background:#48684d;gap:22px;min-width:0;margin-top:15px;padding:11px 14px;font-size:11px}.touch-controls{display:none}dialog{color:#304a39;background:#f0ecdc;border:0;border-radius:7px;width:min(440px,100vw - 32px);max-height:calc(100vh - 40px);padding:0;box-shadow:0 20px 120px #15281a6b}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1c352764}.dialog-inner{text-align:center;padding:36px 38px}.dialog-inner .eyebrow{color:#999c76;justify-content:center;font-size:10px}h2{letter-spacing:2px;margin:20px 0 14px;font:32px SimSun,serif}.dialog-inner p{color:#7f8c73;margin-bottom:25px;font-size:12px}.dialog-inner>.primary,.dialog-inner>.secondary{justify-content:space-between;width:100%;margin:8px 0}.dialog-inner>.primary{color:#f5edd9;background:#3b634b}.secondary{color:#426044;text-align:center;background:0 0;border:1px solid #a1ad9099;border-radius:3px;padding:14px 20px;font:12px inherit;text-decoration:none;display:block}.secondary:hover{background:#e3e3cc}.dialog-controls{text-align:left;border-top:1px solid #9cae852e;margin-top:14px;padding-top:17px}.dialog-controls>div{color:#6b7c60;grid-template-columns:90px 1fr 67px 1fr;align-items:center;gap:7px;margin-bottom:10px;font-size:10px;display:grid}.dialog-controls kbd{text-align:center;border-color:#92a18159;padding:5px;font-size:9px}.dialog-controls small{color:#8b947f;text-align:center;margin-top:15px;font-size:9px;line-height:1.9;display:block}#postcard-dialog{width:min(740px,100vw - 32px)}.postcard{padding:18px;position:relative}.postcard>img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.postcard-caption{justify-content:space-between;gap:20px;padding:24px 8px 18px;display:flex}.postcard-caption small{letter-spacing:2px;color:#92987f;font:8px Arial,sans-serif}.postcard-caption h2{margin:10px 0;font-size:23px}.postcard-caption p{color:#768369;font-size:10px}.postcard-caption>span{writing-mode:vertical-rl;letter-spacing:3px;font:24px SimSun,serif}.close-card{color:#496447;background:#eff0dfdc;border-radius:50%;width:30px;height:30px;font-size:23px;position:absolute;top:26px;right:27px}#fatal{z-index:50;color:#38523c;text-align:center;background:#efecde;place-content:center;padding:30px;display:grid;position:absolute;inset:0}#fatal p{max-width:620px;font-size:13px;line-height:1.8}#fatal button{color:#fff;background:#42614b;width:160px;margin:15px auto;padding:14px}#hud:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#24463629,#0000 18% 70%,#1b352953);position:absolute;inset:0}@media (max-height:700px){.intro{padding-top:25px}.intro-copy{top:24%}h1{margin:16px 0;font-size:52px}.intro-copy p{margin-bottom:22px}.intro-hint{margin-top:15px}.route-card{transform-origin:100% 0;transform:scale(.88)}.dialog-inner{padding:24px 30px}.dialog-controls>div{margin-bottom:6px}.pet-note{top:95px}.bottom-bar{bottom:20px}}@media (max-width:800px){.intro{background:linear-gradient(90deg,#18362cd9,#203d316e 58%,#0000);padding:26px 25px}.intro-copy{top:27%;left:30px}.intro-right{display:none}.intro-copy p{font-size:12px}.intro-actions{gap:16px}.primary{min-width:168px;padding:15px 18px}.intro-hint{font-size:8px}.topbar{top:20px;left:20px;right:20px}.route-card{width:157px;padding:13px 14px;top:88px;right:20px}.route-card>b{font-size:18px}.route-heading{font-size:8px}.route-distance>span:first-child{font-size:22px}.route-card svg{height:48px}.pet-note{max-width:calc(100% - 192px);top:91px;left:20px}.pet-note div span{font-size:10px;line-height:1.7}.bottom-bar{gap:8px;bottom:20px;left:20px;right:20px}.speed-block{min-width:94px}.speed-value>span{font-size:42px}.speed-value>small{font-size:8px}.drive-state{gap:5px;font-size:8px}.bottom-middle{gap:10px}.camera-controls button{padding:9px 11px;font-size:10px}.camera-controls button>span,.controls-hint{display:none}.cruise-btn{gap:6px;padding:11px;font-size:9px}.cruise-btn kbd{display:none}.stop-prompt{max-width:240px;padding:15px;left:20px}.stop-prompt>b{font-size:16px}.wordmark{font-size:22px}.place{gap:10px}.place b{font-size:12px}.place small{font-size:8px}.top-actions{gap:6px}.icon-btn{width:32px;height:32px}}@media (pointer:coarse){.touch-controls{z-index:4;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:103px;left:20px;right:20px}.touch-controls>div{pointer-events:auto;gap:10px;display:flex}.touch-controls button{color:#fff5de;touch-action:none;background:#314b386b;border:1px solid #fff8e457;border-radius:50%;width:49px;height:49px;font-size:19px}.controls-hint{display:none}}@media (max-width:480px){.intro-actions{flex-direction:column;align-items:flex-start;gap:4px}.intro-bottom{font-size:9px}.intro-copy{top:25%}h1{font-size:52px}.route-card{width:135px}.route-card svg{height:37px}.route-heading{letter-spacing:0}.route-footer{font-size:7px}.bottom-bar{flex-wrap:wrap}.speed-block{flex:1}.bottom-middle{order:3;width:100%;margin-top:6px}.camera-controls{justify-content:center;width:100%}.camera-controls button{flex:1}.cruise-btn{align-self:flex-end}.pet-note{max-width:calc(100% - 165px)}.pet-note>div{gap:3px}.paw{flex-shrink:0;width:28px;height:28px;font-size:19px}.stop-prompt{max-width:calc(100% - 45px);top:42%}.touch-controls{bottom:155px}.toast{white-space:normal;max-width:90vw;font-size:10px;bottom:175px}.brand>span{font-size:24px}.topbar .place small,.topbar .divider{display:none}.topbar .place{gap:7px}.topbar .place b{letter-spacing:0;max-width:68px;font-size:10px}.topbar .wordmark{letter-spacing:2px;font-size:20px}#wipers{letter-spacing:0;white-space:nowrap;font-size:10px}}