.homeScreen .hud,.homeScreen #region,.homeScreen .challenge,.homeScreen .route,.homeScreen #controls{visibility:hidden}.homeScreen header:not(.workshopHeader):not(.settingsHeader){z-index:6}.homeScreen #pause{display:none}.homeSummary{display:flex;gap:28px;border-left:3px solid #7da277;padding:3px 0 3px 13px;margin:20px 0}.homeSummary span{font-size:7px;font-weight:700;letter-spacing:1px;opacity:.8}.homeSummary b{display:block;font-size:15px;letter-spacing:-.3px;margin-top:5px}.intro .menuLinks{gap:11px;margin-top:20px}.intro .garageLink{background:#fff9e9c9;border:1px solid #32573e22;border-radius:9px;padding:14px 17px;font-size:9px;margin:0}.intro .garageLink:hover{background:#fff9e9}.intro .primary{min-width:280px}.pauseActions{display:grid;gap:9px;margin-top:20px}.pauseActions button,.endHome button{background:#e5ebd7;border-radius:8px;color:#315b46;padding:13px;font-size:9px;font-weight:800;letter-spacing:.6px}.pauseNote{display:block;font-size:9px;line-height:1.6;opacity:.6;margin-top:14px}.endHome{margin-top:13px}.endHome button{width:100%}#settings{z-index:9;justify-content:center;background:#173b35cc;backdrop-filter:blur(12px)}.settingsShell{display:flex;flex-direction:column;background:#fff9eb;width:min(880px,calc(100% - 34px));height:min(730px,calc(100svh - 34px));border-radius:24px;overflow:hidden;box-shadow:0 25px 100px #071e2755}.settingsHeader{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px 20px;border-bottom:1px solid #173b3515}.settingsHeader .eyebrow{color:#6d8c72;font-size:8px;letter-spacing:2px}.settingsHeader h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1;margin:8px 0 0}.settingsHeader button{width:36px;height:36px;border-radius:50%;background:#173b3510;color:#173b35;font-size:18px}.settingsContent{flex:1;min-height:0;overflow-y:auto;padding:24px 30px;touch-action:pan-y;-webkit-overflow-scrolling:touch}#settings{touch-action:pan-y}.settingsIntro h3{font-size:17px;margin:0 0 7px}.settingsIntro p{font-size:11px;line-height:1.8;opacity:.65;max-width:590px;margin:0 0 20px}.settingsOptions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settingRow{background:#edf0df;padding:16px;border-radius:11px;display:flex;align-items:center;gap:15px;justify-content:space-between;cursor:pointer}.settingRow b{display:block;font-size:12px}.settingRow small{display:block;font-size:9px;line-height:1.6;opacity:.65;max-width:255px;margin-top:5px}.switch{position:relative;display:block;width:42px;height:25px;flex-shrink:0}.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch i{display:block;width:42px;height:25px;border-radius:20px;background:#b9c5ae;pointer-events:none;transition:background .2s}.switch i:after{content:'';display:block;position:absolute;left:4px;top:4px;width:17px;height:17px;background:#fff9eb;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #173b3520}.switch input:checked+i{background:#427257}.switch input:checked+i:after{transform:translateX(17px)}.switch input:focus-visible+i{outline:3px solid #e4b646;outline-offset:3px}.volumeRow{display:flex;align-items:center;gap:20px;padding:25px 0}.volumeRow label{font-size:11px;font-weight:700}.volumeRow input{flex:1;accent-color:#427257;height:28px;touch-action:pan-x}.volumeRow b{font-size:11px;min-width:40px}.audioPreview{display:flex;gap:10px}.audioPreview button{flex:1;background:#173b35;border-radius:9px;padding:15px 10px;color:#fff9eb;font-size:9px;letter-spacing:.6px;font-weight:800}.audioPreview button:disabled{opacity:.35;cursor:default}.settingsNote{font-size:9px;opacity:.55;line-height:1.7;margin-top:20px}.intro h1{font-size:clamp(62px,7vw,100px)}
@media(max-height:520px){.intro{padding-top:27px;max-width:80%}.intro h1{font-size:43px;margin:8px 0}.intro .eyebrow{font-size:7px}.intro p{font-size:10px;margin:7px 0;line-height:1.5}.homeSummary{margin:12px 0;gap:22px;padding-left:10px}.homeSummary span{font-size:6px}.homeSummary b{font-size:12px;margin-top:3px}.intro .primary{padding:12px 20px;min-width:250px;font-size:11px}.intro .menuLinks{margin-top:13px;gap:8px}.intro .garageLink{padding:10px 13px;font-size:8px}.intro .instructions{margin-top:12px;font-size:7px}.intro .prototype{font-size:6px}.settingsShell{height:calc(100svh - 16px);width:calc(100% - 30px);border-radius:16px}.settingsHeader{padding:12px 20px}.settingsHeader h2{font-size:29px;margin:4px 0 0}.settingsHeader .eyebrow{font-size:7px}.settingsHeader button{width:30px;height:30px;font-size:15px}.settingsContent{padding:15px 20px}.settingsIntro h3{font-size:13px}.settingsIntro p{font-size:10px;margin-bottom:12px}.settingsOptions{gap:8px}.settingRow{padding:11px 13px}.settingRow b{font-size:11px}.settingRow small{font-size:8px}.volumeRow{padding:15px 0}.audioPreview button{padding:12px;font-size:8px}.settingsNote{font-size:8px;margin-top:13px}.pauseActions{gap:7px;margin-top:13px}.pauseActions button{padding:11px}.pauseNote{font-size:8px;margin-top:9px}.endcard .menuLinks{flex-wrap:wrap;gap:7px 16px}.endcard .garageLink{font-size:8px}.endHome{margin-top:9px}}
@media(max-width:650px){.intro{max-width:90%;padding-top:50px}.intro .menuLinks{flex-wrap:wrap;gap:7px}.intro .garageLink{font-size:8px;padding:12px}.homeSummary{gap:20px}.homeSummary b{font-size:12px}.settingsOptions{grid-template-columns:1fr}.settingsHeader{padding:20px}.settingsContent{padding:18px 20px}.audioPreview{flex-wrap:wrap}.audioPreview button{min-width:100px}.settingsHeader h2{font-size:35px}.settingsIntro p{font-size:10px}.volumeRow{gap:10px}.volumeRow label{font-size:10px}.intro h1{font-size:68px}}

