:root{--concept-cyan:#54e7e0;--concept-blue:#68a7ff;--concept-glass:rgba(7,20,24,.88)}
html,body{background:#030506!important}
body{display:grid!important;place-items:center!important;min-height:100vh!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 8%,#1a2a33 0,#091015 38%,#020304 78%)!important}
.simulator{width:100%!important;height:100vh!important;min-height:720px!important;padding:clamp(88px,12vh,132px) 18px 76px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(25,42,52,.58),transparent 18% 79%,rgba(0,0,0,.8)),radial-gradient(ellipse at 50% 100%,rgba(49,69,74,.32),transparent 45%)!important}
.simulator:after{content:"";position:absolute;left:18%;right:18%;bottom:13px;height:120px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#182226,#050708);border-top:4px solid #2d3a3f;box-shadow:0 -10px 30px rgba(0,0,0,.7);z-index:-1}
.cockpit{width:min(1600px,100%)!important;height:min(610px,calc(100vh - 170px))!important;min-height:540px!important;max-width:none!important;padding:28px 72px 34px!important;display:grid!important;grid-template-columns:27% 46% 27%!important;grid-template-rows:minmax(0,1fr) 58px!important;gap:0!important;border:1px solid #35454b!important;border-radius:84px 84px 38px 38px!important;background:linear-gradient(180deg,#10191d,#040708 92%)!important;box-shadow:0 24px 75px rgba(0,0,0,.76),inset 0 2px rgba(255,255,255,.13),inset 0 -5px #020303!important;overflow:visible!important}
.cockpit:before{content:"";position:absolute;inset:11px 18px 18px;border:1px solid rgba(141,180,190,.2);border-radius:68px 68px 28px 28px;pointer-events:none}.cockpit:after{bottom:-46px!important;height:60px!important;left:8%!important;right:8%!important;background:#020304!important}
.cluster-shell{grid-column:1/4!important;grid-row:1/3!important;min-height:0!important;padding:8px!important;border:1px solid #2b3c42!important;border-radius:62px 62px 24px 24px!important;background:#020405!important;box-shadow:inset 0 0 0 5px #0a1114,0 12px 32px rgba(0,0,0,.55)!important;overflow:hidden!important}
.cluster{height:100%!important;display:grid!important;grid-template-columns:27% 46% 27%!important;border-radius:52px 52px 17px 17px!important;background:linear-gradient(90deg,rgba(20,93,102,.15),#020708 30% 70%,rgba(20,65,95,.16))!important}.cluster:before{background:linear-gradient(90deg,rgba(59,226,218,.06),transparent 22% 78%,rgba(104,167,255,.06)),radial-gradient(ellipse at center,rgba(25,110,128,.12),transparent 58%)!important}
.gauge{align-items:start!important;padding:78px 24px 20px!important}.gauge-ring{width:min(200px,15vw)!important}.gauge-copy strong{font-size:clamp(52px,5vw,82px)!important;font-weight:430!important}.gauge-copy span{font-size:11px!important}.gauge-copy small{margin-top:30px!important;font-size:11px!important}.gauge:first-child .gauge-ring{opacity:.72!important}.gauge.right{padding-top:52px!important;align-items:start!important}.gauge.right .gauge-copy strong{font-size:clamp(46px,4vw,70px)!important}
.cluster-center{visibility:hidden!important}
.lower{display:contents!important}.wheel-remote{display:none!important}
.center-stack{grid-column:2!important;grid-row:1!important;z-index:5!important;min-width:0!important;min-height:0!important;margin:18px 4px 12px!important;padding:0!important;border:1px solid rgba(74,221,218,.18)!important;border-radius:18px!important;background:#061014!important;box-shadow:0 18px 45px rgba(0,0,0,.48)!important;overflow:hidden!important}.screen{height:100%!important;border-radius:17px!important;grid-template-rows:0 minmax(0,1fr) 0!important;background:#071318!important;color:#edf5f4!important}.app-tabs,.climate-bar{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}.surface{overflow:hidden!important}.view{height:100%!important}.map-view{min-height:100%!important;background:#07161b!important}.map-view:before{inset:-10%!important;background:repeating-linear-gradient(28deg,transparent 0 76px,rgba(74,120,125,.18) 77px 80px),repeating-linear-gradient(112deg,transparent 0 126px,rgba(55,94,100,.18) 127px 131px),radial-gradient(circle at 45% 55%,rgba(37,131,146,.17),transparent 48%)!important}.map-route{left:18%!important;right:10%!important;top:55%!important;height:7px!important;background:var(--concept-cyan)!important;box-shadow:0 0 0 3px rgba(83,231,224,.14),0 0 18px rgba(83,231,224,.65)!important}.map-card{left:18px!important;top:18px!important;width:min(310px,calc(100% - 156px))!important;padding:13px 14px!important;border:1px solid rgba(92,226,220,.3)!important;border-radius:12px!important;background:rgba(7,24,29,.92)!important;color:#f3f8f8!important;box-shadow:0 12px 28px rgba(0,0,0,.32)!important}.map-card small,.map-card p{color:#9dafb2!important}.map-card h2{font-size:17px!important}.map-card .eta{font-size:10px!important}.map-tools{right:12px!important;top:12px!important}.map-tools button{min-width:36px!important;min-height:34px!important;padding:0!important;border-color:rgba(255,255,255,.14)!important;background:rgba(8,23,27,.9)!important;color:#fff!important}.route-alts{right:12px!important;bottom:12px!important;width:178px!important;gap:5px!important}.route-alts button{min-height:48px!important;padding:7px 9px!important;border-color:rgba(111,192,192,.25)!important;background:rgba(7,24,29,.9)!important;color:#eef7f6!important;font-size:9px!important}.route-alts button small{color:#98aaac!important;font-size:8px!important}.route-alts button.active{border-color:var(--concept-blue)!important;background:rgba(14,44,53,.95)!important;box-shadow:inset 3px 0 var(--concept-blue)!important}
.drive-panel{grid-column:1/4!important;grid-row:2!important;z-index:8!important;min-width:0!important;display:grid!important;grid-template-columns:220px minmax(0,1fr) 220px!important;align-items:center!important;gap:16px!important;margin:0 12%!important;padding:7px 18px!important;border:1px solid rgba(97,226,219,.22)!important;border-radius:28px 28px 12px 12px!important;background:rgba(7,18,21,.96)!important;box-shadow:0 -8px 24px rgba(0,0,0,.3)!important}.drive-panel>div:first-child{display:flex!important;align-items:center!important;gap:10px!important}.drive-panel .remote-title{margin:0!important;font-size:8px!important}.gear{flex:1!important}.gear button{min-height:35px!important;border-radius:9px!important}.speed-control{border:0!important;padding:0!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important}.speed-control label{font-size:8px!important}.speed-control input{grid-column:2!important}.speed-control output{font-size:9px!important}.signal-row{grid-column:1/4!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-45px!important;width:280px!important}.signal-row button{min-height:34px!important}.drive-state{margin:0!important;padding:8px 11px!important;border-radius:11px!important}.drive-state strong{font-size:17px!important}.drive-state span{font-size:8px!important}
.concept-media{position:absolute;right:7.5%;top:49%;z-index:7;width:19%;min-width:190px;max-width:280px;padding:12px;border:1px solid rgba(89,170,186,.22);border-radius:14px;background:rgba(7,21,26,.88);box-shadow:0 12px 34px rgba(0,0,0,.34);backdrop-filter:blur(10px)}.concept-media__cover{width:56px;height:56px;border-radius:9px;background:conic-gradient(from 210deg,var(--concept-cyan),#7959d9,#301c4e,var(--concept-cyan));box-shadow:0 0 24px rgba(102,77,204,.25)}.concept-media__body{display:grid;grid-template-columns:56px 1fr;gap:11px;align-items:center}.concept-media small{display:block;color:#90a4a8;font-size:8px}.concept-media b{display:block;margin-top:3px;color:#fff;font-size:13px}.concept-media button{position:absolute;right:10px;bottom:9px;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#101d21;color:#fff;cursor:pointer}.concept-shortcuts{position:absolute;z-index:9;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.concept-shortcuts button{width:46px;height:46px;border:1px solid #35464c;border-radius:12px;background:linear-gradient(180deg,#172125,#090d0f);color:#b8c7ca;font-size:9px;cursor:pointer}.concept-shortcuts button:hover,.concept-shortcuts button:focus-visible{color:#fff;border-color:var(--concept-cyan)}
.overlay{z-index:40!important}
@media(max-width:1050px){.cockpit{padding-left:40px!important;padding-right:40px!important;grid-template-columns:25% 50% 25%!important}.cluster{grid-template-columns:25% 50% 25%!important}.concept-media{display:none!important}.drive-panel{margin:0 7%!important;grid-template-columns:190px 1fr 180px!important}.concept-shortcuts{display:none!important}}
@media(max-width:700px), (min-width:701px) and (max-width:840px) and (min-height:521px){body{overflow:auto!important}.simulator{height:auto!important;min-height:100vh!important;padding:0!important}.cockpit{height:auto!important;min-height:100vh!important;padding:8px!important;border:0!important;border-radius:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:174px 560px auto!important}.cluster-shell{grid-column:1!important;grid-row:1!important;border-radius:18px!important}.cluster{grid-template-columns:92px 1fr 92px!important;border-radius:14px!important}.gauge{padding:30px 5px!important}.gauge-ring{width:84px!important}.gauge-copy strong{font-size:30px!important}.gauge-copy span,.gauge-copy small{font-size:8px!important}.gauge-copy small{margin-top:10px!important}.cluster-center{visibility:visible!important;padding:8px 2px!important}.cluster-center .route-callout{display:flex!important}.center-stack{grid-column:1!important;grid-row:2!important;margin:8px 0!important}.screen{grid-template-rows:50px minmax(0,1fr) 58px!important}.app-tabs,.climate-bar{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important}.drive-panel{grid-column:1!important;grid-row:3!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;border-radius:16px!important}.drive-panel>div:first-child{justify-content:center!important}.speed-control{display:grid!important}.drive-state{display:none!important}.concept-media,.concept-shortcuts{display:none!important}.route-alts{left:10px!important;right:10px!important;width:auto!important;grid-template-columns:repeat(3,1fr)!important}.map-card{width:min(270px,calc(100% - 90px))!important}}
@media(prefers-reduced-motion:reduce){.indicator.active{animation:none!important}}
.screen>.surface{grid-row:2!important;min-height:0!important}
.cluster>.gauge:first-child:before{content:"";position:absolute;left:50%;bottom:24px;width:170px;height:235px;transform:translateX(-50%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(90deg,transparent 0 10%,rgba(76,223,218,.45) 11% 12%,transparent 13% 47%,rgba(76,223,218,.9) 48% 52%,transparent 53% 87%,rgba(76,223,218,.45) 88% 89%,transparent 90%),linear-gradient(180deg,rgba(35,149,158,.22),rgba(5,18,22,.05));filter:drop-shadow(0 0 12px rgba(76,223,218,.25));opacity:.9}.cluster>.gauge:first-child:after{content:"";position:absolute;left:50%;bottom:72px;width:48px;height:82px;transform:translateX(-50%);border-radius:18px 18px 12px 12px;background:linear-gradient(145deg,#5b6970,#10181c 48%,#030607);border:1px solid #78868b;box-shadow:0 10px 18px rgba(0,0,0,.7),inset 0 -4px #e6474e}.cluster>.gauge:first-child .gauge-copy{transform:translateY(-38px)}
@media(max-width:700px), (min-width:701px) and (max-width:840px) and (min-height:521px){.cockpit{grid-template-rows:210px 560px auto!important}.cluster>.gauge:first-child:before,.cluster>.gauge:first-child:after{display:none!important}.cluster>.gauge:first-child .gauge-copy{transform:none!important}.route-callout{transform:scale(.78)!important;transform-origin:top center!important}.cluster-bottom .adas{font-size:10px!important;max-width:110px!important;text-align:center!important}}
@media(min-width:841px), (min-width:701px) and (max-width:840px) and (max-height:520px){.center-stack,.screen{overflow:visible!important}.screen>.surface{overflow:hidden!important;border-radius:17px!important}.screen>#stackNav{position:fixed!important;right:30px!important;top:50%!important;transform:translateY(-50%)!important;z-index:20!important;width:54px!important;height:auto!important;display:grid!important;gap:8px!important;padding:0!important;overflow:visible!important;clip-path:none!important;background:transparent!important;border:0!important}.screen>#stackNav button{width:54px!important;min-height:46px!important;padding:0 4px!important;border:1px solid #35464c!important;border-radius:12px!important;background:linear-gradient(180deg,#172125,#090d0f)!important;color:#b8c7ca!important;font-size:8px!important}.screen>#stackNav button.active{border-color:var(--concept-cyan)!important;color:#fff!important}.concept-shortcuts{display:none!important}}
@media(min-width:841px), (min-width:701px) and (max-width:840px) and (max-height:520px){.wheel-remote{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:22!important;width:56px!important;height:auto!important;display:flex!important;gap:7px!important;padding:7px 5px!important;border:1px solid #35464c!important;border-radius:18px!important;background:linear-gradient(180deg,#172125,#090d0f)!important}.wheel-remote>div:first-child{display:none!important}.wheel-remote .dpad{width:44px!important;height:auto!important;aspect-ratio:auto!important;display:grid!important;gap:4px!important;margin:0!important;background:none!important;box-shadow:none!important}.wheel-remote .dpad button{position:static!important;width:44px!important;min-width:44px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:#11191b!important;color:#b8c7ca!important;font-size:9px!important}.wheel-remote .dpad button:focus-visible{border-color:var(--concept-cyan)!important}.wheel-remote .remote-row{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:0!important}.wheel-remote .remote-row button{width:44px!important;min-height:34px!important;padding:0!important;font-size:7px!important}.wheel-remote .remote-row button.active{color:var(--concept-cyan)!important}}
@media(min-width:841px), (min-width:701px) and (max-width:840px) and (max-height:520px){.cluster-center{visibility:visible!important;pointer-events:none!important}}
@media(min-width:841px), (min-width:701px) and (max-width:840px) and (max-height:520px){.screen>.climate-bar{position:absolute!important;left:-150px!important;right:-150px!important;bottom:0!important;z-index:18!important;width:auto!important;height:48px!important;display:grid!important;grid-template-columns:auto 1fr minmax(120px,1.2fr) 1fr auto auto!important;gap:8px!important;align-items:center!important;padding:6px 10px!important;overflow:visible!important;clip-path:none!important;border:1px solid rgba(91,223,216,.2)!important;border-radius:20px 20px 8px 8px!important;background:rgba(7,19,22,.97)!important;box-shadow:0 -8px 24px rgba(0,0,0,.28)!important}.screen>.climate-bar button{min-height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:8px!important}.screen>.climate-bar span{font-size:9px!important}.screen>.climate-bar input{min-width:100px!important}.map-view .route-alts{bottom:62px!important}}
@media(max-height:520px) and (min-width:701px){body{overflow:hidden!important}.simulator{height:100vh!important;min-height:0!important;padding:5px!important}.cockpit{height:calc(100vh - 10px)!important;min-height:0!important;padding:7px 50px 8px!important;grid-template-rows:minmax(0,1fr) 46px!important;border-radius:24px!important}.cluster-shell{border-radius:20px!important;padding:4px!important}.cluster{border-radius:15px!important}.center-stack{margin:5px 0 6px!important;border-radius:13px!important}.screen{border-radius:12px!important}.cluster>.gauge:first-child:before,.cluster>.gauge:first-child:after{display:none!important}.cluster>.gauge:first-child .gauge-copy{transform:none!important}.gauge,.gauge.right{padding:24px 6px!important}.gauge-ring{width:104px!important}.gauge-copy strong,.gauge.right .gauge-copy strong{font-size:34px!important}.gauge-copy small{margin-top:9px!important}.concept-media{display:none!important}.wheel-remote{left:6px!important;transform:translateY(-50%) scale(.72)!important}.screen>#stackNav{right:34px!important;gap:4px!important}.screen>#stackNav button{width:44px!important;min-height:34px!important}.drive-panel{grid-template-columns:150px minmax(0,1fr) 150px!important;gap:7px!important;margin:0 13%!important;padding:4px 8px!important;border-radius:14px!important}.gear button{min-height:30px!important}.speed-control{gap:5px!important}.drive-state{padding:5px 8px!important}.drive-state strong{font-size:13px!important}.signal-row{display:none!important}.screen>.climate-bar{left:-90px!important;right:-90px!important;height:40px!important;padding:3px 6px!important}.screen>.climate-bar button{min-height:30px!important}.map-card{left:7px!important;top:7px!important;padding:7px 9px!important}.route-alts{right:7px!important;bottom:46px!important;gap:3px!important}.route-alts button{min-height:38px!important;padding:4px 6px!important}}
@media(min-height:521px) and (max-height:719px) and (min-width:841px){body{overflow:auto!important;place-items:start center!important}.simulator{height:auto!important;min-height:720px!important}}
.concept-media__cover{background:conic-gradient(from 210deg,var(--track-color,var(--concept-cyan)),#7959d9,#301c4e,var(--track-color,var(--concept-cyan)))!important}
.gauge-copy span,.route-callout span,.route-alts button small,.map-card small,.eta{font-size:11px!important}
@media(max-width:700px), (min-width:701px) and (max-width:840px) and (min-height:521px){.gauge-copy span,.route-callout span,.route-alts button small,.map-card small,.eta{font-size:12px!important}}
.screen :is(.media-view,.climate-view,.vehicle-view,.software-view) :is(.section-head h2,.control-card h3,.temp-control,.guard-card h2){color:#0b1416!important}