.letters-race-page{background:linear-gradient(#77ceff 0 180px,#eff9ff 440px,#fff)}
.letters-race-topbar{background:linear-gradient(180deg,#ff675f,#e93642)}
.letters-race-title{text-align:center;min-width:0}.letters-race-title small{display:block;font-weight:900;font-size:.72rem;opacity:.92;margin-top:2px}
.letters-race-score{min-width:58px;height:48px;border-radius:18px;background:#fff6c9;color:#9d5b00;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:1000;box-shadow:0 5px 12px rgba(110,22,28,.18)}
.letters-race-hud{display:grid;grid-template-columns:auto 1fr 44px;gap:10px;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #e2ecf6}.letters-race-round{font-size:.72rem;font-weight:1000;color:#697995;white-space:nowrap}.letters-race-round strong{color:#ed3540}.letters-race-reset{width:42px;height:42px;border:0;border-radius:14px;background:#eef6fd;color:#126bc5;font-size:1.3rem;font-weight:1000}
.letters-race-sequence{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.letters-race-sequence span{display:grid;place-items:center;min-width:0;height:25px;border-radius:7px;background:#e7edf4;color:#8290a2;font-size:.67rem;font-weight:1000}.letters-race-sequence span.done{background:#34c86b;color:#fff}.letters-race-sequence span.current{background:#ffbd2e;color:#724300;transform:scale(1.08)}
.letters-race-world{position:relative;overflow:hidden;min-height:680px;padding:28px 14px 34px;background:linear-gradient(#80d5ff 0 31%,#71bc5c 31% 39%,#59616a 39% 100%)}
.letters-race-sky{position:absolute;inset:0 0 auto;height:235px}.race-cloud{position:absolute;width:76px;height:27px;border-radius:999px;background:#fff;box-shadow:27px -13px 0 4px #fff,53px 0 0 #fff;opacity:.93}.race-cloud.c1{left:8%;top:34px}.race-cloud.c2{right:17%;top:78px;transform:scale(.76)}.race-sun{position:absolute;right:7%;top:24px;width:60px;height:60px;border-radius:50%;background:#ffd84e;box-shadow:0 0 0 10px rgba(255,216,78,.2)}
.letters-race-banner{position:relative;z-index:4;width:min(95%,480px);margin:0 auto 26px;padding:10px 18px;border-radius:24px;background:#fff;text-align:center;color:#123b70;box-shadow:0 9px 24px rgba(14,72,121,.2);border:4px solid #ffcd40}.letters-race-banner span{display:block;font-size:.8rem;font-weight:1000}.letters-race-banner strong{display:inline-block;font-size:3.8rem;line-height:1;color:#ef3842;margin-top:2px}.letters-race-banner b{font-size:2rem;color:#0b6bc8;margin-left:5px}
.letters-race-track{position:relative;z-index:2;min-height:480px;width:min(100%,590px);margin:auto;border-radius:34px 34px 14px 14px;background:linear-gradient(90deg,#4d555d,#656d75 20%,#596169 50%,#656d75 80%,#4d555d);border:8px solid #e9edf1;box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 0 0 4px #32383e;overflow:hidden}.letters-race-track:before,.letters-race-track:after{content:"";position:absolute;top:0;bottom:0;width:16px;background:repeating-linear-gradient(#fff 0 16px,#ee3c43 16px 32px)}.letters-race-track:before{left:0}.letters-race-track:after{right:0}.race-finish{position:absolute;right:18px;top:8px;font-size:2.1rem;z-index:4}
.letters-race-gates{position:absolute;top:42px;left:30px;right:30px;display:grid;gap:10px;z-index:5}.letters-race-gates.cols-2{grid-template-columns:repeat(2,1fr)}.letters-race-gates.cols-3{grid-template-columns:repeat(3,1fr)}.letters-race-gates.cols-4{grid-template-columns:repeat(4,1fr)}
.letter-gate{min-height:118px;border:0;border-radius:21px 21px 8px 8px;background:linear-gradient(#fff,#e9f4fd);color:#0c4d90;font-size:3rem;font-weight:1000;box-shadow:0 8px 0 #bbcddd,0 12px 18px rgba(0,0,0,.18);border:4px solid #fff;position:relative}.letter-gate:after{content:"";position:absolute;left:14%;right:14%;bottom:-11px;height:11px;background:#ffd13d;border-radius:0 0 6px 6px}.letter-gate.is-wrong{animation:raceShake .3s;background:#ffdfe2;color:#cf2935}.letter-gate.is-correct{background:linear-gradient(#55de82,#24b85b);color:#fff;box-shadow:0 8px 0 #15883f}.letter-gate.is-disabled{pointer-events:none;opacity:.72}.letter-gate.is-correct.is-disabled{opacity:1}
.race-road-lines{position:absolute;left:18%;right:18%;top:210px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20%}.race-road-lines i{width:6px;height:100%;margin:auto;background:repeating-linear-gradient(180deg,#f7dd45 0 24px,transparent 24px 50px);opacity:.75}
.letters-race-car{position:absolute;z-index:6;width:142px;left:50%;bottom:28px;transform:translateX(-50%);transition:left .65s cubic-bezier(.2,.8,.25,1),bottom .65s cubic-bezier(.2,.8,.25,1),transform .65s}.letters-race-car svg{width:100%;filter:drop-shadow(0 9px 5px rgba(0,0,0,.35))}.letters-race-car.is-driving{transform:translateX(-50%) scale(.74)}.letters-race-car.is-celebrating{animation:raceBounce .38s ease 2}
.letters-race-feedback{position:absolute;z-index:9;left:50%;bottom:18px;transform:translateX(-50%) translateY(8px);opacity:0;min-width:200px;padding:10px 18px;border-radius:999px;background:#fff;text-align:center;font-weight:1000;box-shadow:0 10px 25px rgba(0,0,0,.22);transition:.18s}.letters-race-feedback.show{opacity:1;transform:translateX(-50%)}.letters-race-feedback.good{color:#168b47}.letters-race-feedback.bad{color:#d52b38}
.letters-race-finish{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,39,78,.72);backdrop-filter:blur(5px)}.letters-race-finish-card{width:min(94%,420px);padding:28px 20px;border-radius:30px;background:#fff;text-align:center;box-shadow:0 22px 58px rgba(0,0,0,.3);border:6px solid #ffce42}.letters-race-finish-card h2{margin:5px 0;color:#0b326d}.letters-race-finish-card p{margin:0;color:#6a7890;font-weight:800}.letters-race-alphabet{margin:18px 0;padding:12px;border-radius:16px;background:#eef7ff;color:#0b67c4;font-weight:1000;letter-spacing:.1em}.letters-race-finish-card button{border:0;border-radius:18px;padding:15px 22px;background:linear-gradient(#35c96c,#1ca950);color:#fff;font-weight:1000;box-shadow:0 6px 0 #117c39}
@keyframes raceShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes raceBounce{50%{transform:translateX(-50%) translateY(-12px) scale(.82)}}
@media(max-width:430px){.letters-race-world{min-height:630px;padding-left:8px;padding-right:8px}.letters-race-track{min-height:445px}.letters-race-gates{left:20px;right:20px;gap:7px}.letter-gate{min-height:103px;font-size:2.45rem}.letters-race-car{width:126px}.letters-race-sequence span{font-size:.58rem;height:23px}.letters-race-hud{gap:5px;padding-left:7px;padding-right:7px}}
@media(prefers-reduced-motion:reduce){.letters-race-car,.letters-race-feedback{transition:none}.letter-gate.is-wrong,.letters-race-car.is-celebrating{animation:none}}