/* Quiet first drive. The island engine controls the fog and distance progress. */
html:has(body.departure-intro:not(.panel-open)){scrollbar-gutter:auto;overflow:hidden}
.departure-haze{display:none;position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 43% 53% at 50% 54%,transparent 18%,#e8f0ed77 60%,#e8f0ed 100%);opacity:calc(1 - var(--departure-progress,0))}
.departure-intro .departure-haze{display:block}
.departure-guide{display:none;position:absolute;inset:0;z-index:7;pointer-events:none;color:#24483f}
.departure-guide>div{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:25px 27px;background:#fffaf0db;border:1px solid #fffdf2;border-radius:16px;box-shadow:0 8px 40px #34706b13;min-width:205px}
.departure-keys{left:6vw}.departure-view{right:6vw}
.departure-guide strong{font-size:18px;font-weight:800;letter-spacing:.02em;margin-top:5px}
.departure-guide span{font-size:13px;line-height:1.8;color:#477167}
.departure-guide small{font-size:12px;margin-top:7px;color:#476c5f}
.departure-key-row{display:flex;gap:6px}
.departure-guide kbd{display:inline-grid;place-items:center;width:31px;height:31px;margin:0;padding:0;border:1px solid #7a9682;border-bottom-width:3px;border-radius:5px;background:#fffdf3;color:#294f40;opacity:1;font-size:13px;font-weight:750;line-height:1}
.departure-guide small kbd{width:auto;padding:0 8px;height:25px;margin-right:5px;font-size:11px}
.departure-view{min-height:158px;justify-content:center}
.departure-intro:not(.panel-open){overflow:hidden}
.departure-intro>.site-header,.departure-intro>.preview-strip,.departure-intro>.site-footer,.departure-intro>#mobile-nav,.departure-intro #main>section:not(.game-stage){display:none!important}
body.departure-intro[data-page="home"] .game-stage{height:100svh;min-height:100svh;max-height:100svh}
.departure-intro .island-heading,.departure-intro .island-toolbar,.departure-intro .island-dashboard,.departure-intro .island-challenge,.departure-intro .destination-bubbles,.departure-intro .stage-bottom,.departure-intro .near-prompt,.departure-intro .game-toast{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.island-heading,.island-toolbar,.island-dashboard,.island-challenge,.destination-bubbles,.stage-bottom{transition:opacity .55s ease}
.departure-intro.explorer-active .departure-guide{display:block}
.departure-intro.panel-open .departure-guide{display:none}
.crash-return{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);z-index:8;padding:12px 22px;border-radius:9px;background:#fffaf0ed;border:1px solid #fff9da;color:#304d3f;font-size:16px;font-weight:750;text-align:center;pointer-events:none;box-shadow:0 8px 25px #373a2f22}
.crash-return[hidden]{display:none}
.island-crashed .drive-pad{pointer-events:none;opacity:.35}
.island-crashed .departure-guide{display:none!important}
.reduced-motion .island-heading,.reduced-motion .island-toolbar,.reduced-motion .island-dashboard,.reduced-motion .island-challenge,.reduced-motion .destination-bubbles,.reduced-motion .stage-bottom{transition:none}
@media(max-width:1020px) and (min-width:761px){.departure-guide>div{min-width:175px;padding:21px 18px}.departure-keys{left:4vw}.departure-view{right:4vw}.departure-guide strong{font-size:16px}.departure-guide span{font-size:12px}}
@media(max-width:760px), (any-pointer:coarse), (max-width:1020px) and (max-height:500px){
 .departure-guide{display:none!important}
 .departure-intro .island-stage .drive-pad{bottom:max(30px,env(safe-area-inset-bottom));left:18px;right:18px}
 .departure-intro .drive-pad [data-control="boost"],.departure-intro .drive-pad [data-control="back"]{display:none}
 .departure-intro .island-stage .drive-pad button{min-width:52px;min-height:52px;font-size:12px;background:#fffaf0ef;border-color:#fffdf2}
 .departure-intro .island-stage .drive-pad [data-control="forward"]{background:#ffe38a}
 .departure-intro .island-stage .drive-pad [data-control="brake"]{background:#f5d1ba}
 .departure-intro .island-stage .drive-pad button.pressed{background:#285f49;color:#fff}
 .crash-return{bottom:23%;font-size:14px;white-space:nowrap}
}
@media(max-width:1020px) and (max-height:500px), (any-pointer:coarse) and (max-height:500px){
 .departure-intro .island-stage .drive-pad{bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}
 .departure-intro .island-stage .drive-pad .pedal-pad{grid-template-columns:repeat(2,52px)}
}
@media(prefers-reduced-motion:reduce){.island-heading,.island-toolbar,.island-dashboard,.island-challenge,.destination-bubbles,.stage-bottom{transition:none}}