.company-lounge{background:#ece8de;color:#252721;scroll-snap-align:none}.route-detail main>section.company-lounge.route-active{display:block}.route-detail:has(.company-lounge.route-active) main{padding-top:0}.lounge-cover{height:80svh;min-height:590px;max-height:880px;position:relative;color:#f3eee5;background:#1a1c1d;isolation:isolate;overflow:hidden}.lounge-cover>video,.lounge-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.lounge-shade{z-index:-1;background:linear-gradient(90deg,#17191a10,#17191a88 50%,#17191ae8),linear-gradient(0deg,#181a1baa,transparent 50%)}.lounge-topline{position:absolute;left:7%;right:7%;top:138px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d0c9bc}.lounge-welcome{position:absolute;right:7%;top:29%;text-align:right}.lounge-welcome h1{font-family:'Songti SC','Noto Serif SC',serif;font-size:clamp(43px,4.6vw,67px);line-height:1.45;font-weight:400;letter-spacing:5px;margin:0 0 25px}.lounge-welcome>.eyebrow{font-size:9px;color:#e5c3a1;letter-spacing:2.5px}.lounge-welcome>p:not(.eyebrow){font-size:12px;color:#d3cec3;line-height:2.1;letter-spacing:1px}.lounge-welcome .right-actions{align-items:center;margin-top:30px;gap:25px}.lounge-underlink{font-size:11px;border:0;border-bottom:1px solid #a88c6a;background:none;display:inline-block;padding:5px 0;color:inherit;line-height:1.7}.lounge-cover-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#c7c3b9}.lounge-cover-bottom button{color:#c7c3b9;font-size:10px;letter-spacing:1px}.lounge-paper{padding:80px 7% 65px;max-width:1600px;margin:auto}.lounge-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:25px}.lounge-section-heading h2{font-family:'Songti SC','Noto Serif SC',serif;font-size:34px;letter-spacing:1px}.lounge-section-heading .eyebrow{font-size:9px}.company-contact-card{background:#1c1e1f;color:#e5e0d6}.company-contact-scene{height:510px;position:relative;isolation:isolate;overflow:hidden}.company-scene-image{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;z-index:-2}.company-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c1e1f 5%,#1c1e1ff2 30%,#1c1e1f70 65%,#1c1e1f11);z-index:-1}.company-scene-brand{position:absolute;top:40px;left:40px;display:flex;flex-direction:column;gap:15px}.company-scene-brand img{width:250px}.company-scene-brand span{font-size:8px;letter-spacing:2px;color:#b0aa9d}.company-scene-copy{position:absolute;left:40px;bottom:45px;max-width:75%}.company-scene-copy h2{font-family:'Songti SC','Noto Serif SC',serif;font-size:45px;line-height:1.5;letter-spacing:2px}.company-scene-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:18px}.company-scene-copy p:not(.eyebrow){font-size:12px;line-height:2;color:#b9baaf}.company-scene-copy>span{font-size:10px;letter-spacing:1px;color:#b5a38b}.company-contact-band{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:35px 40px;border-top:1px solid #bbae9630;align-items:center}.company-direct{display:flex;flex-direction:column;align-items:start;gap:10px}.company-direct>small{font-size:8px;color:#a5967f;letter-spacing:2px}.company-direct .company-phone{font-size:30px;letter-spacing:1px;margin:7px 0}.company-direct>a:not(.company-phone){font-size:12px}.company-direct>span{font-size:10px;color:#a2a79d}.company-direct>.right-actions{margin-top:8px;align-self:flex-end}.company-qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.company-qr-grid>button{background:none;border:0;padding:0;color:#d7d3c8;display:flex;flex-direction:column;align-items:center;gap:12px}.company-qr-grid img{width:min(100%,116px);height:116px;object-fit:contain;background:#fff;padding:6px}.company-qr-grid strong{font-size:9px;font-weight:400;letter-spacing:1px}.company-qr-grid small{font-size:8px;color:#a6a99f}.lounge-facts{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding:40px 0 10px;border-bottom:1px solid #bbb8ac}.lounge-facts>div{display:flex;flex-direction:column;align-items:start;gap:10px;padding-bottom:30px}.lounge-facts small{font-size:8px;letter-spacing:1.6px;color:#8c7b65;margin-bottom:10px}.lounge-facts h3{font-size:23px;font-weight:400;margin:0}.lounge-facts p,.lounge-facts a,.lounge-facts button{font-size:11px;margin:0}.lounge-facts p{color:#777}.footer-contact{display:flex;flex-direction:column;gap:11px;margin:22px 0 30px;font-size:11px;color:#bdc0bc}.footer-contact>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:10px}.footer-contact button{background:none;border:0;padding:0;font-size:10px;color:var(--orange)}dialog:has(.qr-view){width:min(520px,94vw)}.qr-view{text-align:center}.qr-view h2{font-size:25px}.qr-view>img{display:block;max-width:100%;width:290px;max-height:50vh;object-fit:contain;background:white;padding:12px;margin:25px auto}.qr-view .right-actions{justify-content:center}.qr-view .tool-note{max-width:310px;margin:15px auto}.play-studio{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:start}.machine-stage{position:relative;aspect-ratio:1280/1254;width:100%;max-width:580px;margin:0 auto}.machine-shell,.machine-handle-image{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;pointer-events:none}.machine-shell{clip-path:inset(0 15% 0 0)}.machine-handle-image{clip-path:inset(0 0 27% 84%);transform-origin:88% 60%;transition:transform .3s}.machine-stage.spinning .machine-handle-image{transform:rotate(8deg)}.company-machine-plaque{position:absolute;left:18.5%;top:8.1%;width:58%;height:12%;border:1px solid #a98655;border-radius:12px;background:linear-gradient(#e8cfa5,#fff0cf 40%,#e1c397);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 13px #805a3180;color:#3b2e21}.company-machine-plaque strong{font-size:clamp(16px,2.1vw,27px);letter-spacing:2px;font-family:Georgia,serif;font-weight:400}.company-machine-plaque small{font-size:7px;letter-spacing:2px;margin-top:5px}.machine-window{position:absolute;top:30.5%;width:15.7%;height:26.5%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#493b2a;overflow:hidden;border-radius:8px;background:linear-gradient(#d6c9aeaa,#f3ead5dd 35%,#e2d6bd 60%,#beb094aa);padding:7px}.machine-window[data-window="budgetBand"]{left:19.1%}.machine-window[data-window="use"]{left:38.5%}.machine-window[data-window="priority"]{left:57.8%}.machine-window label{color:#615440;font-size:9px;margin-bottom:15px;display:block;letter-spacing:1px}.machine-reel-symbol{font:28px Georgia,serif;opacity:.55;margin-bottom:12px}.machine-window strong{font-size:17px;line-height:1.6;font-weight:500;min-height:52px;display:flex;align-items:center;justify-content:center;word-break:break-word}.machine-window small{font-size:8px;margin-top:15px;opacity:.65}.machine-window select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.machine-window:focus-within{outline:2px solid #ef883a;outline-offset:-3px}.machine-lever-trigger{position:absolute;right:0;top:7%;width:15%;height:62%;border:0;background:none}.machine-lever-trigger span{position:absolute;right:0;bottom:5%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#edbd7f;text-shadow:0 2px 8px black}.reel-step{position:absolute;top:64.7%;width:10%;height:7%;border:0;background:transparent;color:#3b3327;font-size:15px}.reel-step[data-advance="budgetBand"]{left:19.1%}.reel-step[data-advance="use"]{left:32.4%}.reel-step[data-advance="priority"]{left:45.4%}.machine-stage.spinning .machine-window strong{animation:reel-spin .16s infinite}.machine-note{font-size:10px;color:#89948e;text-align:center;margin:0;line-height:1.8}.machine-result-area{padding-top:20px}.machine-result-area h3{font-weight:300;font-size:24px;line-height:1.6}.machine-result-area .eyebrow{font-size:9px}.machine-result-area .match-results{grid-template-columns:1fr;margin:20px 0}.machine-result-area .result-card{display:grid;grid-template-columns:100px 1fr;gap:0 15px;padding:12px}.machine-result-area .result-card img{grid-row:1/5;height:100%;min-height:106px;object-fit:cover}.machine-result-area .result-card h3{font-size:12px;margin:0}.machine-result-area .result-card p{font-size:9px;margin:6px 0}.machine-result-area .result-price{font-size:17px;margin:0}.machine-result-area .result-actions{gap:14px}.machine-result-area .result-actions button{font-size:10px}.reveal-card{animation:reveal-card .6s both}.match-empty{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #ffffff18;padding:30px;text-align:center;color:#727e77}.match-empty .empty-emblem{font:80px Georgia,serif;font-weight:300;color:#ffffff15;line-height:1.1}.match-empty h3{font-size:21px;color:#bfc5c0}.match-empty p{font-size:11px;line-height:1.9}.matching-state{letter-spacing:2px;color:var(--orange)!important}.play-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 25px;font-size:10px;color:#8a9891}.play-toolbar select{padding:10px;font-size:10px}.quiz-progression{display:flex;gap:7px;margin:18px 0 28px}.quiz-progression i{display:block;flex:1;height:3px;background:#ffffff24}.quiz-progression i.done{background:var(--orange)}.quiz-progression i.current{background:#ecd7bd}.quiz-streak{font-size:10px;color:#f28a35}.quiz-photo.full img{transform:scale(1);object-position:center}.quiz-photo.detail img{transform:scale(2.8)}.quiz-photo.master img{transform:scale(4.1)}.quiz-options .correct{background:#2f3132;border-color:#7f9e79}.quiz-options .wrong{background:#482f28;border-color:#ac705f}.quiz-finish{padding:45px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#8b5c3030,transparent 65%),#1f2122}.quiz-finish .score-emblem{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b89a7080;border-radius:50%;margin:20px auto;color:#f28a35;font-family:Georgia,serif}.score-emblem strong{font-size:50px;font-weight:300}.score-emblem small{font-size:10px;letter-spacing:2px}.quiz-finish h3{font-family:'Songti SC',serif;font-size:32px;font-weight:400}.quiz-finish p{font-size:12px;color:#9da89f}.duel-head{text-align:center;padding:15px 0}.duel-head h3{font-size:25px;font-weight:300;letter-spacing:2px}.duel-head p{font-size:11px;color:#a1aaa4}.duel-grid{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:18px;margin:30px 0}.duel-vs{font:italic 20px Georgia,serif;color:#a68b67;text-align:center}.duel-card{padding:0;background:#202223;border:1px solid #ffffff25;text-align:left;position:relative;overflow:hidden}.duel-card img{width:100%;aspect-ratio:1.7;object-fit:cover;display:block}.duel-copy{padding:22px}.duel-copy h3{font-size:16px;font-weight:400;line-height:1.5;margin:0 0 10px}.duel-copy p{font-size:11px;color:#99a59c}.duel-copy strong{font-weight:300;font-size:24px}.duel-select{width:100%;border:0;background:#eae4d9;color:#232526;padding:15px;font-size:11px;letter-spacing:1px}.duel-select:hover{background:var(--orange)}.duel-card.chosen{border-color:var(--orange)}.duel-card.chosen:before{content:'MY CHOICE / 已收藏';position:absolute;right:12px;top:12px;padding:8px 11px;background:#181a1be8;color:#e4b47d;font-size:9px}.duel-select:disabled{cursor:default;opacity:.6}.duel-feedback{text-align:center;color:var(--orange);font-size:12px;min-height:25px}.duel-parameters{border-top:1px solid #ffffff20;padding:15px 0;margin-top:25px}.duel-parameters summary{font-size:11px;cursor:pointer;color:#a6b1a8;text-align:right}.flip-watch{perspective:800px;min-height:245px;border:0;background:none;position:relative}.flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s}.flip-watch.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;background:linear-gradient(150deg,#353738,#181a1b);border:1px solid #8f775b80;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flip-front img{width:145px;margin-bottom:20px}.flip-front strong{font-size:17px;letter-spacing:3px;font-weight:300;color:#e1d1b7}.flip-front small{font-size:9px;color:#9caa9e;margin-top:25px}.flip-back{transform:rotateY(180deg);padding:15px}.flip-back img{width:100%;height:105px;object-fit:cover}.flip-back strong{font-size:12px;line-height:1.6;margin-top:13px}.flip-back span{font-size:20px;color:#e2d1b8;margin:8px}.flip-back small{font-size:9px;color:#a3afa5}@keyframes reel-spin{from{transform:translateY(-14px);filter:blur(2px)}to{transform:translateY(14px);filter:blur(2px)}}@keyframes reveal-card{from{opacity:0;transform:translateY(18px) rotateX(10deg)}to{opacity:1;transform:none}}@media(max-width:850px){.company-contact-band{grid-template-columns:1fr;padding:30px;gap:30px}.company-direct>.right-actions{align-self:flex-end}.company-qr-grid{gap:15px}.company-qr-grid img{width:105px;height:105px}.lounge-cover{min-height:590px;height:78svh}.lounge-welcome{top:30%}.lounge-topline{top:115px;font-size:7px}.lounge-welcome h1{font-size:45px}.lounge-facts{gap:25px;grid-template-columns:1.5fr 1fr}.lounge-facts>div:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:20px}.lounge-facts>div:last-child>small{width:100%}.play-studio{grid-template-columns:1fr}.machine-stage{max-width:490px}.machine-result-area{padding-top:0}.machine-result-area .match-results{grid-template-columns:1fr}.match-empty{min-height:200px}}@media(max-width:600px){.lounge-cover{height:75svh;min-height:570px}.lounge-topline{left:6%;right:6%;top:110px;gap:15px;line-height:1.8}.lounge-topline span:first-child{max-width:180px}.lounge-topline span:last-child{text-align:right}.lounge-welcome{right:6%;top:31%;left:6%}.lounge-welcome h1{font-size:40px;letter-spacing:3px}.lounge-welcome .eyebrow{font-size:8px}.lounge-welcome>p:not(.eyebrow){font-size:11px}.lounge-welcome .right-actions{gap:20px;margin-top:23px}.lounge-welcome .primary{font-size:10px;padding:0 18px;min-height:46px}.lounge-underlink{font-size:10px}.lounge-cover-bottom{left:6%;right:6%;font-size:7px;letter-spacing:.5px}.lounge-cover-bottom button{font-size:8px}.lounge-paper{padding:50px 5% 35px}.lounge-section-heading{align-items:start;flex-direction:column;gap:15px}.lounge-section-heading h2{font-size:25px}.company-contact-scene{height:480px}.company-scene-brand{left:23px;top:28px}.company-scene-brand img{width:210px}.company-scene-image{width:100%;object-position:60%}.company-scene-shade{background:linear-gradient(180deg,#1c1e1faa,#1c1e1f20 30%,#1c1e1fdd 70%,#1c1e1f)}.company-scene-copy{left:23px;right:23px;max-width:none;bottom:28px}.company-scene-copy h2{font-size:34px}.company-scene-copy .eyebrow{font-size:7px}.company-scene-copy p:not(.eyebrow){font-size:11px}.company-scene-copy>span{font-size:8px;letter-spacing:.1px}.company-contact-band{padding:25px 20px}.company-direct .company-phone{font-size:27px}.company-qr-grid{gap:10px}.company-qr-grid img{width:88px;height:88px;padding:5px}.company-qr-grid strong{font-size:7px;letter-spacing:.3px}.company-qr-grid small{font-size:7px}.lounge-facts{grid-template-columns:1fr;gap:0;padding-top:30px}.lounge-facts>div{padding-bottom:30px}.lounge-facts>div:last-child{grid-column:auto}.lounge-facts h3{font-size:23px}.play-studio{gap:15px}.machine-window{padding:3px}.machine-window label{font-size:7px;margin-bottom:7px}.machine-window strong{font-size:12px;min-height:38px;line-height:1.5}.machine-reel-symbol{font-size:19px;margin-bottom:4px}.machine-window small{font-size:6px;margin-top:5px}.company-machine-plaque strong{font-size:17px;letter-spacing:1px}.company-machine-plaque small{font-size:5px;margin-top:3px;letter-spacing:1px}.machine-lever-trigger span{font-size:8px;letter-spacing:2px}.reel-step{font-size:12px}.machine-result-area h3{font-size:21px}.duel-grid{grid-template-columns:1fr 1fr;gap:12px;position:relative}.duel-vs{position:absolute;left:50%;top:24%;transform:translateX(-50%);border:1px solid #9d8667;border-radius:50%;background:#1c1e1f;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px}.duel-copy{padding:14px 12px}.duel-copy h3{font-size:12px;min-height:40px}.duel-copy p{font-size:8px;min-height:30px}.duel-copy strong{font-size:20px}.duel-select{font-size:9px;padding:13px 5px}.duel-head h3{font-size:22px}.duel-card.chosen:before{font-size:6px;right:5px;top:5px;padding:5px}.quiz-finish{padding:25px 15px}.quiz-finish h3{font-size:26px}.play-toolbar{gap:10px;align-items:start;flex-direction:column}.flip-watch{min-height:270px}.flip-back img{height:135px}.footer-contact>div{justify-content:flex-start}.qr-view>img{width:260px}}@media(prefers-reduced-motion:reduce){.machine-stage.spinning .machine-window strong,.reveal-card{animation:none}.machine-handle-image,.flip-inner{transition:none}}
.home-trust-marks{position:absolute;left:4%;bottom:66px;display:flex;align-items:center;gap:18px;padding:12px 18px;background:#25292cbd;border:1px solid #ffffff25;backdrop-filter:blur(8px);z-index:2}.home-trust-marks .trust-carfax{width:115px;height:116px;object-fit:contain}.home-trust-marks .trust-bbb{width:61px;height:106px;object-fit:contain}.home-trust-marks>span{height:80px;width:1px;background:#ffffff25}@media(max-width:800px){.home-trust-marks{left:6%;bottom:67px;gap:12px;padding:8px 12px}.home-trust-marks .trust-carfax{width:78px;height:80px}.home-trust-marks .trust-bbb{width:44px;height:76px}.home-trust-marks>span{height:58px}#home .scene-copy{padding-bottom:170px}}@media(max-height:730px) and (min-width:801px){.home-trust-marks{padding:8px 13px;gap:12px}.home-trust-marks .trust-carfax{width:88px;height:90px}.home-trust-marks .trust-bbb{width:49px;height:85px}}@media(max-width:600px) and (max-height:740px){#home .scene-copy{padding-top:110px;padding-bottom:180px}#home .scene-copy h1{font-size:37px}#home .scene-description{margin-top:17px}#home .scene-actions{margin-top:15px;gap:10px}.home-trust-marks{bottom:54px}}
#company-contact-card{scroll-margin-top:100px}.home-trust-marks .trust-carfax{transform:scale(1.2)}.machine-window label{margin-bottom:7px}.machine-reel-symbol{font-size:23px;margin-bottom:6px}.machine-window strong{font-size:15px;min-height:42px}.machine-window small{font-size:7px;margin-top:7px}@media(max-width:600px){#company-contact-card{scroll-margin-top:85px}.machine-window label{font-size:6px;margin-bottom:4px}.machine-reel-symbol{font-size:17px;margin-bottom:3px}.machine-window strong{font-size:11px;min-height:30px}.machine-window small{font-size:6px;margin-top:4px}}
#close{position:sticky;top:-30px;right:auto;float:right;margin:-28px -30px 0 0;z-index:5;background:#141719ed;width:32px;height:32px;line-height:28px}@media(max-width:600px){#close{margin:-22px -10px 0 0;top:-25px}}
/* Premium discovery fuel pump */
.fuel-pump{aspect-ratio:580/760;max-width:500px;isolation:isolate;padding:0 19% 0 6%;filter:drop-shadow(0 25px 25px #0008)}.pump-crown{position:relative;z-index:3;height:19%;border:3px solid #b3b9b5;border-radius:38px 38px 12px 12px;background:linear-gradient(125deg,#9d3d0c,#f18a34 45%,#c55719);box-shadow:inset 0 0 0 5px #512a1740,inset 0 8px 15px #ffcc9366,0 3px 0 #1a1c1d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff2de;text-align:center}.pump-crown>span{font-size:8px;letter-spacing:3px}.pump-crown>strong{font:27px Georgia,serif;letter-spacing:1px}.pump-crown>small{font-size:6px;letter-spacing:2px}.pump-body{height:69%;position:relative;margin:0 3%;border:3px solid #9baba4;border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(100deg,#3c3e3f,#202223 12%,#2d2f30 50%,#161819 90%,#68746e);box-shadow:inset 5px 0 6px #c6d0c133,inset -5px 0 6px #0008;padding:22px 18px 15px;z-index:2}.pump-meter{background:linear-gradient(140deg,#d6dec6,#a4b299);color:#2e3031;border:6px solid #151718;box-shadow:0 0 0 1px #8c9b8e,inset 0 3px 12px #27292a55;border-radius:8px;padding:12px 13px}.pump-meter>span{font-size:7px;letter-spacing:1px}.pump-digits{display:flex;align-items:end;justify-content:space-between;padding:6px 0}.pump-digits b{font:60px 'Courier New',monospace;line-height:1;letter-spacing:5px;text-shadow:2px 2px #76916a66}.pump-digits small{font:7px monospace;margin-bottom:8px}.pump-meter p{font:7px monospace;letter-spacing:.5px;margin:8px 0 0}.pump-progress{height:3px;background:#2d2f3033}.pump-progress i{display:block;width:0;height:100%;background:#2d2f30}.spinning .pump-progress i{animation:fuel-fill 1.45s linear forwards}.pump-choices{display:grid;grid-template-columns:1fr;gap:9px;margin-top:17px}.fuel-pump .machine-window{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:59px;display:grid;grid-template-columns:1fr auto;text-align:left;background:linear-gradient(105deg,#eee8d9,#c9c7b7);color:#2e3031;border:2px solid #858d80;border-radius:5px;padding:8px 35px 8px 11px;box-shadow:inset 0 2px 5px #fff9,0 3px 4px #0005}.fuel-pump .machine-window label{font-size:7px;letter-spacing:.5px;margin:0;grid-column:1}.fuel-pump .machine-window strong{font-size:13px;min-height:0;justify-content:start;line-height:1.5;grid-column:1;margin-top:3px}.fuel-pump .machine-window small{font-size:7px;grid-column:2;grid-row:1/3;align-self:center;margin:0}.fuel-pump .machine-window select{z-index:2;width:calc(100% - 34px)}.fuel-pump .reel-step{position:absolute;left:auto!important;right:0;top:0;width:32px;height:100%;background:#3b3d3e;color:#e7e6d8;border-left:1px solid #89968a;font-size:15px;z-index:3}.pump-grade{display:flex;align-items:center;gap:12px;margin-top:17px;color:#c7cbbd}.pump-grade>b{border:1px solid #cf7033;background:#dc712a;color:#1c1e1f;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:24px Georgia,serif}.pump-grade>span{font-size:7px;line-height:1.9;letter-spacing:1px}.pump-grade>i{margin-left:auto;font-size:26px;font-style:normal;color:#e9853c}.pump-vents{display:flex;gap:4px;margin-top:14px;flex-direction:column}.pump-vents i{height:3px;background:#0e1011;box-shadow:0 1px #78887a66;border-radius:2px}.pump-plinth{position:absolute;bottom:7%;left:3%;right:16%;height:6%;background:linear-gradient(#6b7972,#252728 35%,#151718);border:2px solid #7d8c82;border-radius:6px 6px 12px 12px;display:flex;align-items:center;justify-content:center;font-size:6px;letter-spacing:1.5px;color:#a1b0a3;z-index:3}.pump-hose{position:absolute;top:31%;right:1%;width:24%;height:53%;border:14px solid #0c0e0f;border-top-color:transparent;border-left-color:transparent;border-radius:0 40% 50% 40%;box-shadow:5px 3px 3px #b2b5a212;transform:rotate(-5deg);z-index:1}.pump-nozzle{position:absolute;right:0;top:21%;width:18%;height:32%;border:0;background:none;z-index:4;transform:rotate(10deg);transition:transform .4s;cursor:pointer;padding:0}.nozzle-spout{position:absolute;left:12%;top:0;width:42%;height:38%;border:12px solid #aeb7ae;border-right:0;border-bottom:0;border-radius:22px 0 0 0;box-shadow:inset 3px 2px #faf5df99;transform:rotate(-20deg)}.nozzle-grip{position:absolute;top:24%;left:18%;width:63%;height:62%;border-radius:12px 16px 22px 10px;background:linear-gradient(100deg,#a14316,#ef8c40 55%,#b64d17);box-shadow:inset 3px 0 5px #ffc38699,3px 5px 8px #0008;border:2px solid #75411f;transform:rotate(-12deg)}.nozzle-grip i{position:absolute;inset:20% 17% 18% 18%;border:6px solid #2e3031;border-right-width:9px;border-radius:8px 10px 17px 8px;background:#161819}.pump-nozzle small{position:absolute;bottom:-10%;left:0;right:0;font-size:9px;letter-spacing:1px;color:#edaa72;white-space:nowrap;transform:rotate(-10deg)}.pump-nozzle:hover,.pump-nozzle:focus-visible{transform:translate(5px,-15px) rotate(20deg)}.fuel-pump.spinning .pump-nozzle{transform:translate(14px,-27px) rotate(25deg)}.fuel-pump.spinning .machine-window strong{animation:none}.fuel-pump.spinning .pump-meter{box-shadow:0 0 18px #c0d9a74d,inset 0 3px 12px #27292a55}.fuel-pump~.machine-note{margin-top:-20px}@keyframes fuel-fill{to{width:100%}}@media(max-width:600px){.fuel-pump{max-width:400px}.pump-crown{gap:5px}.pump-crown>strong{font-size:20px}.pump-crown>span{font-size:6px}.pump-crown>small{font-size:5px}.pump-body{padding:14px 10px 9px}.pump-meter{padding:8px;border-width:4px}.pump-digits b{font-size:44px}.pump-meter>span,.pump-meter p{font-size:5px}.pump-digits small{font-size:5px}.pump-choices{gap:6px;margin-top:12px}.fuel-pump .machine-window{min-height:48px;padding:6px 29px 6px 8px}.fuel-pump .machine-window label{font-size:6px}.fuel-pump .machine-window strong{font-size:11px}.fuel-pump .machine-window small{font-size:5px}.fuel-pump .reel-step{width:26px}.fuel-pump .machine-window select{width:calc(100% - 28px)}.pump-grade{margin-top:12px;gap:8px}.pump-grade>b{width:30px;height:30px;font-size:18px}.pump-grade>span{font-size:5px}.pump-grade>i{font-size:20px}.pump-vents{margin-top:9px;gap:3px}.pump-vents i{height:2px}.pump-hose{border-width:10px}.nozzle-spout{border-width:9px}.nozzle-grip i{border-width:4px}.pump-plinth{font-size:5px}.pump-nozzle small{font-size:7px}}@media(prefers-reduced-motion:reduce){.spinning .pump-progress i{animation:none;width:100%}.pump-nozzle{transition:none}}
/* Photographic restored pump, live controls aligned to its glass panels. */
.real-pump{aspect-ratio:2/3;max-width:550px;padding:0;filter:none}.real-pump-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.real-pump .pump-crown,.real-pump .pump-hose,.real-pump .pump-plinth,.real-pump .pump-grade,.real-pump .pump-vents{display:none}.real-pump .pump-body{position:absolute;inset:0;height:100%;margin:0;border:0;background:none;box-shadow:none;padding:0;z-index:2}.real-pump .pump-meter{position:absolute;left:26.3%;top:24.6%;width:39.3%;height:15.6%;padding:10% 7% 7%;border:0;background:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:3% 2.5%;color:#2b2d2e}.real-pump .pump-meter>span{font-size:7px;letter-spacing:.8px}.real-pump .pump-digits{padding:7px 0;align-items:center}.real-pump .pump-digits b{font-size:clamp(35px,5vw,65px);letter-spacing:2px}.real-pump .pump-digits small{font-size:5px;margin:0}.real-pump .pump-meter p{font-size:5px;line-height:1.5;margin-top:7px;letter-spacing:0}.real-pump .pump-choices{position:absolute;inset:0;margin:0;display:block}.real-pump .machine-window{position:absolute!important;left:27%!important;top:44.8%!important;width:38.4%!important;height:4.6%!important;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;padding:3px 20px 3px 5px;display:flex;justify-content:center;flex-direction:column}.real-pump .machine-window[data-window="use"]{top:52.2%!important}.real-pump .machine-window[data-window="priority"]{top:59.8%!important}.real-pump .machine-window label{font-size:6px;margin:0;line-height:1.3;color:#5a5c4e}.real-pump .machine-window strong{font-size:12px;min-height:0;line-height:1.4;margin:0;letter-spacing:.2px}.real-pump .machine-window small{display:none}.real-pump .reel-step{right:0;top:12%;height:76%;width:20px;border:0;background:none;color:#635941;font-size:12px}.real-pump .machine-window select{width:calc(100% - 22px)}.real-pump .pump-nozzle{right:5.5%;top:21%;width:16%;height:31%;transform:none;outline:0}.real-pump .nozzle-spout,.real-pump .nozzle-grip{display:none}.real-pump .pump-nozzle small{bottom:-8%;font-size:8px;left:-25%;right:-15%;transform:none;background:#17191adb;padding:6px;border:1px solid #cf8c4f60;border-radius:3px}.real-pump .pump-nozzle:hover,.real-pump .pump-nozzle:focus-visible,.real-pump.spinning .pump-nozzle{transform:none;filter:drop-shadow(0 0 9px #ff9a4c)}.real-pump .pump-nozzle:focus-visible{outline:1px solid #ed9b55;border-radius:20px}.real-pump.spinning .pump-meter{box-shadow:none;filter:drop-shadow(0 0 5px #9fce8155)}.real-pump.spinning .pump-nozzle small{color:#ffc780;border-color:#e4a161;background:#352617}.real-pump~.machine-note{margin-top:10px}@media(max-width:600px){.real-pump .pump-meter{padding:3% 2.5%}.real-pump .pump-meter>span{font-size:5px}.real-pump .pump-digits b{font-size:40px}.real-pump .pump-digits{padding:4px 0}.real-pump .pump-meter p{font-size:4px;margin-top:4px}.real-pump .pump-digits small{font-size:4px}.real-pump .machine-window{padding:2px 17px 2px 4px}.real-pump .machine-window label{font-size:5px}.real-pump .machine-window strong{font-size:9px;line-height:1.3}.real-pump .reel-step{font-size:10px;width:17px}.real-pump .pump-nozzle small{font-size:6px;padding:4px}}
/* Compact pump; vehicle recommendations receive the larger share. */
.play-studio{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:42px}.real-pump{max-width:365px;margin:0 auto}.machine-result-area{padding-top:10px}.machine-result-area .result-card{grid-template-columns:180px minmax(0,1fr);gap:0 20px;padding:15px}.machine-result-area .result-card img{min-height:145px;border-radius:2px}.machine-result-area .result-card h3{font-size:16px;line-height:1.5}.machine-result-area .result-card p{font-size:11px;line-height:1.6}.machine-result-area .result-price{font-size:23px}.machine-result-area .result-actions button{font-size:11px}.machine-result-area .match-empty{min-height:350px}.real-pump .pump-digits b{font-size:44px}.real-pump .pump-meter>span{font-size:5px}.real-pump .pump-meter p{font-size:4px}.real-pump .machine-window strong{font-size:10px}.real-pump .machine-window label{font-size:5px}.nozzle-photo-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:polygon(77.8% 19%,83% 19%,91% 28%,95% 32%,95% 53%,80% 51%,78.8% 32%);pointer-events:none;z-index:3;transform-origin:86% 49%;will-change:transform}.nozzle-rest-shadow{position:absolute;inset:0;background:#121415;clip-path:polygon(78.5% 19%,83% 19%,91% 28%,95% 32%,95% 53%,80% 51%,78.8% 32%);opacity:0;pointer-events:none;z-index:1}.real-pump.spinning .nozzle-rest-shadow{opacity:1}.real-pump.spinning .nozzle-photo-motion{animation:nozzle-fuel 2.2s ease-in-out both;filter:drop-shadow(4px 10px 6px #0008)}.real-pump.spinning .pump-progress i{animation-duration:2.2s}.real-pump .pump-nozzle small{transition:color .2s}.real-pump.spinning .pump-nozzle small{animation:nozzle-label 2.2s both}.real-pump:hover .pump-nozzle small{border-color:#f3a365}@keyframes nozzle-fuel{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(16px,-20px) rotate(-13deg)}40%,65%{transform:translate(22px,-17px) rotate(-18deg)}75%{transform:translate(19px,-19px) rotate(-15deg)}90%{transform:translate(8px,-7px) rotate(-5deg)}}@keyframes nozzle-label{20%,75%{color:#ffe0ab;text-shadow:0 0 8px #f89b39}}@media(max-width:1000px) and (min-width:851px){.play-studio{gap:25px;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr)}.machine-result-area .result-card{grid-template-columns:125px minmax(0,1fr);gap:0 13px}.machine-result-area .result-card img{min-height:130px}.machine-result-area .result-card h3{font-size:14px}}@media(max-width:850px){.play-studio{grid-template-columns:1fr;gap:25px}.real-pump{max-width:310px}.machine-result-area .result-card{grid-template-columns:130px minmax(0,1fr);gap:0 14px}.machine-result-area .result-card img{min-height:125px}.machine-result-area .result-card h3{font-size:14px}.machine-result-area .result-price{font-size:21px}.machine-result-area .match-empty{min-height:200px}.real-pump .pump-digits b{font-size:36px}.real-pump .machine-window strong{font-size:9px}}@media(max-width:450px){.real-pump{max-width:285px}.machine-result-area .result-card{grid-template-columns:105px minmax(0,1fr);padding:10px;gap:0 11px}.machine-result-area .result-card h3{font-size:12px}.machine-result-area .result-card p{font-size:9px}.machine-result-area .result-actions button{font-size:10px}.machine-result-area .result-card img{min-height:125px}.machine-result-area .result-price{font-size:19px}.real-pump .pump-digits b{font-size:31px}.real-pump .pump-digits small{font-size:3px}.real-pump .machine-window strong{font-size:8px}.real-pump .machine-window label{font-size:4px}.real-pump .pump-meter>span{font-size:4px}.real-pump .pump-meter p{font-size:3px}}@media(prefers-reduced-motion:reduce){.real-pump.spinning .nozzle-photo-motion,.real-pump.spinning .pump-nozzle small{animation:none}.real-pump.spinning .nozzle-rest-shadow{opacity:0}}
/* Swivel at the fixed hose coupling; the nozzle never leaves the hose. */
.real-pump .nozzle-photo-motion{transform-origin:92.8% 51.7%}.real-pump.spinning .nozzle-photo-motion{animation-name:nozzle-swivel-connected}.pump-company-emblem{position:absolute;left:38.1%;top:68.3%;width:15.4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3b3d3e,#131516 75%);border:2px solid #aeb4a8;box-shadow:inset 0 0 0 2px #1e2021,0 2px 5px #000a;z-index:3;display:grid;place-items:center}.pump-company-emblem i{display:block;width:77%;height:77%;background-image:url('https://newpbb-auto-demo.aresduskii.chatgpt.site/assets/0190fd_578afa586b114aac87be6ad10439bad2~mv2.png');background-size:520.8% 194.5%;background-position:6.44% 43.24%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px #0008)}.real-pump .machine-window{left:24.5%!important;width:44%!important;height:6.1%!important;padding:5px 27px 5px 10px;background:linear-gradient(115deg,#f0e9d8,#d0c8b2 70%,#e5decb);border:2px solid #a8a796;border-radius:6px;box-shadow:inset 0 1px 2px #fffc,0 2px 4px #0009;top:44%!important}.real-pump .machine-window[data-window="use"]{top:51.7%!important}.real-pump .machine-window[data-window="priority"]{top:59.4%!important}.real-pump .machine-window label{font-size:6px;line-height:1.4}.real-pump .machine-window strong{font-size:12px;line-height:1.5}.real-pump .reel-step{width:26px;border-left:1px solid #9b9e8a80;height:80%;top:10%;font-size:14px}.real-pump .machine-window select{width:calc(100% - 28px)}@keyframes nozzle-swivel-connected{0%,100%{transform:rotate(0)}23%{transform:rotate(-11deg)}40%,65%{transform:rotate(-15deg)}76%{transform:rotate(-12deg)}90%{transform:rotate(-4deg)}}@media(max-width:600px){.real-pump .machine-window{padding:3px 23px 3px 7px;border-width:1px}.real-pump .machine-window strong{font-size:10px}.real-pump .machine-window label{font-size:5px}.real-pump .reel-step{width:21px;font-size:12px}.pump-company-emblem{border-width:1px}}@media(prefers-reduced-motion:reduce){.real-pump.spinning .nozzle-photo-motion{animation:none}}
/* Rightward nozzle swivel and logo seated inside the original chrome badge. */
.pump-company-emblem{left:39%;top:68.35%;width:13.1%;border:0;box-shadow:none;background:radial-gradient(circle at 35% 25%,#313334,#151718 80%)}.pump-company-emblem i{width:84%;height:84%}@keyframes nozzle-swivel-connected{0%,100%{transform:rotate(0)}23%{transform:rotate(11deg)}40%,65%{transform:rotate(15deg)}76%{transform:rotate(12deg)}90%{transform:rotate(4deg)}}
/* Align the mark optically to the photographed badge, including its perspective. */
.real-pump .pump-company-emblem{left:38.1%;top:67.7%;width:13.1%}
.real-pump .pump-company-emblem{left:38.1%;top:67.7%;width:14.5%}.real-pump .pump-company-emblem i{width:77%;height:77%}
.real-pump .pump-company-emblem svg{display:block;width:77%;height:77%;overflow:hidden;transform:translate(8%,5%)}
.real-pump .pump-company-emblem svg{transform:none}
.real-pump .pump-company-emblem svg{transform:translateX(10%)}
/* Cover the old orange octane dial completely, retaining only the brand mark. */
.real-pump .pump-company-emblem{left:37.5%;top:67.1%;width:16%;background:radial-gradient(circle at 35% 25%,#313334,#151718 80%)}.real-pump .pump-company-emblem svg{width:70%;height:70%;transform:translateX(10%)}
.real-pump .pump-company-emblem svg{transform:translateX(5%)}