.hero{padding:36px 0;align-items:center;gap:7%;grid-template-columns:1.2fr .8fr}.hero h1{font-size:clamp(44px,5vw,72px)}.hero-note .hero-photo{max-width:420px;margin-left:auto}.hero-intro{max-width:55ch;color:#bfc6b6;font-size:15px;line-height:1.8}.hero-note .scope{font-size:11px;max-width:420px;margin-left:auto}.scene-toolbar{display:flex;align-items:center;gap:20px;padding:13px 16px;background:#222b24;border:1px solid #64705b;border-bottom:0}.scene-toolbar label{font:9px/1.7 var(--mono);color:#c5c8b2;letter-spacing:1px}.scene-toolbar select{display:block;font:12px var(--mono);color:#e4e3c9;background:#18231e;border:1px solid #57604f;padding:7px 10px;min-height:36px;margin-top:4px}.scene-toolbar button{margin-left:auto;color:#e0ddc2;background:none;border:1px solid #68725d;padding:12px 15px;font:10px var(--mono);cursor:pointer}.scene-hint{font:9px/1.8 var(--mono);color:#a6b097;margin-left:auto}.arena-frame{aspect-ratio:16/10;min-height:420px;max-height:740px;box-shadow:none}canvas{touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.arena-overlay,.arena-bottom{color:#e5ddca;text-shadow:0 1px 6px #000;font-size:9px;z-index:2}.arena-overlay{background:linear-gradient(#111b12aa,transparent);left:0;right:0;top:0;padding:13px 17px 25px}.arena-bottom{background:linear-gradient(transparent,#111b12bb);left:0;right:0;bottom:0;padding:22px 17px 14px}.arena-overlay span:first-child,.arena-bottom span:first-child{color:#f2e6c9}.scene-start{position:absolute;z-index:3;left:50%;bottom:19%;transform:translateX(-50%);background:#f0e6ce;color:#1e281e;border:1px solid #f7efdc;padding:16px 30px;font:600 13px var(--mono);box-shadow:0 9px 35px #161b1788;cursor:pointer;white-space:nowrap}.scene-start:hover{background:white}.scene-start:disabled{opacity:.4}.arena-wrap:fullscreen{background:#18221b;width:100%;height:100%;display:flex;flex-direction:column;padding:15px}.arena-wrap:fullscreen .arena-frame{flex:1;max-height:none;min-height:0;aspect-ratio:auto}.scene-badges{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #3f4b37;font:9px var(--mono);color:#a9b494;letter-spacing:.6px}.scene-badges b{color:#dedac1;font-weight:400}.embedded .scene-toolbar{gap:10px;padding:10px}.embedded .scene-hint{display:none}.embedded .arena-frame{min-height:330px;max-height:470px}.embedded .scene-toolbar select{font-size:10px}.embedded .scene-toolbar button{padding:10px;font-size:9px}.embedded .scene-badges{display:none}.embedded .scene-start{font-size:11px;padding:12px 18px}.embedded .scene-toolbar label{font-size:8px}.embedded .controls{padding-top:10px}.embedded .notice{margin-bottom:8px}.scene-toolbar button:focus-visible,.scene-toolbar select:focus-visible{outline-color:#d6c184}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px}.hero-note{display:none}.hero h1{font-size:52px}.hero-intro{font-size:14px}.scene-toolbar{gap:10px;flex-wrap:wrap;padding:10px}.scene-hint{display:none}.scene-toolbar label{flex:1;min-width:100px}.scene-toolbar select{width:100%;font-size:10px}.scene-toolbar button{padding:9px;font-size:9px}.arena-frame{aspect-ratio:4/5;min-height:400px;max-height:590px}.arena-overlay,.arena-bottom{font-size:7px}.arena-overlay{padding:12px}.arena-bottom{padding:25px 12px 12px}.scene-start{font-size:11px;padding:13px 20px}.scene-badges{gap:12px;font-size:8px}.embedded .arena-frame{min-height:340px;max-height:400px;aspect-ratio:1}.embedded .scene-toolbar button{display:none}.embedded .vehicle-card .eyebrow{font-size:7px}.embedded .arena-bottom span:last-child{display:none}}
.arena-frame{width:100%}
#quick-play{display:none}.arena-wrap:fullscreen #quick-play{display:block;margin-left:0}.arena-wrap:fullscreen #fullscreen{margin-left:0}
.scene-expanded{overflow:hidden}.arena-wrap.expanded{position:fixed;inset:0;z-index:9999;background:#18221b;width:100vw;height:100dvh;display:flex;flex-direction:column;padding:15px}.arena-wrap.expanded .arena-frame{flex:1;max-height:none;min-height:0;aspect-ratio:auto}.arena-wrap.expanded #quick-play{display:block;margin-left:0}.arena-wrap.expanded #fullscreen{display:block;margin-left:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.experience-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #64705b;border-bottom:0;background:#101813;padding:11px 16px}.experience-tabs>div{display:flex;gap:5px}.experience-tabs button{border:0;background:transparent;color:#8f9b89;padding:12px 17px;font:11px var(--mono);cursor:pointer}.experience-tabs button[aria-pressed=true]{background:#d5c29c;color:#17201a}.experience-tabs>span{font:8px var(--mono);letter-spacing:1.5px;color:#9ba68f}.garage-controls{display:flex;gap:28px;align-items:center;padding:15px 18px;background:#19231d;border-inline:1px solid #64705b}.garage-controls[hidden]{display:none}.garage-controls label{font:9px var(--mono);letter-spacing:1px;color:#bdc3ad;min-width:180px}.garage-controls select{display:block;background:#111a15;color:#f1e9cf;border:1px solid #59624f;font:11px var(--mono);padding:9px;margin-top:7px;width:100%}.garage-controls .damage-slider{min-width:150px;max-width:270px;flex:1}.damage-slider output{float:right;color:#e6c990}.damage-slider input{display:block;width:100%;margin-top:13px;accent-color:#cfb88a;cursor:ew-resize}.garage-controls>span{margin-left:auto;font:10px var(--mono);color:#b1b59d}.garage-view .scene-start{bottom:12%;padding:13px 24px;background:#d8c39b;box-shadow:0 6px 30px #0005}.garage-view .arena-frame{background:#2c3430}.garage-view #camera{opacity:.5}.scene-toolbar{gap:15px}.scene-toolbar .scene-hint{display:none}.scene-toolbar button{white-space:nowrap}.arena-frame{box-shadow:inset 0 0 140px #080d0c3d}.arena-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #09100f33;z-index:1}.embedded .experience-tabs{padding:7px 10px}.embedded .experience-tabs button{padding:8px 11px;font-size:9px}.embedded .experience-tabs>span{display:none}.embedded .garage-controls{padding:9px 10px;gap:12px}.embedded .garage-controls>span{display:none}.embedded .garage-controls label{min-width:120px;font-size:8px}.embedded .garage-controls select{font-size:9px}.embedded .arena-wrap.expanded .arena-frame,.embedded .arena-wrap:fullscreen .arena-frame{max-height:none}
@media(max-width:700px){.experience-tabs{padding:9px}.experience-tabs>span{display:none}.experience-tabs>div{width:100%}.experience-tabs button{flex:1;font-size:10px;padding:12px}.garage-controls{gap:14px;padding:14px 10px}.garage-controls label{min-width:0;width:50%;font-size:8px}.garage-controls .damage-slider{min-width:0}.garage-controls>span{display:none}.garage-controls select{font-size:10px}.scene-toolbar label{min-width:75px}.scene-toolbar label:first-child{flex:1.5}.scene-toolbar button{padding:8px;font-size:8px}.scene-start{bottom:13%}.arena-wrap.expanded,.arena-wrap:fullscreen{padding:6px}.arena-wrap.expanded .scene-toolbar,.arena-wrap:fullscreen .scene-toolbar{gap:7px}.arena-wrap.expanded .experience-tabs,.arena-wrap:fullscreen .experience-tabs{padding:5px}}