html,body{margin:0;height:100%;overflow:hidden;background:#a9cbe0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}.hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card{background:#ffffffdb;color:#183637;border-radius:12px;padding:10px 14px;box-shadow:0 4px 16px #0000001f}.card h1{margin:0;font-size:17px}.card p{margin:2px 0 0;font-size:13px}.start{display:block;margin-top:4px;font-size:12px;pointer-events:auto}.start select{max-width:100%;font:inherit;border:1px solid #b7c4bf;border-radius:6px;background:#fff;color:#183637;padding:2px 4px}.route-browser{display:block;margin-top:5px;font-size:12px;pointer-events:auto}.route-browser select{display:block;width:100%;max-width:300px;border:1px solid #b7c4bf;border-radius:6px;padding:3px;color:#183637;background:#fff;font:inherit}.route-junction{position:absolute;top:196px;left:12px;max-width:min(310px,60vw);font-size:12px;pointer-events:auto}.route-junction strong{display:block}.route-junction button{display:block;width:100%;margin-top:5px;padding:6px;border:0;border-radius:6px;background:#2f7a4f;color:#fff;text-align:left;font:inherit;cursor:pointer}.drive-tools{position:absolute;right:12px;top:220px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.drive-tools button{border:0;border-radius:8px;background:#183637;color:#fff;padding:9px;font-size:12px}.speed-rule{position:absolute;bottom:250px;left:50%;transform:translate(-50%);max-width:min(340px,80vw);color:#872c20;font-size:13px;text-align:center}.speed-rule small{display:block;margin-top:3px;font-size:10px}.border-reminder{position:absolute;right:12px;top:305px;width:min(200px,40vw);font-size:11px}@media (max-width: 520px){.route-junction{top:240px;font-size:11px}}.status{font-size:13px;white-space:nowrap}.status.ok:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#2f9e44;margin-right:6px}.status.off:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#c92a2a;margin-right:6px}.speedo{position:absolute;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:baseline;gap:4px}.speedo strong{font-size:28px;font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}.speedo span{font-size:12px}.notice{position:absolute;top:96px;left:50%;transform:translate(-50%);font-size:14px;text-align:center;pointer-events:auto;max-width:min(90vw,420px)}.action{display:block;margin:8px auto 0;padding:8px 16px;border:0;border-radius:999px;background:#2f7a4f;color:#fff;font-size:14px;cursor:pointer}.help{position:absolute;left:12px;bottom:12px;font-size:12px;max-width:420px}.touch-controls{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:0 14px max(16px,env(safe-area-inset-bottom));pointer-events:none}.touch-group{display:flex;gap:12px;pointer-events:auto}.touch-btn{width:72px;height:72px;border-radius:50%;border:0;background:#ffffffc7;color:#183637;font-size:18px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 4px 14px #0000002e}.touch-btn:active{background:#fffffff2}.touch-btn.throttle{background:#2f7a4fd9;color:#fff}.touch-btn.brake{background:#c92a2acc;color:#fff}@media (pointer: coarse){.speedo{bottom:104px}}@media (max-width: 520px){.card{padding:8px 10px}.card h1{font-size:14px}.card p{font-size:11px}.hud .card:first-child{max-width:58vw}.status{font-size:12px}}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px}.minimap{position:absolute;top:78px;right:12px;width:160px;pointer-events:auto}.minimap canvas{width:160px;height:160px;border-radius:50%;box-shadow:0 4px 16px #0000002e;cursor:pointer;display:block}.minimap-zoom{position:absolute;left:50%;transform:translate(-50%);bottom:-12px;border:0;border-radius:999px;background:#183637;color:#fff;font-size:12px;padding:3px 10px;cursor:pointer}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.credits-toggle{position:absolute;right:8px;bottom:max(6px,env(safe-area-inset-bottom));pointer-events:auto;border:0;border-radius:6px;background:#ffffffbf;color:#183637;font-size:11px;padding:3px 8px;cursor:pointer}.credits{position:absolute;right:8px;bottom:36px;width:min(420px,90vw);font-size:12px;pointer-events:auto}.credits ul{margin:6px 0;padding-left:16px}.credits li{list-style:disc}@media (pointer: coarse){.credits-toggle{bottom:auto;top:252px}.credits{bottom:auto;top:280px}.minimap{width:120px}.minimap canvas{width:120px;height:120px}}.mount{position:absolute;left:12px;bottom:76px;pointer-events:auto;border:0;border-radius:999px;padding:10px 16px;background:#183637;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0003}.hint{position:absolute;left:50%;transform:translate(-50%);bottom:84px;font-size:14px;max-width:min(90vw,420px);text-align:center}.lane-warning{position:absolute;left:50%;transform:translate(-50%);bottom:132px;display:flex;align-items:center;gap:10px;width:min(76vw,380px);background:#fff6d5;color:#5f341d;font-size:13px}.lane-warning strong{display:grid;place-items:center;flex:0 0 30px;height:30px;border:2px solid #d52828;border-radius:50%;color:#d52828;font-size:24px}@media (pointer: coarse){.mount{left:50%;transform:translate(-50%);bottom:168px}.hint{bottom:214px}}@media (pointer: coarse){.lane-warning{bottom:274px;font-size:12px}}.bigmap{position:absolute;inset:0;display:flex;gap:12px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#18363759;pointer-events:auto;z-index:5}.bigmap-view{position:relative;flex:1;min-width:0;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #0000004d}.bigmap-view canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.bigmap-tools{position:absolute;left:10px;top:10px;display:flex;gap:6px}.bigmap-tools button,.bigmap-close{border:0;border-radius:10px;background:#fff;color:#183637;font-size:18px;min-width:38px;height:38px;cursor:pointer;box-shadow:0 2px 8px #0000002e}.bigmap-tools .wide{font-size:13px;padding:0 10px}.bigmap-close{position:absolute;right:10px;top:10px}.bigmap-scale{position:absolute;left:10px;bottom:10px;font-size:12px;color:#183637;background:#ffffffd9;padding:4px 8px;border-radius:8px}.bigmap-list{width:300px;overflow:auto;background:#fffffff2;color:#183637;border-radius:14px;padding:12px 14px;font-size:13px}.bigmap-list ul{list-style:none;margin:8px 0;padding:0}.bigmap-list li{padding:3px 0}.bigmap-list small{color:#5c6b6c}@media (max-width: 760px){.bigmap{flex-direction:column}.bigmap-list{width:auto;max-height:30vh}}.legend-me{color:#c92a2a}.legend-stop{color:#2f7a4f}.legend-other{color:#fab005}.bigmap-list h2{font-size:15px;margin:18px 0 8px}.map-instruction{font-size:12px;line-height:1.5;color:#5c6b6c}.map-place{display:block;width:100%;padding:9px 8px;border:0;border-radius:8px;text-align:left;color:#183637;background:transparent;font:inherit;cursor:pointer}.map-place:hover{background:#e6efe5}.map-place small{display:block;margin:3px 0 0 15px}.stop-dot{background:#2f7a4f;border-radius:2px}.place-back{border:0;background:#e6efe5;color:#183637;border-radius:8px;padding:9px 10px;font:inherit;cursor:pointer;margin-bottom:18px}.place-kind{display:block;color:#2f7a4f;font-size:12px}.place-details h2{font-size:21px;line-height:1.3;margin:6px 0}.place-details h3{font-size:15px;margin:20px 0 10px}.place-details p{line-height:1.6}.place-facts{margin:16px 0;padding:12px;background:#eef3ea;border-radius:10px;font-size:12px}.place-facts div+div{margin-top:10px}.place-facts dt{color:#5c6b6c}.place-facts dd{margin:3px 0 0;font-variant-numeric:tabular-nums}.place-note{font-size:12px;color:#5c6b6c}.place-tag{padding:10px 0;border-bottom:1px solid #dce4dc}.place-tag a{color:#18583e;font-weight:600}.place-article{display:flex;gap:10px;align-items:center;padding:12px 0;color:#18583e;text-decoration:none;border-bottom:1px solid #dce4dc}.place-article img{width:76px;height:58px;flex:0 0 76px;object-fit:cover;border-radius:7px}.place-article span{font-weight:600;line-height:1.5}.place-article small{display:block;margin-top:4px;font-size:11px;font-weight:400}.place-article .article-excerpt{display:block;font-size:12px;font-weight:400;color:#425753;line-height:1.6;margin-top:5px}.place-article:hover strong{text-decoration:underline}.bigmap button:focus-visible,.bigmap a:focus-visible{outline:3px solid #e8590c;outline-offset:2px}.bigmap-list{width:330px;flex-shrink:0;background:#fbfcf7}@media (max-width: 760px){.bigmap-view{min-height:38vh}.bigmap-list{width:auto;max-height:42vh;padding:12px}.bigmap-scale{font-size:10px;right:10px}.bigmap-tools .wide{font-size:11px;padding:0 7px}}@media (max-width: 760px){.bigmap.has-place .bigmap-view{flex:0 0 30vh;min-height:26vh}.bigmap.has-place .bigmap-list{flex:1;min-height:0;max-height:none}}@media (max-width: 520px){.hud{gap:8px}.hud .status{max-width:26vw;white-space:normal;font-size:11px}}.bike-dashboard{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:298px;height:214px;pointer-events:none}.instrument-cluster{position:relative;width:298px;height:214px;border-radius:105px 85px 65px 78px;background:linear-gradient(145deg,#323b40,#101619 65%);box-shadow:0 5px 20px #0008,inset 0 0 0 2px #626b6c,inset 0 0 0 7px #192024}.round-gauge{position:absolute;display:block}.speed-gauge{width:188px;height:188px;left:6px;top:6px}.rpm-gauge{width:128px;height:128px;right:4px;top:31px}.instrument-needle{transform-box:view-box;transform-origin:50% 50%;transition:transform .18s linear}.instrument-speed{position:absolute;left:72px;top:115px;width:50px;text-align:center;color:#e6f0ed;font-variant-numeric:tabular-nums;line-height:1}.instrument-speed span{font-size:20px;font-weight:700}.instrument-speed small{display:block;font-size:8px;margin-top:3px;color:#a7b9c0}.instrument-gear{position:absolute;left:79px;top:151px;width:40px;height:41px;border-radius:6px;border:1px solid #536561;background:#283934;color:#d9ead6;text-align:center}.instrument-gear small{display:block;font-size:7px;margin-top:3px}.instrument-gear strong{display:block;font-size:25px;line-height:29px;font-weight:600}.instrument-gear.neutral{color:#91ef9a}.rpm-value{position:absolute;right:42px;top:116px;width:48px;text-align:center;font-size:10px;font-variant-numeric:tabular-nums;color:#bacbd2}.fuel-gauge{position:absolute;width:84px;height:55px;right:21px;top:148px}.fuel-value{position:absolute;right:24px;top:201px;font-size:8px;color:#a3b3bc;font-variant-numeric:tabular-nums}.fuel-value.low{color:#ffb53b}.lane-warning.riding{bottom:244px}.hint.riding{bottom:304px}@media (pointer: coarse){.bike-dashboard{bottom:max(108px,calc(env(safe-area-inset-bottom) + 98px));width:164px;height:117.7px}.instrument-cluster{transform:scale(.55);transform-origin:top left}.instrument-speed span{font-size:28px}.instrument-gear strong{font-size:32px}.rpm-value,.fuel-value{font-size:16px}.dashboard-controls{top:-42px}.dashboard-controls button{width:40px;height:34px}}.dashboard-controls{position:absolute;left:50%;top:-32px;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}.dashboard-controls button{width:43px;height:28px;padding:0;border:1px solid #5a666b;border-radius:8px;background:#152124;color:#6c8a74;font-size:18px;cursor:pointer}.dashboard-controls button.lit{color:#ffd15c;background:#294f34;box-shadow:0 0 8px #ffd15c66}.dashboard-controls .sound-switch{color:#b8c8c9;font-size:14px}.dashboard-controls button:focus-visible{outline:2px solid #ffc451;outline-offset:2px}.bike-dashboard.in-cockpit{height:0}.bike-dashboard.in-cockpit .instrument-cluster{display:none}@media (pointer: coarse){.credits-toggle{top:300px}.credits{top:328px}.border-reminder{top:340px}}.reverse-label{position:absolute;left:26px;top:195px;color:#ebcc7d;font-size:8px}.touch-extra{align-self:center}.touch-btn.extra{width:44px;height:44px;font-size:12px}@media (pointer: coarse){.mount.riding{bottom:max(276px,calc(env(safe-area-inset-bottom) + 266px))}.lane-warning.riding{bottom:max(326px,calc(env(safe-area-inset-bottom) + 316px))}.hint.riding{bottom:max(388px,calc(env(safe-area-inset-bottom) + 378px))}}@media (pointer: coarse) and (max-width: 520px){.touch-btn:not(.extra){width:62px;height:62px;font-size:16px}.touch-group{gap:8px}}@media (pointer: coarse) and (max-width: 360px){.touch-btn:not(.extra){width:56px;height:56px}}.ride-panel{position:absolute;left:12px;top:118px;width:min(290px,calc(100vw - 174px));pointer-events:auto;font-size:13px;line-height:1.5;z-index:2}.ride-panel p{font-size:12px;margin:6px 0}.ride-panel button{display:block;border:0;border-radius:8px;background:#2f7a4f;color:#fff;padding:8px 10px;font:inherit;cursor:pointer;margin-top:8px;text-align:left}.ride-actions{display:flex;flex-wrap:wrap;gap:6px}.ride-actions .secondary{background:#e2e9e3;color:#183637}.touch-btn.pedal{height:86px;border-radius:13px;background:#141f24c7;border:1px solid #8a9ba1;color:#e2eceb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.touch-btn.pedal:active{background:#42605c;transform:translateY(3px);box-shadow:inset 0 3px 8px #0007}.pedal-icon{display:block;width:48px;height:64px}.pedal-label{font-size:11px;font-weight:600;line-height:13px}.passenger-status{position:absolute;left:50%;transform:translate(-50%);bottom:22px;font-size:14px;max-width:80vw}@media (pointer: coarse){.passenger-status{bottom:104px}.mount.passenger{bottom:168px}}.vehicle-picker{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#233f39,#75917d);pointer-events:auto;overflow-y:auto}.vehicle-picker-card{width:min(860px,100%);padding:24px;box-sizing:border-box;border-radius:20px;background:#f3f5ec;color:#183637;box-shadow:0 16px 60px #0004}.vehicle-eyebrow{font-size:11px;letter-spacing:.15em;color:#577862}.vehicle-picker h1{font-size:28px;margin:7px 0}.vehicle-picker p{font-size:14px;margin:4px 0 20px}.vehicle-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vehicle-choice{border:2px solid #d2dcd1;border-radius:14px;padding:12px;background:#fff;color:#183637;text-align:left;cursor:pointer;font:inherit}.vehicle-choice.selected{border-color:#2f7a4f;background:#eaf3e6;box-shadow:0 0 0 2px #2f7a4f22}.vehicle-icon{width:100%;height:96px;display:block}.vehicle-choice strong{display:block;font-size:15px;margin-bottom:8px}.vehicle-choice span{display:block;font-size:12px;line-height:1.5}.vehicle-choice small{display:block;margin-top:12px;color:#567463;font-size:11px}.vehicle-start{display:block;margin:22px auto 0;padding:12px 25px;border:0;border-radius:999px;background:#2f7a4f;color:#fff;font:inherit;font-weight:600;cursor:pointer}.vehicle-choice:focus-visible,.vehicle-start:focus-visible{outline:3px solid #d99435;outline-offset:3px}@media (max-width: 650px){.vehicle-picker{padding:12px}.vehicle-picker-card{padding:18px}.vehicle-choices{grid-template-columns:repeat(2,1fr);gap:8px}.vehicle-icon{height:64px}.vehicle-choice{padding:10px}.vehicle-choice span{font-size:11px}.vehicle-choice strong{font-size:13px}}.cycling-computer{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:156px;box-sizing:border-box;padding:7px;border:2px solid #667170;border-radius:13px;background:#172126;box-shadow:0 4px 14px #0005}.cycle-computer-screen{background:#bfcca9;color:#273827;border-radius:5px;padding:7px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 1px 4px #3b563e55}.cycle-computer-title{display:flex;justify-content:space-between;font-size:8px;font-weight:600}.cycling-speed{display:flex;justify-content:center;align-items:baseline;gap:6px;line-height:1;margin:4px 0 6px}.cycling-speed strong{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}.cycling-speed>span{font-size:10px}.cycling-distance{display:flex;justify-content:space-between;align-items:baseline;padding-top:5px;border-top:1px solid #859478;gap:3px}.cycling-distance>span{font-size:7px}.cycling-distance strong{font-size:12px;font-variant-numeric:tabular-nums}.cycling-distance small{font-size:9px;font-weight:400}.change-vehicle{margin-top:5px;padding:3px 8px;border:1px solid #b7c4bf;border-radius:7px;background:#eef3e9;color:#183637;font:inherit;font-size:11px;cursor:pointer;pointer-events:auto}@media (pointer: coarse){.cycling-computer{bottom:max(108px,calc(env(safe-area-inset-bottom) + 98px))}.mount.riding.cycling{bottom:max(250px,calc(env(safe-area-inset-bottom) + 240px))}.lane-warning.riding.cycling{bottom:max(300px,calc(env(safe-area-inset-bottom) + 290px))}.hint.riding.cycling{bottom:max(360px,calc(env(safe-area-inset-bottom) + 350px))}}.garage-home{position:absolute;inset:0;overflow-y:auto;padding:18px;box-sizing:border-box;pointer-events:auto;color:#edf2e9;background:radial-gradient(ellipse at 50% 40%,#607467,#223a32 60%,#14241f)}.garage-shell{width:min(1050px,100%);margin:auto}.garage-header{text-align:center}.garage-header>span{font-size:11px;letter-spacing:.22em;color:#bed3be}.garage-header h1{margin:7px 0;font-size:30px;font-weight:650}.garage-header p{margin:0 0 16px;font-size:14px;color:#bdccc1}.garage-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.garage-tabs button{background:#20372c;color:#d3dfd3;border:1px solid #6a8473;border-radius:999px;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer}.garage-tabs button.selected{background:#d8ddba;border-color:#e8eed8;color:#19362a;font-weight:650}.garage-display{position:relative;margin-top:12px;height:clamp(320px,53vh,550px);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#8eaa9422,#07130e44)}.garage-preview{display:block;width:100%;height:100%}.garage-arrow{position:absolute;top:40%;width:46px;height:58px;border:1px solid #aac3ad66;border-radius:13px;background:#142c2180;color:#f2f4e6;font-size:44px;line-height:1;cursor:pointer}.garage-arrow.previous{left:14px}.garage-arrow.next{right:14px}.garage-caption{position:absolute;left:20px;right:20px;bottom:15px;text-align:center;pointer-events:none;text-shadow:0 2px 10px #07140b}.garage-caption>span{font-size:11px;letter-spacing:.12em;color:#d7deba}.garage-caption h2{margin:5px 0;font-size:25px}.garage-caption p{margin:0 auto;max-width:570px;font-size:13px;line-height:1.5;color:#d0ddd0}.garage-specs{display:flex;justify-content:center;gap:35px;margin:14px 0;font-size:16px}.garage-specs span{text-align:center;min-width:90px}.garage-specs small{display:block;font-size:11px;color:#b2c7b8;margin-bottom:3px}.garage-home .vehicle-start{background:#d8ddba;color:#17362a;margin-top:14px}.garage-home button:focus-visible{outline:3px solid #f4bd57;outline-offset:3px}@media (max-width: 520px){.garage-home{padding:14px 10px}.garage-header h1{font-size:25px}.garage-tabs{gap:5px}.garage-tabs button{padding:7px 10px;font-size:12px}.garage-display{height:43vh;min-height:310px}.garage-arrow{width:34px;height:48px;font-size:35px}.garage-caption{left:10px;right:10px}.garage-caption h2{font-size:20px}.garage-caption p{font-size:12px}.garage-specs{gap:13px;font-size:14px}.garage-specs small{font-size:10px}}