#drive-intro{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 32px));pointer-events:auto;z-index:28}
#drive-intro[hidden]{display:none}.drive-intro-card{padding:16px 18px;border:2px solid #f4c35e;border-radius:18px;background:#152b32f5;color:#fff;box-shadow:0 8px 28px #0005;animation:intro-glow 2s ease-in-out 4}.drive-intro-card strong{font-size:1.1rem}.drive-intro-card p{margin:7px 0 12px;line-height:1.4}.drive-intro-card .btn{min-height:44px}.drive-intro-card .ghost{color:#e8eeee}
.event-countdown{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;z-index:35;color:#fff;text-shadow:0 3px 18px #000}.event-countdown strong{font-size:clamp(5rem,18vw,9rem);font-weight:900;line-height:1.1;animation:countdown-beat .8s ease-out}.event-countdown span{font-size:1.1rem;font-weight:700;background:#152b32e8;padding:10px 18px;border-radius:24px}.event-countdown .btn{pointer-events:auto;margin:16px auto;background:#152b32e8;color:#fff}.event-countdown[data-beat="GO!"] strong{color:#a2efb3}
@keyframes countdown-beat{from{transform:scale(1.22);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes intro-glow{50%{box-shadow:0 0 0 7px #f4c35e35,0 8px 28px #0005}}
.reduced-motion .drive-intro-card,.event-countdown.reduced-motion strong{animation:none}@media(prefers-reduced-motion:reduce){.drive-intro-card,.event-countdown strong{animation:none}}

/* Keep one navigation message visible, with the touch controls clear on both sides. */
#interface:has(#drive-intro:not([hidden])) :is(.minimap-wrap,.route-banner,.replay-pinned-hud){visibility:hidden}
body:has(dialog[open]) #drive-intro,body:has(dialog[open]) .event-countdown{display:none}
@media(max-height:550px) and (orientation:landscape){
 #drive-intro{top:74px;left:calc(max(16px,env(safe-area-inset-left)) + 124px);right:calc(max(16px,env(safe-area-inset-right)) + 174px);transform:none;width:auto;max-width:320px;margin-inline:auto}
 .drive-intro-card{display:grid;gap:7px;padding:10px 12px}
 .drive-intro-card strong{font-size:1rem;line-height:1.2}
 .drive-intro-card p{margin:0;font-size:.85rem;line-height:1.4}
 .drive-intro-card .btn{width:100%;min-height:44px;padding:8px 10px;font-size:.88rem}
 .event-countdown strong{font-size:4rem}
}

.event-countdown[hidden]{display:none}