/* The GUIDE and wager share one width; the illustration carries the frame. */
#app.setup-reference{--garage-side-control-width:380px}
#app.setup-reference #setup-footer #guide-button{isolation:isolate;display:flex;align-items:center;justify-content:center;gap:18px;padding:0;border:0;border-image:none;clip-path:none;background:none;box-shadow:none;filter:none;color:#e8f9ff;font-family:Rajdhani,'Arial Narrow',sans-serif;font-size:33px;font-weight:700;font-style:italic;letter-spacing:2px;text-shadow:0 0 8px #83dfff35;transition:filter .16s ease}
#app.setup-reference #setup-footer #guide-button:before{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../public/assets/guide-v1/panel.png') center/100% 100% no-repeat}
#app.setup-reference #setup-footer #guide-button:after{content:none}
#app.setup-reference #setup-footer #guide-button>span,#app.setup-reference #setup-footer #guide-button>b{position:static;display:block;flex:none;width:auto;height:auto;margin:0;padding:0;line-height:1;transform:none}
#app.setup-reference #setup-footer #guide-button .setup-icon{display:block;width:36px;height:36px;color:#8de5ff;filter:drop-shadow(0 0 5px #27bfff);stroke-width:1.8}
#app.setup-reference #setup-footer #guide-button:hover{filter:brightness(1.2);box-shadow:none}
#app.setup-reference #setup-footer #guide-button:focus-visible{outline:2px solid #d7f7ff;outline-offset:-14px;filter:brightness(1.2)}
#app.setup-reference #setup-footer #guide-button:active{filter:brightness(.9)}
@media(orientation:landscape){
 #app.setup-reference[data-screen="garage"] #setup-footer #guide-button{left:69px;top:794px;right:auto;bottom:auto;width:var(--garage-side-control-width);height:calc(var(--garage-side-control-width) / 3)}
 #app.setup-reference[data-screen="garage"] #setup-footer .illustrated-wager{width:var(--garage-side-control-width)}
}
@media(orientation:portrait){
 #app.setup-reference[data-screen="garage"] #setup-footer.setup-footer{height:calc(var(--wager-footer-height) + 52px);grid-template-columns:minmax(0,1fr);grid-template-rows:48px 48px var(--wager-panel-height)}
 #app.setup-reference[data-screen="garage"] #setup-footer .setup-footer-left{grid-column:1;grid-row:1;width:var(--wager-panel-width);justify-self:center}
 #app.setup-reference[data-screen="garage"] #setup-footer #guide-button{position:relative;inset:auto;width:var(--wager-panel-width);height:48px;font-size:24px;gap:12px;letter-spacing:1.5px}
 #app.setup-reference[data-screen="garage"] #setup-footer #guide-button:before{inset:-6px 0;background:none;border:14px solid transparent;border-image:url('../public/assets/guide-v1/panel.png') 170 210 fill / 18px / 0 stretch}
 #app.setup-reference[data-screen="garage"] #setup-footer #guide-button .setup-icon{width:25px;height:25px}
 #app.setup-reference[data-screen="garage"] #setup-footer #select-course{grid-column:1;grid-row:2;width:var(--wager-panel-width);justify-self:center}
 #app.setup-reference[data-screen="garage"] #setup-footer .illustrated-wager{grid-column:1;grid-row:3}
 #app.setup-reference #garage-screen.setup-screen{bottom:calc(var(--wager-footer-height) + 58px);--hero-height:146px;--garage-stat-width:min(calc(100vw - 20px),250px)}
 #app.setup-reference #garage-screen .vehicle-detail-heading{display:none}
 #app.setup-reference #garage-screen .showroom-motion,#app.setup-reference #garage-screen .showroom-hero[data-motion-available="true"] #showroom-car{bottom:calc(-16% - 8px)}
 #app.setup-reference #garage-screen .vehicle-specs{top:calc(var(--hero-height) + 10px)}
 #app.setup-reference #garage-screen .vehicle-shelf{top:calc(var(--hero-height) + 10px + var(--garage-stat-width) * 2 / 3 + 6px)}
}
@media(prefers-reduced-motion:reduce){#app.setup-reference #setup-footer #guide-button{transition:none}}