.vehicle-tutorial{position:fixed;inset:0;z-index:32000;pointer-events:none;font-family:inherit;color:#fff;}
.vehicle-tutorial.hidden{display:none!important;}
.vehicle-tutorial-card{position:fixed;box-sizing:border-box;width:330px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto;pointer-events:auto;padding:24px;background:linear-gradient(135deg,rgba(63,75,91,.80),rgba(19,26,36,.82));backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);color:#fff;border:1px solid #ffffff40;border-radius:28px;box-shadow:0 24px 80px #0007,inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff0a;margin:0;font-family:inherit;}
.vehicle-tutorial.is-intro .vehicle-tutorial-card{width:470px;position:fixed;inset:0;margin:auto;height:max-content;padding:32px;}
.vehicle-tutorial-card::backdrop{background:rgba(5,10,17,.38);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.vehicle-tutorial-card small{font-size:10px;letter-spacing:.14em;font-weight:750;line-height:1.5;color:#ffd62e;}
.vehicle-tutorial-card h2{font-size:24px;font-weight:750;line-height:1.13;letter-spacing:-.025em;margin:13px 0 12px;color:#fff;}
.vehicle-tutorial.is-intro h2{font-size:32px;max-width:330px;}
.vehicle-tutorial-card p{font-size:14px;line-height:1.5;color:#e0e7f0;margin:0;}
.vehicle-tutorial-time{display:block;font-size:12px;color:#c4cedb;margin:20px 0 2px;}
.vehicle-tutorial-emblem{width:72px;height:68px;margin-bottom:24px;border:1px solid #ffdf6647;background:linear-gradient(135deg,#ffd52a20,#ffffff08);border-radius:24px;box-shadow:inset 0 1px 0 #ffffff26;position:relative;}
.vehicle-tutorial-emblem svg{width:60px;height:50px;margin:8px 5px;fill:none;stroke:#ffe073;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.vehicle-tutorial-emblem span{position:absolute;right:-7px;bottom:-6px;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#ffd52a;color:#171717;font-size:24px;font-weight:600;}
.vehicle-tutorial-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.vehicle-tutorial-heading>span{font-size:11px;color:#cdd7e4;font-weight:700;font-variant-numeric:tabular-nums;}
.vehicle-tutorial-dots{display:flex;gap:4px;margin-top:10px;}
.vehicle-tutorial-dots i{height:3px;flex:1;border-radius:4px;background:#424750;}
.vehicle-tutorial-dots i.is-seen{background:#ffd52a;}
.vehicle-tutorial-actions{display:flex;gap:10px;justify-content:space-between;margin-top:24px;align-items:stretch;}
.vehicle-tutorial-card button{font:inherit;font-size:12px;font-weight:650;line-height:1.2;min-height:44px;border:1px solid #ffffff37;border-radius:999px;padding:10px 13px;color:#e7eaf0;background:linear-gradient(135deg,#ffffff15,#ffffff07);box-shadow:inset 0 1px 0 #ffffff1a;cursor:pointer;}
.vehicle-tutorial-card button.is-primary{color:#171717;background:linear-gradient(135deg,#ffe56d,#ffd52a);border-color:#ffe67a;display:flex;align-items:center;justify-content:center;gap:9px;flex:1;}
.vehicle-tutorial-card button:hover{filter:brightness(1.1);}
.vehicle-tutorial-card button:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.vehicle-tutorial-card button:disabled{opacity:.6;cursor:wait;}
.vehicle-tutorial-card .vehicle-tutorial-skip{display:block;min-height:32px;margin:10px auto -8px;border:0;background:none;color:#cdd7e4;font-size:11px;}
.vehicle-tutorial-spotlight{position:fixed;border:2px solid #ffe064;box-sizing:border-box;border-radius:16px;box-shadow:0 0 0 100vmax #0005,0 0 28px #ffd52a33;pointer-events:none;}
.vehicle-tutorial-card .vehicle-tutorial-error{color:#ffb5bc;font-size:12px;line-height:1.35;margin-top:14px;}
@media(max-width:650px){.vehicle-tutorial-card{width:calc(100vw - 32px);padding:18px;max-height:min(280px,calc(100svh - 32px));border-radius:24px;}.vehicle-tutorial.is-intro .vehicle-tutorial-card{padding:25px;max-height:calc(100svh - 32px);}.vehicle-tutorial-card h2{font-size:22px;margin:10px 0;}.vehicle-tutorial.is-intro h2{font-size:29px;}.vehicle-tutorial-card p{font-size:13px;}.vehicle-tutorial-actions{margin-top:18px;}}
@media(prefers-reduced-motion:reduce){.vehicle-tutorial *{scroll-behavior:auto!important;}}
