.drive-game{min-height:100vh;background:#f5f9f7;padding-bottom:60px}.drive-header{height:78px;align-items:center;padding:0 max(5vw,24px);background:#ffffffdf;border-bottom:1px solid var(--line)}.drive-header,.drive-intro{display:flex;justify-content:space-between}.drive-intro{width:min(1250px,calc(100% - 36px));margin:38px auto 22px;align-items:flex-end;gap:25px}.drive-intro h1{font:900 clamp(40px,5vw,64px)/1.03 Nunito;letter-spacing:-2px;margin:9px 0}.drive-intro h1 span{color:#e76348}.drive-intro p{color:var(--muted);margin:0;max-width:780px}.drive-record{display:flex;align-items:center;gap:11px;background:#fff5cd;border:1px solid #ecd78b;border-radius:15px;padding:12px 16px}.drive-record>i{color:#dfa323;font-size:23px}.drive-record span{display:flex;flex-direction:column;white-space:nowrap}.drive-record small{font-size:9px;color:var(--muted);font-weight:800}.drive-record b{font:900 17px Nunito}.drive-levels{width:min(1250px,calc(100% - 36px));margin:0 auto 16px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.drive-levels button{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:12px;text-align:left}.drive-levels button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green-dark)}.drive-levels button span{display:flex;flex-direction:column}.drive-levels button small{color:var(--muted);font-size:10px}.drive-levels button.active{border-color:#e76348;box-shadow:0 0 0 3px #ffe3db}.drive-levels button.active>i{background:#e76348;color:#fff}.drive-levels button.locked{opacity:.5}.drive-card{width:min(1250px,calc(100% - 24px));margin:auto;border:1px solid #dce7e0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #17373318}.drive-hud{display:grid;grid-template-columns:1fr 1fr 2.2fr 1fr 1fr;padding:11px}.drive-hud>span{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.drive-hud>span:last-child{border:0}.drive-hud small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.8px}.drive-hud>span>b{font:900 18px Nunito;margin-top:2px}.target-word{background:#173733;color:#fff;border-radius:12px!important;border:0!important;margin:-2px 8px;padding:7px}.target-word small{color:#b8d5ce}.target-word b{display:flex;gap:3px}.target-word b i{min-width:18px;font:900 21px Nunito;font-style:normal;color:#91a8a3;text-align:center}.target-word b i.done{color:#7ee0ae}.target-word b i.next{color:#f3bd4f;border-bottom:2px solid #f3bd4f}.drive-hearts{display:flex;gap:3px;color:#e9654c}.wide-track{height:640px;position:relative;overflow:hidden;background:linear-gradient(#83d2ec 0 31%,#66a95b 31%);isolation:isolate}.drive-sky i{position:absolute;width:90px;height:30px;background:#ffffffa8;border-radius:30px;top:45px;animation:v2Cloud 12s ease-in-out infinite alternate}.drive-sky i:after,.drive-sky i:before{content:"";position:absolute;background:inherit;border-radius:50%;bottom:0}.drive-sky i:before{width:40px;height:40px;left:12px}.drive-sky i:after{width:50px;height:50px;right:10px}.drive-sky i:first-child{left:6%}.drive-sky i:nth-child(2){left:48%;top:80px;scale:.75}.drive-sky i:nth-child(3){right:4%;top:28px;scale:.6}@keyframes v2Cloud{to{translate:70px 6px}}.drive-mountains{position:absolute;top:15%;left:-3%;right:-3%;height:22%;background:#4f8965;-webkit-clip-path:polygon(0 100%,8% 45%,18% 90%,28% 15%,40% 88%,52% 35%,65% 90%,78% 8%,89% 83%,100% 38%,100% 100%);clip-path:polygon(0 100%,8% 45%,18% 90%,28% 15%,40% 88%,52% 35%,65% 90%,78% 8%,89% 83%,100% 38%,100% 100%)}.drive-field{position:absolute;top:31%;bottom:0;width:7%;background:#65a65a;z-index:1}.drive-field.left{left:0}.drive-field.right{right:0}.wide-road{position:absolute;z-index:1;top:31%;bottom:0;left:7%;right:7%;background:#444b50;box-shadow:inset 10px 0 #eef0e8,inset -10px 0 #eef0e8}.wide-road:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 110px,#ffffff08 112px 116px);background-position-y:var(--road-shift)}.lane-lines{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}.lane-lines i{border-right:3px dashed #f7efb0;background-position-y:var(--road-shift)}.lane-lines i:last-child{border:0}.road-object{position:absolute;z-index:4;translate:-50%;transition:top .06s linear;display:grid;place-items:center}.road-object.letter{width:58px;height:58px;border-radius:16px;background:#fff;border:4px solid #f3bd4f;box-shadow:0 8px 15px #1117,inset 0 -7px #fff0bd}.road-object.letter b{font:900 28px Nunito;color:#142b29}.road-object.letter.variant-1{border-color:#72cf9e}.road-object.letter.variant-2{border-color:#e97861}.road-object.letter.variant-3{border-color:#8b7cd4}.road-object.cone{width:38px;height:48px}.road-object.cone i{position:absolute;inset:0;background:repeating-linear-gradient(#f57a39 0 12px,#fff 12px 18px);-webkit-clip-path:polygon(50% 0,100% 85%,88% 100%,12% 100%,0 85%);clip-path:polygon(50% 0,100% 85%,88% 100%,12% 100%,0 85%)}.road-object.cone span{position:absolute;bottom:0;width:48px;height:8px;background:#333;border-radius:4px}.road-object.oil{width:65px;height:32px}.road-object.oil i{position:absolute;inset:0;background:#162226;border-radius:48% 52% 42% 58%;box-shadow:inset 8px 4px #ffffff18}.wasd-car{position:absolute;z-index:6;bottom:55px;left:50%;width:72px;height:112px;translate:-50%;transition:left .17s cubic-bezier(.2,.9,.2,1)}.wasd-car.lane-0{left:14%}.wasd-car.lane-1{left:32%}.wasd-car.lane-2{left:50%}.wasd-car.lane-3{left:68%}.wasd-car.lane-4{left:86%}.v2-body{position:absolute;inset:0;background:linear-gradient(90deg,#c93f35,#f36f53 48%,#ba352f);border-radius:23px 23px 14px 14px;box-shadow:0 12px 22px #111a,inset 0 -12px #922b28;display:grid;place-items:center}.v2-glass{position:absolute;top:18px;left:16px;right:16px;height:37px;background:#bde7ef;border:3px solid #8b2926;border-radius:13px 13px 5px 5px}.v2-body b{margin-top:45px;color:#fff;font:900 17px Nunito}.v2-body:after,.v2-body:before{content:"";position:absolute;top:15px;width:11px;height:22px;background:#fff5a4;border-radius:6px;box-shadow:0 0 12px #fff18a}.v2-body:before{left:7px}.v2-body:after{right:7px}.v2-wheel{position:absolute;width:12px;height:24px;background:#181d20;border-radius:5px}.v2-wheel.w1{left:-7px;top:20px}.v2-wheel.w2{right:-7px;top:20px}.v2-wheel.w3{left:-7px;bottom:17px}.v2-wheel.w4{right:-7px;bottom:17px}.wasd-car em{position:absolute;bottom:-23px;left:15px;right:15px;display:flex;justify-content:space-around}.wasd-car em i{width:12px;height:38px;background:linear-gradient(#ffec65,#ff6b35,transparent);border-radius:50%;animation:v2Flame .13s infinite alternate}@keyframes v2Flame{to{scale:.65 1.25}}.wide-track.crashed .wasd-car{animation:v2Crash .35s linear}.wide-track.crashed:after{content:"💥";position:absolute;z-index:8;left:50%;bottom:130px;font-size:55px;translate:-50%;animation:v2Boom .4s forwards}@keyframes v2Crash{25%{translate:-65%;rotate:-8deg}75%{translate:-35%;rotate:8deg}}@keyframes v2Boom{to{scale:1.5;opacity:0}}.track-progress{position:absolute;z-index:8;left:8%;right:8%;top:14px;height:12px;border-radius:20px;background:#ffffff66;box-shadow:0 3px 12px #0003}.track-progress span{display:block;height:100%;background:linear-gradient(90deg,#f3bd4f,#64d796);border-radius:20px;transition:width .25s}.track-progress b{position:absolute;right:0;top:16px;color:#fff;font:900 11px Nunito;text-shadow:0 1px 3px #000}.feedback-pill{position:absolute;z-index:8;left:50%;top:43px;translate:-50%;background:#173733d9;color:#fff;border-radius:20px;padding:7px 13px;font-size:11px;white-space:nowrap}.scene-1{background:linear-gradient(#f5b678,#e47b68 31%,#659c55 0)}.scene-1 .drive-mountains{background:#746359}.scene-1 .v2-body{background:linear-gradient(90deg,#2d72ad,#51a0cf,#275f93)}.scene-2{background:linear-gradient(#17264b,#3b4a6b 31%,#344e40 0)}.scene-2 .drive-mountains{background:#273f43}.scene-2 .v2-body{background:linear-gradient(90deg,#654da5,#9470cc,#4e3986)}.scene-2 .drive-sky:after{content:"";position:absolute;right:10%;top:45px;width:65px;height:65px;border-radius:50%;background:#fff2bd;box-shadow:0 0 30px #fff4c499}.drive-overlay{position:absolute;z-index:12;inset:50% auto auto 50%;translate:-50% -50%;width:min(470px,calc(100% - 30px));background:#fffffff2;border-radius:24px;padding:29px;text-align:center;box-shadow:0 20px 70px #16232155;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.drive-overlay>i{width:64px;height:64px;display:grid;place-items:center;margin:auto;border-radius:19px;background:var(--mint);color:var(--green);font-size:28px}.drive-overlay h2{font:900 29px Nunito;margin:14px 0 7px}.drive-overlay p{color:var(--muted);line-height:1.55}.drive-overlay a.primary{display:inline-block;text-decoration:none}.drive-console{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-gap:20px;gap:20px;align-items:center;padding:17px 22px}.wasd-keys{display:grid;grid-template-columns:repeat(3,70px);grid-gap:5px;gap:5px}.wasd-keys kbd{height:47px;border:1px solid #ccd7d0;border-bottom:4px solid #b4c1b9;border-radius:8px;background:#f7faf8;display:flex;align-items:center;justify-content:center;gap:4px;font:900 17px Nunito;transition:.1s}.wasd-keys kbd:first-child{grid-column:2}.wasd-keys kbd.active{translate:0 3px;border-bottom-width:1px;background:var(--green);color:#fff}.wasd-keys small{font:700 8px DM Sans;color:var(--muted)}.wasd-keys kbd.active small{color:#dff5eb}.drive-stats{display:flex;gap:16px;justify-content:center}.drive-stats span{display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:10px}.drive-stats i{color:#e66d4e;font-size:17px}.drive-stats b{color:var(--ink);font:900 18px Nunito}.drive-console>p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.4}.drive-console>p i{color:#e3a729;font-size:21px}@media(max-width:760px){.drive-header{height:66px}.drive-header .back-link{font-size:0}.drive-header .back-link i{font-size:18px}.drive-intro{flex-direction:column;align-items:flex-start;margin-top:28px}.drive-record{align-self:stretch}.drive-levels{grid-template-columns:1fr}.drive-levels button{padding:9px}.drive-hud{grid-template-columns:repeat(4,1fr);padding:7px 3px}.drive-hud .target-word{grid-column:1/-1;grid-row:1;margin:0 0 7px;padding:5px}.drive-hud>span:nth-child(4){border:0}.drive-hud>span:last-child{display:none}.drive-hud>span>b{font-size:13px}.wide-track{height:570px}.road-object.letter{width:47px;height:47px}.road-object.letter b{font-size:22px}.wasd-car{width:61px;height:96px}.feedback-pill{max-width:85%;overflow:hidden;text-overflow:ellipsis}.drive-console{grid-template-columns:1fr;padding:14px}.wasd-keys{justify-content:center}.drive-stats{order:2}.drive-console>p{order:3;justify-content:center}.drive-overlay{padding:23px}.drive-overlay h2{font-size:25px}}.wasd-car{transition:left .17s cubic-bezier(.2,.9,.2,1),bottom .22s ease-out}.wide-track.running .wasd-car{animation:roadVibration .32s ease-in-out infinite alternate}.wide-track.running .wasd-car.fast{animation-duration:.16s}@keyframes roadVibration{to{transform:translateY(-3px)}}.road-object.traffic{width:64px;height:100px;filter:drop-shadow(0 9px 8px rgba(0,0,0,.45))}.traffic-body{position:absolute;inset:0;border-radius:20px 20px 12px 12px;background:linear-gradient(90deg,#24689e,#4ca0d1 50%,#205982);box-shadow:inset 0 -10px rgba(0,0,0,.22)}.traffic-body:after,.traffic-body:before{content:"";position:absolute;top:13px;width:10px;height:17px;border-radius:5px;background:#fff1a8;box-shadow:0 0 9px #fff19a}.traffic-body:before{left:7px}.traffic-body:after{right:7px}.traffic-body>i{position:absolute;top:17px;left:14px;right:14px;height:32px;border-radius:10px 10px 4px 4px;background:#bde3ea;border:3px solid #1e557d}.traffic-body>b,.traffic-body>em,.traffic-body>small{position:absolute;width:11px;height:22px;border-radius:4px;background:#171c1e}.traffic-body>b{left:-6px;top:20px}.traffic-body>em{right:-6px;top:20px}.traffic-body>small{left:-6px;bottom:14px;box-shadow:70px 0 #171c1e}.road-object.traffic.variant-1 .traffic-body{background:linear-gradient(90deg,#d49b28,#f1c04e,#b47a19)}.road-object.traffic.variant-2 .traffic-body{background:linear-gradient(90deg,#6e50a9,#9a73d0,#533b87)}.road-object.traffic.variant-3 .traffic-body{background:linear-gradient(90deg,#378856,#58b377,#276b41)}.road-object.traffic.variant-1 .traffic-body>i{border-color:#9d6a16}.road-object.traffic.variant-2 .traffic-body>i{border-color:#493174}.road-object.traffic.variant-3 .traffic-body>i{border-color:#22603a}@media(max-width:760px){.road-object.traffic{width:52px;height:82px}.traffic-body>small{box-shadow:58px 0 #171c1e}}