@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Outfit:wght@400;500;600;650;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#263c32;background:#d9e5d3;font-synthesis:none;--ink:#263c32;--accent:#cb5b36;--panel:rgba(248,249,238,.76)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(238,242,221,.72),transparent 53%),linear-gradient(0deg,rgba(229,234,212,.8),transparent 24%)}header{position:fixed;left:42px;right:42px;top:32px;display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-family:Outfit,sans-serif;font-size:27px;letter-spacing:-1.1px;font-weight:600}.brand-dot{color:var(--accent)}.brand-mark{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px;transform:rotate(-35deg);background:var(--ink);padding:5px 0}.brand-mark i{height:3px;background:#e5ead6;display:block}.route-label{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#5f7950;border-radius:50%}.tools{display:flex;gap:9px}.tools button{background:rgba(250,251,242,.55);width:39px;height:39px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);transition:.2s}.tools button:hover{background:#f8faec;transform:translateY(-2px)}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tools svg{width:17px;height:17px}.intro{position:absolute;top:23%;left:6.2%;transition:opacity .7s,transform .7s;max-width:440px}.intro.departed{opacity:0;transform:translateX(-30px);pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:650;display:flex;gap:9px;align-items:center}.eyebrow>span{width:20px;height:1px;background:#829178}h1{font-family:Outfit,sans-serif;font-size:clamp(48px,5.2vw,82px);font-weight:500;line-height:1.03;letter-spacing:-3.8px;margin:24px 0 20px}h1>span{color:var(--accent)}.intro p{font-size:13px;line-height:1.9;color:#5c6c5c;margin:0 0 28px}.primary{background:var(--ink);color:#fffef1;padding:15px 23px;border-radius:7px;font-size:12px;min-width:162px;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:.2s}.primary:hover{background:#3d5846;transform:translateY(-2px)}.primary>span{font-size:21px;line-height:15px}.start-note{display:flex;align-items:center;gap:3px;margin-top:17px;font-size:9px;color:#75816d}.start-note>span:last-child{margin-left:6px}.key,kbd{font:9px 'DM Sans',sans-serif;border:1px solid #7a897344;border-radius:3px;padding:3px 5px;background:#f6f9eb55}.world-card{position:absolute;right:43px;top:113px;width:199px;border:1px solid #ffffff60;border-radius:12px;background:rgba(247,249,235,.48);backdrop-filter:blur(12px);padding:15px 15px 11px;box-shadow:0 8px 24px #27372a03}.world-card-top{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.1px;font-weight:600}.infinity{margin-left:auto;font-size:17px;font-weight:400}.world-card canvas{width:100%;height:87px;display:block}.world-card-bottom{border-top:1px solid #63785b22;padding-top:9px;display:flex;justify-content:space-between;gap:3px;font-size:8px;color:#69775e}.bottom-left{position:absolute;left:43px;bottom:35px}.environment{display:flex;align-items:center;gap:12px;padding:0;text-align:left}.mountain-icon{display:grid;place-items:center;background:#f8faec66;border:1px solid #fff8;border-radius:9px;height:42px;width:42px;font-size:29px;font-weight:400}.environment small{font-size:8px;letter-spacing:1.5px;display:block;color:#6a7a5f;margin-bottom:5px}.environment strong{display:block;font-size:12px;font-weight:550}.environment strong span{margin-left:25px;color:#809272}.bottom-actions{display:flex;align-items:center;gap:13px;margin-top:24px}.bottom-actions button{font-size:9px;padding:0;color:#617154}.circle-question{display:inline-grid;place-items:center;border:1px solid #6b7f58;border-radius:50%;width:12px;height:12px;font-size:8px;margin-right:4px}.divider{height:10px;width:1px;background:#71836144}.garage{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);text-align:center}.garage-label{font-size:8px;letter-spacing:2px;color:#627555;margin-bottom:13px}.vehicles{display:flex;background:#f4f7e780;border:1px solid #fff9;border-radius:12px;padding:5px;gap:3px;backdrop-filter:blur(12px);box-shadow:0 5px 20px #2b432911}.vehicle{width:110px;height:65px;position:relative;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.2s;color:#708067}.vehicle svg{width:49px;height:25px;stroke-width:2}.vehicle .vehicle-fill{fill:currentColor;fill-opacity:.13}.vehicle>span{font-size:10px}.vehicle kbd{position:absolute;top:6px;right:7px;font-size:7px;padding:1px 4px;opacity:.65}.vehicle.active{background:#fcfcf1;box-shadow:0 2px 7px #32492d13;color:#344d38}.vehicle.active:after{content:'';height:3px;width:14px;background:var(--accent);border-radius:2px;position:absolute;bottom:-6px}.vehicle:hover{background:#fbfcee99}.dashboard{position:absolute;right:42px;bottom:33px;width:169px;text-align:center}.speed-dial{height:132px;position:relative}.speed-dial>svg{width:170px;height:130px;position:absolute;left:0;top:0}.dial-track{stroke:#536f3829;stroke-width:3}#speed-arc{stroke:#4e6c3f;stroke-width:3;stroke-dasharray:0 100;transition:stroke-dasharray .2s}.dial-tick{stroke:#71836177;stroke-width:1}.speed-value{padding-top:33px;display:flex;flex-direction:column;gap:0}.speed-value>span{font-family:Outfit,sans-serif;font-size:48px;line-height:1.15;font-weight:400;letter-spacing:-2px}.speed-value>small{font-size:8px;letter-spacing:2px;color:#6f7f60}.gear{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:9px;border:1px solid #66805055;border-radius:4px;padding:3px 6px}.distance{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 0 14px;border-bottom:1px solid #758a5f33}.distance strong{font-size:11px;font-weight:500}.distance span{font-size:7px;letter-spacing:1px;color:#718460}#cruise{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;width:100%;padding:13px 0 0}.toggle{width:24px;height:13px;border-radius:10px;background:#77856955;margin-left:3px;padding:2px}.toggle i{display:block;width:9px;height:9px;border-radius:50%;background:#fffdf0;transition:.2s}#cruise[aria-pressed=true] .toggle{background:#486943}#cruise[aria-pressed=true] i{transform:translateX(11px)}.drive-status{position:absolute;top:112px;left:43px;font-size:9px;letter-spacing:1.5px}.drive-status .live-dot{margin-right:9px}.in-drive-controls{position:absolute;bottom:151px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;white-space:nowrap;font-size:9px;color:#5c7054}.in-drive-controls span{display:flex;gap:5px;align-items:center}.in-drive-controls button{font-size:9px;padding:0}.toast{position:fixed;bottom:200px;left:50%;transform:translate(-50%,10px);background:#253c32dd;color:#faf9ec;font-size:12px;border-radius:30px;padding:13px 22px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #fff8;border-radius:18px;padding:30px;width:min(460px,calc(100vw - 30px));background:#f5f5e9;color:var(--ink);box-shadow:0 25px 100px #15282040}dialog::backdrop{background:#20302555;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.close{font-size:25px;padding:0 4px;color:#76806a}h2{font-family:Outfit,sans-serif;font-weight:500;font-size:30px;letter-spacing:-1px;margin:23px 0 10px}dialog p{font-size:12px;color:#718067;line-height:1.8}dialog label{display:block;font-size:9px;letter-spacing:1.6px;margin:26px 0 10px}.option-row{display:flex;gap:7px}.option-row button{flex:1;border:1px solid #5b735733;border-radius:7px;font-size:11px;padding:13px 5px}.option-row button.selected{background:#314c3b;color:#fffdec;border-color:#314c3b}.setting-footer{margin-top:30px;border-top:1px solid #5b735722;padding-top:20px}.setting-footer>span{display:block;font-size:10px;color:#829078;margin-bottom:18px}.control-list{margin-top:20px}.control-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6b7d581c;padding:11px 0;font-size:12px}.control-list kbd{font-size:10px;padding:4px 7px}.touch-controls{position:fixed;left:20px;right:20px;bottom:158px;justify-content:space-between}.touch-controls>div{display:flex;gap:10px}.touch-controls button{height:55px;width:55px;background:#f6f8e7aa;border:1px solid #fff9;backdrop-filter:blur(8px);font-size:24px;border-radius:15px;touch-action:none;user-select:none}.touch-controls button:active{background:#aec49c}#error{position:fixed;inset:0;background:#f4f4e7;display:grid;place-content:center;text-align:center;padding:20px}[hidden]{display:none!important}body.night{--ink:#dce8d4;--panel:#273e38;color:#dce8d4}body.night .vignette{background:linear-gradient(90deg,#13272355,transparent 60%),linear-gradient(0deg,#13272399,transparent 25%)}body.night .intro p,body.night .garage-label,body.night .distance span,body.night .bottom-actions button,body.night .environment small,body.night .in-drive-controls{color:#b5c7ac}body.night .primary{background:#d4e0c7;color:#273b2d}body.night dialog{--ink:#263c32;color:var(--ink)}body.night .world-card,body.night .vehicles,body.night .tools button{background:#cddccbc9}
@media(min-width:1600px){.intro{top:25%}.world-card{width:220px}.vehicle{width:125px;height:74px}.garage{bottom:45px}}@media(max-width:1000px){header{left:25px;right:25px;top:24px}.route-label{display:none}.intro{left:5%;top:24%}h1{font-size:64px}.world-card{right:25px;width:175px}.bottom-left{left:25px;bottom:30px}.dashboard{right:25px}.vehicle{width:90px}.garage-label{font-size:7px}.in-drive-controls{gap:8px}}@media(max-width:700px){header{left:20px;right:20px;top:20px}.brand{font-size:23px}.brand-mark{width:27px;height:27px}.tools{gap:6px}.tools button{width:34px;height:34px}.world-card{top:80px;right:20px;width:125px;padding:9px}.world-card-top{font-size:6px;letter-spacing:.6px;gap:4px}.world-card canvas{height:55px}.world-card-bottom{font-size:6px}.world-card-bottom #time-label{display:none}.intro{top:21%;left:25px}.eyebrow{font-size:7px;letter-spacing:1.7px}h1{font-size:55px;letter-spacing:-2.5px;margin:18px 0}.intro p{font-size:11px;max-width:235px}.primary{font-size:11px;padding:14px 18px;min-width:145px}.start-note{display:none}.garage{bottom:25px;left:20px;transform:none}.garage-label{text-align:left;font-size:6px;letter-spacing:1.3px}.vehicle{width:67px;height:58px}.vehicle kbd{display:none}.vehicle svg{width:40px}.vehicle>span{font-size:9px}.dashboard{right:14px;bottom:22px;width:119px}.speed-dial{height:103px}.speed-dial>svg{width:119px;height:100px}.speed-value{padding-top:26px}.speed-value>span{font-size:34px}.speed-value>small{font-size:6px}.gear{bottom:4px;font-size:7px}.distance{padding-bottom:10px;gap:4px}.distance strong{font-size:9px}.distance span{font-size:5px}#cruise{font-size:7px;gap:4px;padding-top:10px}.bottom-left{left:22px;bottom:128px}.environment{gap:8px}.mountain-icon{width:31px;height:31px;font-size:22px}.environment small{font-size:6px}.environment strong{font-size:10px}.environment strong span{margin-left:15px}.bottom-actions{display:none}.in-drive-controls{bottom:auto;top:83px;left:22px;transform:none;flex-wrap:wrap;width:180px;gap:10px}.in-drive-controls>span{display:none}.drive-status{display:none!important}.touch-controls:not([hidden]){display:flex}.toast{bottom:235px;font-size:10px;max-width:90%;white-space:normal;text-align:center}.vignette{background:linear-gradient(90deg,#eef2dda1,transparent 90%),linear-gradient(0deg,#e5ead4bb,transparent 32%)}body.driving .bottom-left{display:none}}@media(max-height:650px) and (min-width:701px){.intro{top:22%}h1{font-size:54px;margin:16px 0}.intro p{margin-bottom:18px}.start-note{display:none}.world-card{top:90px}.garage{bottom:25px}.bottom-left{bottom:25px}.dashboard{bottom:20px}}

.touch-controls{display:none}body.night .world-card,body.night .tools button{color:#304737}body.night .speed-value>small{color:#bfd0b4}body.night .dial-track{stroke:#b9cfa244}body.night .dial-tick{stroke:#bfd0b477}body.night #speed-arc{stroke:#c7d9b5}body.night .brand-mark{background:#dce8d4}body.night .brand-mark i{background:#253d34}@media(pointer:coarse){.touch-controls:not([hidden]){display:flex}}@media(max-width:700px){.touch-controls:not([hidden]){display:flex}}