@import url('./assets/fonts.css');
:root{--ground:#dfe7eb;--ink:#161e25;--muted:#64717a;--accent:#f3702b;--line:#bbc8cf;--panel:#eaf0f3;font-family:Barlow,Arial,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% 52%,#edf3f6 0%,#dfe7eb 60%,#cfdbe1 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,#viewer:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .2s,box-shadow .2s,transform .2s}button:hover{color:#b8440d}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#9aaab4}a{color:inherit}.sprite{position:absolute;width:0;height:0;overflow:hidden}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 2.6%;position:relative;z-index:5}header:after{content:'';position:absolute;left:32%;right:29%;bottom:16px;height:1px;background:var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand svg{width:57px;height:39px;fill:var(--ink)}.brand span{font-size:16px;letter-spacing:6px;font-weight:800}.brand small{display:block;letter-spacing:3.8px;font-size:11px;margin-top:3px}.brand:hover{color:var(--ink)}nav{display:flex;gap:35px;align-self:stretch;align-items:center}nav button{font-size:11px;font-weight:600;letter-spacing:1.6px;position:relative;height:100%}.nav-active:after{content:'';position:absolute;bottom:15px;height:2px;width:24px;left:calc(50% - 12px);background:var(--accent)}.dark-button{display:flex;align-items:center;gap:12px;background:var(--ink);color:#f3f7fa;padding:14px 18px;font-size:11px;letter-spacing:1.8px;clip-path:polygon(10% 0,100% 0,100% 75%,90% 100%,0 100%,0 25%)}.dark-button:hover{color:white;background:#333e47}.dark-button svg{width:22px;height:15px}.top-config span{margin-left:8px}main{min-height:calc(100svh - 92px);height:calc(100svh - 92px);position:relative;isolation:isolate;min-height:680px;max-height:1200px}.intro{position:absolute;top:20px;left:2.8%;width:23%;z-index:3;pointer-events:none}.breadcrumb{font-size:11px;letter-spacing:2.9px;margin:0 0 18px;white-space:nowrap;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:600}.breadcrumb span{margin:0 9px}h1{font-size:clamp(30px,2.8vw,56px);line-height:1.01;letter-spacing:1.4px;margin:0;font-weight:900}h1 i{display:inline-block;height:.46em;width:.15em;background:var(--accent);transform:skew(-30deg);margin-left:5px}.tagline{font-size:11px;letter-spacing:2.3px;line-height:1.5;color:var(--muted);margin:20px 0 25px}.tagline:before{content:'';display:block;width:16px;height:1px;background:#9aa7ae;margin-bottom:8px}.mini-specs{display:flex;gap:10px}.mini-specs div+div{border-left:1px solid var(--line);padding-left:10px}.mini-specs span{display:block;font-size:11px;letter-spacing:1px;min-height:26px;color:#596973}.mini-specs strong{font:600 24px 'Barlow Condensed',sans-serif}.mini-specs small{font-size:13px;margin-left:2px}.instructions{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;line-height:1.6;letter-spacing:1px;color:#5e6d76}.instructions svg{stroke:var(--accent);fill:none;stroke-width:1.4;width:25px}.finishes{margin:20px 0 0;padding:19px 22px 13px;border:0;width:222px;background:linear-gradient(140deg,#f0f5f8aa,#e8eef28c);pointer-events:auto;clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,0 100%)}.finishes legend{float:left;width:100%;font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:13px}.swatches{display:flex;gap:13px;align-items:center;clear:both}.swatch{width:36px;height:38px;border-radius:3px;background:linear-gradient(135deg,#364049,#080e12);box-shadow:2px 4px 6px #1a283322;border:2px solid transparent;outline:1px solid transparent}.swatch:nth-child(2){background:linear-gradient(135deg,#68747d,#333c45)}.swatch:nth-child(3){background:linear-gradient(135deg,#cad2d8,#8e9da7)}.swatch.selected{outline:2px solid var(--accent);outline-offset:3px}.next-finish{font-size:29px;margin-left:auto}.finishes>span{display:block;margin-top:10px;font-size:11px;letter-spacing:.4px}.engineering{position:absolute;top:42px;left:28%;font-size:11px;line-height:1.5;letter-spacing:3px;z-index:1}.orange-slash{position:absolute;left:-19px;top:-12px;width:12px;height:20px;transform:skew(-30deg);background:var(--accent)}.rule{display:block;background:#a3b2bc;width:20px;height:1px;margin-top:9px}.blueprint{position:absolute;left:49%;top:10px;width:23%;opacity:.55;mix-blend-mode:multiply}.model-label{position:absolute;left:75%;top:65px;color:var(--muted);font-size:11px;line-height:1.5;letter-spacing:3px}.model-label b{color:var(--ink);font-size:11px;letter-spacing:4px}.model-label i{display:block;width:18px;height:2px;background:var(--accent);margin:12px 0}#viewer{position:absolute;top:115px;left:15%;width:69%;height:calc(100% - 318px);min-height:330px;z-index:2;touch-action:none;cursor:grab}#viewer:active{cursor:grabbing}#viewer canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:11px;letter-spacing:4px;z-index:5}#loading span{display:block;height:2px;width:80px;background:var(--accent);margin:15px auto;animation:load 1s infinite alternate}@keyframes load{to{width:160px}}#reset-view,#auto-rotate{position:absolute;bottom:12px;right:18px;font-size:17px;opacity:.6;padding:7px}#auto-rotate{right:60px;font-size:11px;bottom:15px}#auto-rotate[aria-pressed=true]{color:#b8440d;opacity:1}.specs{position:absolute;right:2%;top:11px;width:17.5%;display:grid;gap:13px;z-index:3}.spec{background:linear-gradient(135deg,#f1f6f9c9,#e8eff2a8);padding:20px 15px;display:flex;align-items:center;gap:12px;text-align:left;min-height:96px;clip-path:polygon(5% 0,91% 0,100% 20%,100% 78%,91% 100%,0 100%,0 14%)}.spec:hover{background:#f5f9fb}.spec-icon{width:30px;height:30px;flex-shrink:0}.spec-icon.line{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round}.spec>span:not(.chevron){flex:1;min-width:0}.spec small{font-size:11px;letter-spacing:2.3px;color:#5c6b76;display:block;margin-bottom:5px}.spec strong{font:600 24px 'Barlow Condensed',sans-serif;display:block;white-space:nowrap}.spec strong.armor{font-size:18px}.spec em{font:400 10px 'Barlow Condensed',sans-serif;color:#53616a;display:block;margin-top:5px}.chevron{font-size:24px}.vehicle-status{position:absolute;left:33%;right:23%;bottom:213px;display:flex;justify-content:center;gap:16px;font-size:11px;letter-spacing:1px;z-index:3;white-space:nowrap;color:#566772}.vehicle-status span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.vehicle-status b{color:var(--ink);font-family:'Barlow Condensed';font-size:11px;margin-left:4px}.film-poster,.configure-poster{position:absolute;bottom:70px;left:2.2%;width:17%;height:175px;z-index:4;padding:0;box-shadow:7px 18px 25px #293c4320;clip-path:polygon(0 0,90% 0,100% 12%,100% 86%,90% 100%,0 100%);overflow:hidden}.film-poster img{width:100%;height:100%;object-fit:cover}.film-poster:hover{transform:translateY(-3px)}.configure-poster{left:auto;right:2%;background:#151e25 url('./assets/gotham.png') 100% 30%/cover;text-align:left;padding:25px 24px;color:#f7fbfd}.configure-poster:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#10191df5,#131f26bb)}.configure-poster>*{position:relative}.configure-poster>span{font-size:11px;letter-spacing:5px}.configure-poster strong{display:block;font-size:15px;font-weight:500;letter-spacing:3px;line-height:1.6;margin-top:12px}.configure-poster svg{position:absolute;bottom:22px;left:25px;width:46px;height:22px}.configure-poster b{position:absolute;bottom:18px;right:19px;background:var(--accent);color:#182128;padding:3px 18px;font-size:24px;clip-path:polygon(15% 0,100% 0,100% 70%,85% 100%,0 100%,0 30%)}.configure-poster:hover{color:white;transform:translateY(-3px)}.configurations{position:absolute;left:22%;right:22%;bottom:69px;z-index:4}.section-title{display:flex;justify-content:center;align-items:center;gap:17px;font-size:11px;letter-spacing:5px;margin-bottom:20px}.section-title span{height:1px;width:44px;background:var(--line)}.mode-list{display:flex;gap:10px}.mode{border:1px solid #bfcbd1;position:relative;flex:1;min-width:0;height:106px;padding:5px 5px 10px;background:#eef3f630;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.mode.selected{border:2px solid var(--accent);background:#ffffffb5}.mode:hover{background:#fff9;color:var(--ink)}.mode img{width:100%;height:60px;object-fit:contain;opacity:.65}.mode.selected img{opacity:1}.mode strong{font-size:11px;font-weight:700;letter-spacing:1.3px;white-space:nowrap}.mode small{font-size:11px;color:#526571;letter-spacing:.3px;margin-top:5px;white-space:nowrap}.mode.custom{border-style:dashed}.mode.custom span{font-size:35px;font-weight:300;line-height:1.1;margin-bottom:10px}.mode.selected.custom{border-style:solid}footer{position:absolute;bottom:15px;left:2.5%;right:2.5%;display:flex;justify-content:space-between;align-items:center;color:#596e7b;font-size:11px;line-height:1.6;letter-spacing:2px}footer>span:last-child{text-align:right}.chapter-nav{display:flex;gap:35px}.chapter-nav button{text-align:left;font-size:11px;letter-spacing:1.7px}.chapter-nav b{display:block;color:var(--ink);font:600 11px 'Barlow Condensed',sans-serif;margin-bottom:2px}.chapter-nav .active{display:flex;align-items:center;gap:7px;color:var(--ink);font-weight:600}.chapter-nav .active b{font-size:25px;color:#db5b17}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{border:1px solid #b2c0c7;background:#e8eff3;color:var(--ink);width:min(560px,92vw);max-height:85svh;padding:40px;box-shadow:15px 25px 70px #12263040}dialog::backdrop{background:#14232b80;backdrop-filter:blur(7px)}.close{position:absolute;right:13px;top:6px;font-size:30px}dialog h2{font-size:29px;letter-spacing:1px;margin:0 0 18px}dialog p{line-height:1.7;color:#465a67;font-size:14px}dialog video{width:100%;display:block}dialog:has(video){width:min(1100px,94vw);padding:32px 15px 15px}dialog label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}dialog input{accent-color:var(--accent)}dialog select{font:inherit;color:var(--ink);background:#f5f8fa;border:1px solid #a8b7c0;padding:8px}dialog .save{background:var(--ink);color:white;padding:14px 20px;margin-top:25px;font-size:11px;letter-spacing:2px}.summary-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-list div{padding:16px;background:#f4f7f9}.summary-list b{display:block;font:600 30px 'Barlow Condensed'}.summary-list small{font-size:11px;letter-spacing:1px}.credits{font-size:11px!important}
@media(min-width:1800px){header{height:110px}main{height:calc(100svh - 110px)}.intro{top:32px}.breadcrumb{font-size:11px}h1{font-size:54px}.tagline{font-size:14px}.mini-specs strong{font-size:32px}.mini-specs span{font-size:11px}.instructions{font-size:11px}.finishes{width:270px}.swatch{width:44px;height:44px}.spec{min-height:125px}.spec small{font-size:11px}.spec strong{font-size:30px}.spec strong.armor{font-size:23px}.spec em{font-size:13px}.spec-icon{width:36px;height:36px}.film-poster,.configure-poster{height:210px}.configurations{bottom:70px}.mode{height:135px}.mode img{height:85px}.mode strong{font-size:11px}.mode small{font-size:11px}.vehicle-status{bottom:250px}.section-title{margin-bottom:25px}#viewer{top:140px;height:calc(100% - 355px)}}
@media(max-width:1100px){header{height:78px}nav{gap:17px}nav button{font-size:11px}.brand span{font-size:12px;letter-spacing:4px}.brand svg{width:43px}.top-config{padding:12px;font-size:11px}main{height:calc(100svh - 78px);min-height:660px}.breadcrumb{font-size:11px;letter-spacing:1.5px}h1{font-size:31px}.tagline{font-size:11px;letter-spacing:1.6px}.intro{width:25%}.specs{width:19%}.spec{padding:16px 10px;gap:8px;min-height:87px}.spec strong{font-size:22px}.spec strong.armor{font-size:15px}.spec-icon{width:22px}.spec small{font-size:11px;letter-spacing:1.5px}.chevron{display:none}.mini-specs{gap:7px}.mini-specs div+div{padding-left:7px}.mini-specs strong{font-size:22px}.mini-specs small{font-size:11px}.mini-specs span{font-size:11px}.instructions{font-size:11px}.finishes{width:190px;padding:17px}.swatch{width:30px;height:33px}.engineering{left:31%;font-size:11px}.blueprint{left:47%;width:26%}.model-label{display:none}#viewer{left:17%;width:65%;top:145px;height:calc(100% - 335px)}.vehicle-status{font-size:11px;gap:8px;left:27%;right:22%;bottom:209px}.vehicle-status b{font-size:11px}.mode-list{gap:6px}.mode strong{font-size:6.5px;letter-spacing:.6px}.mode small{font-size:6.5px}.film-poster,.configure-poster{height:147px}.configure-poster{padding:18px}.configure-poster strong{font-size:11px;letter-spacing:2px}.chapter-nav{gap:20px}.chapter-nav button{font-size:11px}footer{font-size:11px}}
@media(max-width:900px){header{height:70px;padding:0 6%}.brand svg{width:42px}.brand span{font-size:12px}.brand small{font-size:11px}nav,header:after{display:none}.top-config{font-size:11px;padding:12px}.top-config svg{width:18px}main{height:auto;min-height:1120px;padding-bottom:45px;overflow:hidden}.intro{top:12px;left:6%;width:88%;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;pointer-events:none}.breadcrumb{grid-column:1/-1;font-size:11px;margin-bottom:14px}h1{font-size:32px;grid-row:1/4;letter-spacing:.8px}.tagline{font-size:11px;letter-spacing:1.3px;line-height:1.7;margin:3px 0 10px}.mini-specs{gap:8px}.mini-specs span{font-size:11px;letter-spacing:.4px;min-height:22px}.mini-specs strong{font-size:22px}.mini-specs small{font-size:11px}.instructions{font-size:11px;letter-spacing:.3px;margin:12px 0 0;gap:6px}.instructions svg{width:18px}.finishes{position:absolute;top:490px;left:0;width:100%;margin:0;padding:14px 0;background:none;clip-path:none;display:flex;align-items:center;gap:14px}.finishes legend{float:none;width:auto;font-size:11px;letter-spacing:1px;margin:0}.swatches{gap:12px}.swatch{width:32px;height:32px}.next-finish{display:none}.finishes>span{margin:0 0 0 auto;font-size:11px;max-width:62px}.engineering{top:222px;left:8%;font-size:11px;letter-spacing:2px}.orange-slash{height:13px;width:7px;left:-9px;top:-4px}.blueprint{top:222px;left:50%;width:42%;opacity:.5}#viewer{top:254px;left:0;width:100%;height:251px;min-height:0}#reset-view{right:17px;bottom:5px}#auto-rotate{right:51px;bottom:9px}.vehicle-status{top:489px;bottom:auto;left:4%;right:4%;font-size:11px;gap:9px}.vehicle-status b{font-size:11px}.specs{top:583px;left:6%;right:6%;width:auto;grid-template-columns:1fr 1fr;gap:9px}.spec{min-height:80px;padding:13px 11px}.spec strong.armor{font-size:15px}.spec small{font-size:11px}.spec em{font-size:11px}.configurations{top:772px;bottom:auto;left:6%;right:0}.section-title{margin-bottom:17px;margin-right:6%;font-size:11px}.mode-list{overflow-x:auto;padding:3px 6% 12px 3px;gap:9px}.mode{flex:0 0 105px;height:105px}.mode strong{font-size:11px}.mode small{font-size:11px}.film-poster,.configure-poster{top:951px;bottom:auto;width:42%;height:132px}.film-poster{left:6%}.configure-poster{right:6%;padding:17px}.configure-poster strong{font-size:12px}.configure-poster>span{font-size:11px}.configure-poster svg{width:34px;bottom:14px;left:17px}.configure-poster b{bottom:12px;right:12px;padding:0 13px}.chapter-nav{display:none}footer{left:6%;right:6%;bottom:5px;font-size:11px}.blueprint{mix-blend-mode:multiply}dialog{padding:30px 22px}dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable controls retain the reference's compact typographic rhythm. */
:root{--muted:#4d5f6b}.configure-poster{padding:0;background:none}.configure-poster:before{display:none}.configure-poster img{width:100%;height:100%;object-fit:cover}.mode strong{font-size:11px;letter-spacing:1px}.mode small{font-size:11px}.spec small{font-size:11px;letter-spacing:1.5px}.spec em{font-size:12px}.finishes legend{font-size:11px}.finishes>span{font-size:11px}.mini-specs span{font-size:11px}.instructions{font-size:11px}.vehicle-status{font-size:11px}.vehicle-status b{font-size:11px}.chapter-nav button{font-size:11px}.chapter-nav .active b{color:#b9430b}dialog{border:0}.spec small,.spec em,.instructions{color:#485d69}
@media(max-width:900px){.mode{flex-basis:128px;height:115px}.mode strong{font-size:11px;letter-spacing:.5px}.mode small{font-size:11px}.spec small{font-size:11px}.spec em{font-size:11px}.mini-specs span{font-size:11px;letter-spacing:0}.mini-specs strong{font-size:23px}.instructions{font-size:11px;line-height:1.5}.instructions svg{display:none}.finishes legend{font-size:11px;letter-spacing:.7px}.finishes>span{font-size:11px;max-width:70px}.vehicle-status{font-size:11px;letter-spacing:.2px;gap:8px}.vehicle-status b{font-size:11px;margin-left:3px}.tagline{font-size:11px;letter-spacing:.5px}.top-config{font-size:11px;letter-spacing:1px}.configure-poster{padding:0}}
/* Finish review: readable interactive labels; source-bound decorative marks retained. */
nav button,.top-config,.mode strong,.mode small,.chapter-nav button,.spec small,.finishes legend,.finishes>span{font-size:11px}.mode strong{letter-spacing:.6px}.mode small{letter-spacing:0}.vehicle-status{font-size:11px;letter-spacing:.3px}.instructions{font-size:11px;letter-spacing:.5px}.mini-specs span{font-size:11px;letter-spacing:.3px}.spec small{letter-spacing:1.4px}.top-config .line{width:16px;height:16px}
@media(max-width:1100px) and (min-width:901px){nav{gap:15px}nav button{font-size:11px;letter-spacing:.5px}.mode strong{font-size:11px;letter-spacing:0}.mode small{font-size:11px}.spec small{font-size:11px}.vehicle-status{font-size:11px}.mini-specs span{font-size:11px}}
@media(max-width:900px){.intro{grid-template-columns:1.05fr 1fr;gap:0 10px}h1{font-size:30px}.tagline{font-size:11px}.mini-specs{gap:5px}.mini-specs div+div{padding-left:5px}.mini-specs span{font-size:11px;letter-spacing:0}.instructions{font-size:11px;letter-spacing:0}.mode strong,.mode small,.top-config,.finishes legend,.finishes>span{font-size:11px}.spec small{font-size:11px;letter-spacing:1px}.vehicle-status{font-size:11px;gap:6px}.vehicle-status b{font-size:11px}.vehicle-status span:before{width:4px;height:4px;margin-right:3px}.finishes{gap:10px}.finishes legend{width:100%;margin-bottom:1px}.finishes>span{max-width:none}.swatches{flex-shrink:0}.engineering{top:231px}.blueprint{top:229px}}
.instructions{font-size:11px;letter-spacing:.2px}.vehicle-status{font-size:11px;gap:11px}.vehicle-status b{font-size:11px}.breadcrumb{font-size:11px;letter-spacing:2px}
@media(max-width:1100px) and (min-width:901px){nav button,.mode strong,.mode small,.spec small,.vehicle-status,.mini-specs span{font-size:11px}.mode strong{white-space:normal}.mode small{white-space:normal}.mode{height:120px}.vehicle-status{letter-spacing:0;gap:7px}.breadcrumb{font-size:11px;letter-spacing:1px}}
@media(max-width:900px){h1{font-size:28px;letter-spacing:.5px}.breadcrumb{font-size:11px;letter-spacing:1px}.mini-specs{gap:3px}.mini-specs>div{flex:1;min-width:0}.mini-specs div+div{padding-left:4px}.mini-specs span{font-size:11px;min-height:31px;line-height:1.15}.mini-specs strong{font-size:22px}.mini-specs small{font-size:11px}.instructions{font-size:11px;line-height:1.35;margin-top:8px}.vehicle-status{top:491px;font-size:11px;gap:18px;line-height:1.4}.vehicle-status b{display:block;font-size:11px;text-align:center;margin-left:0}.finishes{top:528px}.specs{top:621px}.spec small{font-size:11px;letter-spacing:.5px}.configurations{top:818px}.film-poster,.configure-poster{top:998px}main{min-height:1167px}.engineering{top:238px}.blueprint{top:237px}}
/* Frota em português, preservando a direção visual existente. */
.vehicle-selector{position:absolute;top:4px;left:28%;z-index:5;display:flex;border-bottom:1px solid #aab9c2;gap:20px}.vehicle-selector button{padding:12px 0;font-size:11px;letter-spacing:1px;color:#596d79;position:relative;white-space:nowrap}.vehicle-selector b{margin-left:7px;font-weight:600}.vehicle-selector [aria-pressed=true]{color:var(--ink)}.vehicle-selector [aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent)}.engineering{top:80px}.blueprint{top:61px;left:53%;width:19%}.model-label{top:78px;left:73%;letter-spacing:1.5px;max-width:110px}.model-label b{letter-spacing:1px}.breadcrumb{letter-spacing:1px}.section-title b{font-weight:500}.section-title{letter-spacing:3px}.spec strong.armor{font-size:17px}.spec em{font-size:11px}.instructions{max-width:300px}.film-poster,.configure-poster{background:#14212b;text-align:left;color:#f3f7f9;padding:20px;isolation:isolate}.film-poster:before,.configure-poster:before{content:'';display:block;position:absolute;inset:0;z-index:-2;background:url('./assets/gotham.png') right center/210% 100%;opacity:.45}.film-poster:after,.configure-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111d27e6,#14232b33);z-index:-1}.film-poster>*{position:relative}.poster-eyebrow,.configure-poster>.poster-eyebrow{font-size:11px;letter-spacing:2px;display:block}.film-poster strong,.configure-poster strong{font-size:16px;line-height:1.35;letter-spacing:.7px;font-weight:600;display:block;margin:12px 0}.poster-action,.configure-poster>.poster-action{font-size:11px;letter-spacing:1px;display:block;margin-top:17px}.film-poster small{display:block;font-size:11px;letter-spacing:.4px;margin-top:7px}.configure-poster .poster-action b{right:0;bottom:-6px;padding:2px 16px}.film-poster:hover{color:#fff}.mode strong{white-space:normal}.spec{gap:9px}.vehicle-status{gap:16px}.vehicle-status b{margin-left:5px}.top-config{letter-spacing:1px}
@media(min-width:1800px){.vehicle-selector{top:15px}.engineering{top:90px}.blueprint{top:61px}}
@media(max-width:1100px) and (min-width:901px){.vehicle-selector{left:29%;gap:12px}.vehicle-selector button{font-size:11px;letter-spacing:0}.spec strong.armor{font-size:14px}.poster-eyebrow,.configure-poster>.poster-eyebrow{font-size:11px;letter-spacing:1px}.film-poster,.configure-poster{padding:15px}.film-poster strong,.configure-poster strong{font-size:12px}.poster-action,.configure-poster>.poster-action{font-size:11px;margin-top:12px}.film-poster small{font-size:11px}.vehicle-status{gap:9px;font-size:11px}.vehicle-status b{font-size:11px}.engineering{top:78px}.blueprint{left:53%;top:70px}.mini-specs span{font-size:11px}}
@media(max-width:900px){main{min-height:1255px}.vehicle-selector{top:243px;left:6%;right:6%;justify-content:space-between;gap:10px}.vehicle-selector button{padding:13px 0;font-size:11px;letter-spacing:.4px}.vehicle-selector b{margin-left:4px}.engineering{top:311px;left:8%;font-size:11px}.blueprint{top:295px;left:51%;width:40%}#viewer{top:332px;height:251px}.vehicle-status{top:582px;gap:16px;font-size:11px}.vehicle-status b{margin-left:0;font-size:11px}.finishes{top:622px}.specs{top:711px}.configurations{top:905px}.film-poster,.configure-poster{top:1085px;height:132px;padding:13px}.film-poster strong,.configure-poster strong{font-size:12px;margin:10px 0;letter-spacing:.3px}.poster-eyebrow,.configure-poster>.poster-eyebrow{font-size:11px;letter-spacing:1px}.poster-action,.configure-poster>.poster-action{font-size:11px;letter-spacing:.2px;margin-top:13px}.film-poster small{font-size:11px;margin-top:5px}.configure-poster .poster-action b{padding:0 10px;right:0;bottom:-4px}.spec strong.armor{font-size:15px}.section-title{font-size:11px;letter-spacing:2px}.intro{grid-template-columns:1fr 1fr}.tagline{font-size:11px}.mini-specs span{font-size:11px}.mini-specs strong{font-size:21px}.instructions{font-size:11px}.breadcrumb{font-size:11px;letter-spacing:.8px}h1{font-size:28px}.finishes>span{font-size:11px}.top-config{font-size:11px;padding:12px 10px;gap:8px}}

@media(min-width:901px){#reset-view{right:65px}#auto-rotate{right:107px}}
@media(max-width:360px){.brand span{letter-spacing:2px}.brand{gap:7px}.brand svg{width:34px}.top-config{gap:5px;padding:11px 8px;font-size:11px}.top-config .line{display:none}.breadcrumb{letter-spacing:0}.vehicle-selector button{font-size:11px}.spec{padding:12px 8px;gap:6px}.spec-icon{width:18px}.spec strong.armor{font-size:13px}.spec small{font-size:11px}.finishes{gap:7px}.finishes>span{font-size:11px}.film-poster,.configure-poster{padding:11px}.film-poster strong,.configure-poster strong{font-size:11px}.poster-eyebrow,.configure-poster>.poster-eyebrow{font-size:11px}.poster-action,.configure-poster>.poster-action{font-size:11px}.configure-poster .poster-action b{padding:0 7px}.vehicle-status{gap:12px}}

.instructions-touch{display:none}.film-poster .poster-action{display:flex;align-items:center;gap:7px}.poster-play{width:11px;height:11px;flex-shrink:0}.configure-poster>.poster-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.configure-poster .poster-arrow{position:static;width:39px;height:29px;padding:4px 9px;background:var(--accent);color:var(--ink);flex-shrink:0}.film-poster strong,.configure-poster strong{margin-top:0}.configure-poster strong{padding-right:0}.film-poster small{line-height:1.4}.film-poster,.configure-poster{display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.instructions-desktop{display:none}.instructions-touch{display:block}.configurations{top:935px}.film-poster,.configure-poster{top:1115px}main{min-height:1285px}.section-title{white-space:nowrap;gap:10px}.section-title span{flex:1;max-width:44px}.section-title b{font-size:11px;letter-spacing:1px}.configure-poster .poster-arrow{width:29px;height:24px;padding:4px 6px}.configure-poster>.poster-action{margin-top:7px}.film-poster strong,.configure-poster strong{font-size:12px}.film-poster .poster-action{font-size:11px;gap:5px}.film-poster small{font-size:11px}.poster-play{width:8px;height:8px}}
@media(min-width:901px) and (max-width:1100px){main{min-height:760px}#viewer{left:27%;width:53%;top:150px;height:calc(100% - 435px);min-height:330px}.vehicle-status{bottom:250px;left:29%;right:22%;font-size:11px}.vehicle-status b{font-size:11px}.configurations{left:22%;right:22%}.mode{height:120px}.film-poster,.configure-poster{height:166px;padding:14px}.film-poster strong,.configure-poster strong{font-size:12px}.configure-poster .poster-action{font-size:11px;gap:4px}.configure-poster .poster-arrow{width:27px;height:24px;padding:4px 5px}.film-poster .poster-action{font-size:11px;gap:4px}.film-poster small{font-size:11px}.engineering{left:32%}}

.close{width:40px;height:40px;display:grid;place-items:center}.chevron svg{display:block;width:14px;height:20px}.mode-plus{display:block}.apply-arrow{vertical-align:middle;margin-left:8px}
/* Seleção visual: toda a frota permanece visível ao trocar o modelo. */
.vehicle-selector{top:8px;left:28%;right:22%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0}.vehicle-selector button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;height:153px;padding:4px 8px 10px;border:1px solid #aebec7;background:#eaf0f380;color:var(--ink);white-space:normal;letter-spacing:.4px;text-align:center;transition:background .2s,border-color .2s}.vehicle-selector button:hover{background:#f4f8fa}.vehicle-selector button:disabled{cursor:progress;opacity:.55}.vehicle-selector [aria-pressed=true]{border:2px solid var(--accent);background:#f4f8fa;padding:3px 7px 9px}.vehicle-selector [aria-pressed=true]:after{display:none}.vehicle-selector .vehicle-preview{width:100%;height:85px;object-fit:contain;transition:transform .25s cubic-bezier(.16,1,.3,1)}.vehicle-selector button:hover .vehicle-preview{transform:translateY(-3px)}.vehicle-caption{display:block;width:100%}.vehicle-selector b{display:block;margin:0;font-size:12px;line-height:1.25;font-weight:700;letter-spacing:.3px}.vehicle-caption small{display:block;margin-top:3px;font-size:11px;color:#4d5f6b;letter-spacing:.2px}.vehicle-state{display:block;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:1.2px;color:#516572}.vehicle-selector [aria-pressed=true] .vehicle-state{color:#a73d0a}.engineering,.blueprint,.model-label{display:none}#viewer{top:177px;left:25%;width:55%;height:calc(100% - 400px);min-height:315px}.vehicle-status>span:before{display:inline-block}.vehicle-status #stance-label:before{display:none}.vehicle-status #stance-label{display:inline}#reset-view{right:15px}#auto-rotate{right:58px}
@media(min-width:901px) and (max-width:1250px){main{min-height:790px}.vehicle-selector{left:28%;right:22%;gap:7px}.vehicle-selector button{height:153px;padding-left:5px;padding-right:5px}.vehicle-selector b{font-size:11px}.vehicle-selector .vehicle-preview{height:77px}.vehicle-caption{min-height:42px}.vehicle-state{margin-top:5px;font-size:11px}.vehicle-selector [aria-pressed=true]{padding-left:4px;padding-right:4px}#viewer{top:183px;left:27%;width:53%;height:calc(100% - 438px);min-height:315px}.vehicle-status{bottom:235px;left:28%;right:22%;font-size:11px;gap:9px}.vehicle-status b{font-size:11px}.configurations{bottom:69px}.section-title{margin-bottom:20px}}
@media(max-width:900px){main{min-height:1320px}.vehicle-selector{top:239px;left:6%;right:6%;gap:7px;justify-content:normal}.vehicle-selector button{height:139px;padding:4px 4px 8px}.vehicle-selector [aria-pressed=true]{padding:3px 3px 7px}.vehicle-selector .vehicle-preview{height:62px}.vehicle-selector b{font-size:11px;line-height:1.2;letter-spacing:0}.vehicle-caption{min-height:42px}.vehicle-caption small{font-size:11px;margin-top:4px}.vehicle-state{font-size:11px;letter-spacing:.7px;margin-top:7px}#viewer{top:398px;left:0;width:100%;height:235px;min-height:0}.vehicle-status{top:634px;bottom:auto;left:4%;right:4%;font-size:11px;gap:16px}.finishes{top:671px}.specs{top:759px}.configurations{top:980px}.film-poster,.configure-poster{top:1160px}.engineering,.blueprint,.model-label{display:none}#reset-view{right:17px}#auto-rotate{right:54px}}
@media(max-width:360px){.vehicle-selector{left:5%;right:5%;gap:5px}.vehicle-selector b{font-size:11px}.vehicle-caption small{font-size:11px}.vehicle-state{font-size:11px;letter-spacing:.3px}.vehicle-selector .vehicle-preview{height:60px}.vehicle-status{gap:11px}}

/* Engine control belongs to the vehicle, above the configuration row. */
.engine-controls{position:absolute;z-index:6;bottom:234px;left:52%;transform:translateX(-50%);display:flex;align-items:center;gap:14px}
#engine-toggle{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:13px 16px;font:600 11px Barlow,Arial,sans-serif;letter-spacing:1px;min-width:190px;justify-content:center;border:1px solid var(--ink)}
#engine-toggle:hover{background:#263944}#engine-toggle.running{background:#a84616;border-color:#a84616}.engine-indicator{width:5px;height:5px;background:#71828b;border-radius:50%}.running .engine-indicator{background:#fff;animation:engine-pulse 1s ease-in-out infinite alternate}
.engine-volume{display:flex;align-items:center;gap:6px}.engine-volume input{width:60px;accent-color:var(--accent);cursor:pointer}#engine-toggle:disabled{opacity:.65}
@keyframes engine-pulse{to{opacity:.35}}
@media(min-width:901px){.vehicle-status{bottom:211px;left:28%;right:22%;gap:12px;font-size:11px}.vehicle-status b{font-size:11px}#viewer{height:calc(100% - 451px);min-height:270px}.configurations .section-title{margin-top:0}}
@media(min-width:901px) and (max-width:1250px){.engine-controls{left:54%;gap:8px}.engine-volume input{width:46px}#viewer{height:calc(100% - 451px);min-height:270px}}
@media(max-width:900px){main{min-height:1390px}.engine-controls{top:651px;bottom:auto;left:50%;gap:10px;white-space:nowrap}.vehicle-status{top:709px;bottom:auto}.finishes{top:742px;min-height:82px}.specs{top:844px}.configurations{top:1050px}.film-poster,.configure-poster{top:1230px}}
@media(prefers-reduced-motion:reduce){.running .engine-indicator{animation:none}}

/* Readable control labels retain the incumbent condensed typographic voice. */
.vehicle-status{font-size:11px;gap:12px}.vehicle-status b{font-size:11px}.vehicle-state{letter-spacing:.3px}.film-poster small{font-size:11px;line-height:1.35}.poster-action{letter-spacing:.2px}
@media(max-width:900px){main{min-height:1470px}.film-poster,.configure-poster{height:192px}.film-poster .poster-action{font-size:11px;line-height:1.3;align-items:flex-start}.film-poster small{font-size:11px;margin-top:7px}.configure-poster .poster-action{font-size:11px}.vehicle-status{font-size:11px;gap:11px}.vehicle-status b{font-size:11px}.vehicle-caption small,.vehicle-state{font-size:11px;letter-spacing:0}.vehicle-selector .vehicle-preview{height:59px}.vehicle-selector button{height:139px}.vehicle-state{margin-top:4px}.intro h1{grid-row:1/4}}
@media(max-width:900px){.configurations{top:1075px}.film-poster,.configure-poster{top:1260px}main{min-height:1500px}}
/* Narrow desktop: keep vehicle name below telemetry without moving the mode cards. */
@media(min-width:901px) and (max-width:1100px){.configurations .section-title{margin-bottom:6px}}

/* Both Batpod interpretations stay selectable beside the complete fleet. */
.vehicle-selector{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:600px){.vehicle-selector{grid-template-columns:repeat(2,minmax(0,1fr))}#viewer{top:544px}.engine-controls{top:797px}.vehicle-status{top:855px}.finishes{top:888px}.specs{top:990px}.configurations{top:1221px}.film-poster,.configure-poster{top:1406px}main{min-height:1646px}}
/* Test drive adds a direct route without changing the vehicle presentation. */
.header-actions{display:flex;align-items:center;gap:12px}.drive-entry{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 17px;color:#16212a;background:#f3702b;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap;min-height:43px}.drive-entry span{font-size:20px;line-height:1}.drive-entry:hover{background:#fb8b50}.header-actions .top-config{letter-spacing:1px}
@media(min-width:901px) and (max-width:1250px){nav{gap:15px}.header-actions{gap:7px}.drive-entry{padding:12px}.header-actions .top-config{padding:12px;gap:6px}}
@media(max-width:600px){.header-actions .top-config{display:none}.drive-entry{padding:10px 12px;gap:9px;font-size:10px;min-height:40px}}