.letter-gap-page{background:#dff2ff}.letter-gap-app{background:#f4fbff}.letter-gap-title-wrap{text-align:center;line-height:1}.letter-gap-subtitle{font-size:.72rem;font-weight:1000;color:#d9efff;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.letter-gap-score{min-width:58px;height:46px;padding:0 10px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.letter-gap-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #dceaf7;box-shadow:0 8px 20px rgba(14,80,149,.09);position:relative;z-index:4}.letter-gap-round{padding:9px 10px;border-radius:15px;background:#ffe9eb;color:#bb2731;font-size:.72rem;font-weight:1000;white-space:nowrap}.letter-gap-question{text-align:center;display:grid;gap:2px;color:#8c1f27}.letter-gap-question strong{font-size:.82rem}.letter-gap-question small{font-size:.62rem;color:#99747a}.letter-gap-reset{width:44px;height:44px;border:0;border-radius:15px;background:#fff0f1;color:#d33440;font-size:1.4rem;font-weight:1000;box-shadow:inset 0 0 0 2px #f3d4d7}.letter-gap-world{position:relative;min-height:665px;padding:80px 14px 145px;overflow:hidden;background:linear-gradient(#72ccff 0 24%,#84d473 24% 34%,#5f6871 34% 100%)}.letter-gap-track{position:absolute;left:0;right:0;top:34%;bottom:0;background:repeating-linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.7) 14% 17%,transparent 17% 31%)}.letter-gap-sequence{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:680px;margin:0 auto;padding:14px;border-radius:28px;background:rgba(255,255,255,.95);box-shadow:0 14px 28px rgba(0,0,0,.19)}.letter-sign{min-height:110px;border-radius:18px;background:linear-gradient(#fff,#edf6ff);display:grid;place-items:center;font-size:clamp(2rem,8vw,3.8rem);font-weight:1000;color:#0b5cb4;border:4px solid #c9ddf1;box-shadow:inset 0 -7px 0 rgba(18,87,155,.08)}.letter-sign.missing{background:linear-gradient(#fff5d8,#ffe4a1);color:#b56d00;border-style:dashed;border-color:#eda719}.letter-gap-car{position:relative;z-index:4;width:min(42%,220px);margin:24px auto 2px}.letter-gap-car svg{width:100%;height:auto;filter:drop-shadow(0 8px 6px rgba(0,0,0,.28))}.letter-gap-options{position:absolute;left:14px;right:14px;bottom:34px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:580px;margin:auto}.letter-option{border:0;border-radius:23px;min-height:88px;background:linear-gradient(#fff,#eef6ff);color:#0b4d91;font-size:clamp(2rem,9vw,3.6rem);font-weight:1000;box-shadow:0 7px 0 #b7c6d5,0 12px 24px rgba(0,0,0,.18);transition:transform .15s}.letter-option:active{transform:translateY(3px)}.letter-option.is-correct{background:linear-gradient(#59df88,#25b85c);color:#fff;box-shadow:0 7px 0 #168b43}.letter-option.is-wrong{animation:letterGapShake .35s ease;background:#ffedef;color:#d3313d;box-shadow:0 7px 0 #e1a5aa}.letter-option.is-disabled{pointer-events:none}.letter-gap-feedback{position:absolute;left:50%;bottom:132px;z-index:8;transform:translateX(-50%) translateY(12px);opacity:0;padding:10px 18px;border-radius:999px;background:#fff;font-weight:1000;box-shadow:0 9px 24px rgba(0,0,0,.2);transition:.2s;white-space:nowrap}.letter-gap-feedback.show{opacity:1;transform:translateX(-50%) translateY(0)}.letter-gap-feedback.good{color:#118949}.letter-gap-feedback.bad{color:#d82d3b}.letter-gap-finish{position:absolute;inset:0;z-index:20;background:rgba(72,15,20,.72);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.letter-gap-finish-card{width:min(100%,390px);padding:28px 20px;border-radius:30px;background:#fff;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.32)}.letter-gap-finish-card h2{font-size:1.9rem;margin:5px 0;color:#9b232c}.letter-gap-finish-card p{margin:0;color:#6d7d97;font-weight:800}.letter-gap-finish-stars{font-size:1.55rem;margin:16px 0}.letter-gap-finish-card button{border:0;border-radius:18px;background:linear-gradient(#f75e66,#db313c);color:#fff;padding:14px 20px;font-weight:1000;box-shadow:0 6px 0 #a61d27}@keyframes letterGapShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:430px){.letter-gap-world{min-height:620px;padding-left:8px;padding-right:8px}.letter-gap-sequence{gap:4px;padding:8px}.letter-sign{min-height:78px;border-radius:13px;border-width:3px}.letter-gap-options{left:8px;right:8px;gap:6px}.letter-option{min-height:78px;border-radius:18px}.letter-gap-hud{gap:6px;padding-left:8px;padding-right:8px}.letter-gap-round{padding:8px 6px}.letter-gap-question strong{font-size:.69rem}.letter-gap-reset{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.letter-option,.letter-gap-feedback{animation:none!important;transition:none!important}}