/* Own alpine garage: the selected vehicle is the focus, with direct tuning access. */
.homeScreen #overlay{background:linear-gradient(90deg,#eff5dfef,#eff5dfaa 60%,#eff5df33)}
.homeScreen .intro{width:min(900px,90%);max-width:900px;margin:auto;text-align:center;padding:65px 20px 35px;}
.homeScreen .intro h1{font-size:clamp(34px,5vw,64px);line-height:.95;margin:10px 0;}
.homeShowcase{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 auto;max-width:650px;}
.homeShowcase>div{flex:1;min-width:0}.homeShowcase svg{width:100%;height:210px;filter:drop-shadow(0 12px 12px #173b3522)}
.homeShowcase b{display:block;font-size:21px}.homeShowcase small{display:block;margin:6px;color:#587660;font-size:11px}
.homeShowcase>button{width:46px;height:46px;border-radius:50%;background:#173b35;color:#fff4dd;font-size:30px;flex-shrink:0}
.homeScreen .homeSummary{justify-content:center;border:0;margin:15px 0}.homeScreen .intro .menuLinks{justify-content:center;flex-wrap:wrap;margin-top:12px}.homeScreen .instructions{justify-content:center}.homeScreen .prototype{display:none}
.playing #region{display:none}.playing .brand{transform:scale(.8);transform-origin:left top}.playing .challenge .energy{display:none}
.playing .pedal{border-radius:15px;border:2px solid #213f39;box-shadow:0 5px 0 #173b35bb,inset 0 2px 0 #ffffff88;background:linear-gradient(#fff7df,#d8ddc5);color:#173b35;min-width:100px}
.playing .pedal.gas{background:linear-gradient(#ffe59a,#d4ae47)}.playing .pedal:active{transform:translateY(4px);box-shadow:0 1px 0 #173b35bb}.playing .pedal>span{font-size:17px;opacity:.65}.playing .pedal small{font-size:7px}
@media(max-height:520px){.homeScreen .intro{padding:49px 15px 6px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;column-gap:22px;max-width:810px;width:94%;text-align:left}.homeScreen .intro>.eyebrow{grid-column:1;align-self:end}.homeScreen .intro h1{grid-column:1;font-size:38px;margin:7px 0}.homeShowcase{grid-column:2;grid-row:1/6;width:100%;gap:6px}.homeShowcase svg{height:180px}.homeShowcase b{font-size:17px;text-align:center}.homeShowcase small{text-align:center;font-size:9px}.homeShowcase>button{width:32px;height:32px;font-size:23px}.homeScreen .homeSummary{grid-column:1;justify-content:flex-start;margin:8px 0;gap:16px;padding:0}.homeScreen .intro .primary{grid-column:1;min-width:0;width:100%}.homeScreen .intro .menuLinks{grid-column:1/3;justify-content:center;margin-top:10px;gap:8px}.homeScreen .intro .garageLink{padding:12px 15px}.homeScreen .instructions{grid-column:1/3;margin-top:10px}.playing .pedal{min-width:95px}}

#routes{z-index:8;background:#173b35cc;backdrop-filter:blur(8px);justify-content:center}.routeShell{width:min(950px,94%);max-height:94svh;overflow:auto;background:#fff9eb;border-radius:22px;padding:25px;touch-action:pan-y}.routeHeading{display:flex;justify-content:space-between;align-items:center}.routeHeading h2{font-size:30px;margin:7px 0 20px}.routeHeading>button{border-radius:50%;width:36px;height:36px;background:#e1e8d5;color:#173b35}.routeShell p{font-size:11px;color:#587660}#routeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.routeChoice{padding:0 0 20px;border:2px solid transparent;border-radius:13px;background:#e9efdf;overflow:hidden;text-align:left;color:#173b35}.routeChoice.chosen{border-color:#42745b;background:#d9e7cc}.routeChoice svg{width:100%;height:110px;background:#d4e8e6}.routeChoice b,.routeChoice small,.routeChoice span{display:block;margin:10px 15px 0}.routeChoice b{font-size:16px}.routeChoice small{font-size:10px}.routeChoice span{font-size:9px;font-weight:800;color:#42745b}@media(max-height:520px){.routeShell{padding:15px}.routeHeading h2{font-size:24px;margin:5px 0 12px}.routeChoice svg{height:85px}.routeChoice{padding-bottom:12px}.routeChoice b{font-size:13px}.routeShell p{font-size:9px}.homeScreen .intro .garageLink{padding:10px 13px;font-size:8px}}@media(max-width:600px){#routeChoices{grid-template-columns:1fr}.routeChoice svg{height:85px}}

#powerups{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3}#powerups button{background:#173b35;color:#fff5dc;border:2px solid #ecce72;border-radius:24px;padding:13px 18px;font-size:11px;font-weight:800;min-width:118px;touch-action:manipulation}#powerups button:disabled{opacity:.45}#powerups .powerActive:disabled{opacity:1;background:#b78c24}.homeScreen #powerups{display:none}#gifts{z-index:9;background:#173b35cc;justify-content:center;backdrop-filter:blur(8px)}#giftInventory{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}#giftInventory article{background:#e6edd8;border-radius:13px;padding:18px}#giftInventory article>span{font-size:30px;color:#658047}#giftInventory h3{margin:8px 0;font-size:18px}#giftInventory p{line-height:1.6}#giftMilestones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#giftMilestones>div{padding:14px;background:#edf0e4;border-radius:10px}#giftMilestones b,#giftMilestones span,#giftMilestones small{display:block;margin:4px 0}#giftMilestones span{font-size:11px}#giftMilestones small{font-size:9px;color:#567452}.giftEarned{border:1px solid #809b67}@media(max-height:520px){#powerups{bottom:76px;gap:7px}#powerups button{padding:9px 12px;font-size:9px;min-width:98px}#giftInventory{margin:10px 0;gap:10px}#giftInventory article{padding:12px}#giftInventory article>span{font-size:20px}#giftInventory h3{font-size:14px}#giftMilestones>div{padding:8px}.homeScreen .intro .menuLinks{gap:5px}.homeScreen .intro .garageLink{padding:10px;font-size:7px}}

#powerups{bottom:125px;gap:14px}#powerups button{width:64px;min-width:64px;height:70px;padding:4px 5px 13px;border-radius:17px;position:relative;background:#174c59;touch-action:manipulation}#powerups svg{width:46px;height:46px;display:block;margin:auto;pointer-events:none}#powerups b{position:absolute;right:-5px;bottom:-5px;background:#fff2c6;color:#173b35;min-width:26px;border-radius:10px;padding:3px 5px;font-size:11px;pointer-events:none}#powerups button.powerLocked{opacity:.5;background:#68766b}#giftInventory{grid-template-columns:repeat(3,1fr)}.giftIcon svg{width:54px;height:54px}@media(max-height:520px){#powerups{bottom:68px;gap:11px}#powerups button{width:49px;min-width:49px;height:51px;padding:3px;border-radius:13px}#powerups svg{width:36px;height:36px}#powerups b{font-size:9px;padding:2px 4px;min-width:20px}.giftIcon svg{width:36px;height:36px}#giftInventory h3{font-size:13px}}@media(max-width:600px){#giftInventory{grid-template-columns:1fr}}
