.arrival-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:19px}.arrival-buttons .primary{margin:0}.arrival-buttons small{color:var(--muted);font-size:10px;line-height:1.5}
#opening-drive{position:fixed;inset:0;z-index:6;pointer-events:none;color:#f0ebda;font:12px Arial,sans-serif;background:linear-gradient(#111e246b,transparent 23%,transparent 65%,#10201ddd)}
#opening-drive button{pointer-events:auto;background:#182b28df;color:#eee5ce;border:1px solid #bfab7766;padding:11px 15px;min-height:42px;border-radius:3px;font-size:11px}#opening-drive button:hover{background:#344941}#opening-drive button:focus-visible{outline:2px solid #e4c98b;outline-offset:3px}
.drive-top{display:flex;justify-content:space-between;gap:20px;padding:27px 32px}.drive-top h2{font:29px Georgia,serif;margin:8px 0 0;text-shadow:0 2px 12px #172420}.drive-top .eyebrow{color:#f1dfad}.drive-actions{display:flex;gap:7px;align-items:flex-start}.drive-readout{position:absolute;top:129px;left:32px;width:205px;text-shadow:0 1px 5px #071f1c}.drive-readout>span{font-size:11px;letter-spacing:1px}.drive-readout progress{display:block;width:100%;height:3px;margin:12px 0 15px;appearance:none;border:0;background:#e4dec43b}.drive-readout progress::-webkit-progress-bar{background:#e4dec43b}.drive-readout progress::-webkit-progress-value{background:#e5ce94}.drive-readout strong{font:32px Georgia,serif}.drive-readout small{font:10px Arial,sans-serif;letter-spacing:1px}
.drive-bottom{position:absolute;left:32px;right:32px;bottom:25px}.drive-bottom p{margin:8px 0;font-size:12px;line-height:1.6}.drive-bottom .drive-keyboard{font-size:9px;letter-spacing:.7px;color:#d1d9cc}.drive-keyboard i{margin:0 6px;font-style:normal}#drive-reset{position:absolute;right:0;bottom:0}#drive-hint{max-width:70%;color:#f1e1b9}
.drive-touch{display:none;position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:18px;right:18px;justify-content:space-between;gap:12px}.drive-touch>div{display:flex;gap:7px}.drive-touch button{touch-action:none;user-select:none;-webkit-user-select:none}#opening-drive .drive-touch button.pressed{background:#c9ac73;color:#13221d}
#opening-drive #drive-skip-paused{width:100%;margin-top:8px;background:transparent;border:0;color:#d6c9aa}
#drive-transition{position:absolute;inset:0;z-index:3;background:#0b1110;opacity:0;pointer-events:none}
#opening-drive[data-phase="parked"]>.drive-top,#opening-drive[data-phase="parked"]>.drive-readout{display:none}
#drive-parked{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 24px;background:#11231ce8;border:1px solid #bcaa765c;pointer-events:none}
#drive-parked h2{font:27px Georgia,serif;margin:5px 0 10px}#drive-parked p{margin:6px 0;line-height:1.5}#drive-parked small{color:#c4cdbf;font-size:10px}#drive-parked .eyebrow{font-size:9px}#opening-drive #drive-get-out{background:#c9ac73;color:#14231c;width:230px;flex-shrink:0;margin:0;pointer-events:auto;font-size:12px;letter-spacing:.5px}
@media(max-width:760px){#drive-parked{bottom:16px;left:16px;right:16px;display:block;padding:17px}#drive-parked h2{font-size:23px}#opening-drive #drive-get-out{width:100%;margin-top:15px}#drive-parked small{font-size:9px}}
@media(max-height:500px){#drive-parked{bottom:10px;left:12px;right:12px;display:flex;padding:10px 15px}#drive-parked h2{font-size:21px;margin:2px 0 5px}#drive-parked p{font-size:11px;margin:3px 0}#opening-drive #drive-get-out{width:190px;margin:0}}
#drive-overlay{position:absolute;inset:0;display:grid;align-items:end;justify-items:center;padding:25px;background:linear-gradient(transparent 35%,#102019b8);pointer-events:auto}.drive-card{width:min(510px,100%);padding:25px 30px;background:#152720f2;border:1px solid #b9a87575;box-shadow:0 8px 35px #0004}.drive-card h2{font:28px Georgia,serif;margin:10px 0 12px}.drive-card p{line-height:1.7;color:#d1d8c9}#opening-drive .drive-card .primary{background:#c9ac73;color:#15221b;width:100%;font-size:12px;justify-content:center;margin-top:18px}.arrived .drive-touch,.arrived .drive-bottom,.arrived .drive-actions{display:none}.driving-opening .vignette{opacity:.4}
@media(pointer:coarse),(max-width:760px){.drive-top{padding:18px;gap:10px;flex-direction:column}.drive-top h2{font-size:23px}.drive-actions{flex-wrap:wrap}#opening-drive .drive-actions button{padding:9px 10px;font-size:10px}.drive-readout{left:18px;top:155px;width:170px}.drive-touch{display:flex}.drive-bottom{left:18px;right:18px;bottom:100px}.drive-bottom .drive-keyboard{display:none}#drive-hint{max-width:100%;font-size:11px}#opening-drive #drive-reset{position:static;padding:5px 9px;min-height:32px;font-size:10px}.drive-touch button{min-width:48px}#opening-drive .drive-touch [data-drive="forward"]{background:#c9ac73;color:#15221b}.drive-card{padding:20px}.drive-card h2{font-size:24px}#drive-overlay{padding:18px}.arrived .drive-readout{top:100px}}
@media(max-width:440px){#opening-drive .drive-touch button{padding:10px;min-width:44px;font-size:10px}.drive-touch{left:12px;right:12px}.drive-touch>div{gap:5px}.drive-readout strong{font-size:27px}}
@media(max-height:500px){.drive-top{padding:12px 18px;flex-direction:row}.drive-top h2{font-size:21px}.drive-readout{top:90px}.drive-bottom{bottom:80px}.drive-card{padding:14px 20px;width:460px}.drive-card h2{font-size:22px;margin:6px 0}.drive-card p{margin:6px 0;font-size:11px}#opening-drive .drive-card .primary{margin-top:8px;padding:10px}.drive-touch{bottom:12px}.arrived .drive-readout{display:none}}