.color-sort-page{background:#dff2ff}.color-sort-app{background:#f4fbff}.color-sort-title-wrap{text-align:center;line-height:1}.color-sort-subtitle{font-size:.72rem;font-weight:1000;color:#d9efff;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.color-sort-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)}.color-sort-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}.color-sort-round{padding:9px 10px;border-radius:15px;background:#fff3d5;color:#a66200;font-size:.72rem;font-weight:1000;white-space:nowrap}.color-sort-question{text-align:center;display:grid;gap:2px;color:#7b4a00}.color-sort-question strong{font-size:.76rem}.color-sort-question small{font-size:.62rem;color:#9a8056}.color-sort-reset{width:44px;height:44px;border:0;border-radius:15px;background:#fff6df;color:#c07800;font-size:1.4rem;font-weight:1000;box-shadow:inset 0 0 0 2px #f1dfae}.color-sort-world{position:relative;min-height:690px;padding:55px 14px 145px;overflow:hidden;background:linear-gradient(#70cbff 0 22%,#80d575 22% 31%,#646d76 31% 100%)}.color-sort-garages{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:650px;margin:0 auto}.color-garage{position:relative;border:0;border-radius:26px;min-height:215px;padding:60px 10px 12px;background:linear-gradient(#f4c96d 0 24%,#385f77 24% 100%);box-shadow:0 9px 0 #4a5158,0 15px 28px rgba(0,0,0,.18);overflow:hidden;transition:transform .15s,outline-color .15s}.color-garage:before{content:"";position:absolute;left:0;right:0;top:0;height:70px;background:var(--garage-color,#ef3f46);clip-path:polygon(50% 0,100% 100%,0 100%)}.color-garage strong{position:absolute;z-index:3;left:50%;top:27px;transform:translateX(-50%);min-width:86px;padding:7px 11px;border-radius:999px;background:#fff;color:#173d64;font-size:.75rem;font-weight:1000;box-shadow:0 4px 0 rgba(0,0,0,.12)}.color-garage .garage-count{position:absolute;right:10px;bottom:9px;min-width:34px;height:34px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#183d62;font-weight:1000}.color-garage .parked-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-content:center;min-height:132px}.color-garage .parked-car svg{width:100%;height:auto}.color-garage.is-target{outline:6px solid #fff;transform:translateY(-3px)}.color-garage.is-wrong{animation:colorSortShake .34s ease;outline:6px solid #ff9ea5}.color-sort-arrow{position:relative;z-index:3;text-align:center;font-size:2rem;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.2);margin:10px 0}.color-sort-yard{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:600px;margin:0 auto}.sort-car{border:0;border-radius:20px;min-height:118px;padding:7px;background:linear-gradient(#fff,#eaf4ff);box-shadow:0 7px 0 #b0bfcd,0 12px 22px rgba(0,0,0,.17);display:grid;place-items:center;transition:transform .15s,opacity .15s}.sort-car:active{transform:translateY(3px)}.sort-car svg{width:100%;height:auto}.sort-car.is-selected{outline:6px solid #fff3a5;transform:translateY(-5px);box-shadow:0 8px 0 #dfb234,0 14px 24px rgba(0,0,0,.2)}.sort-car.is-parked{opacity:.12;pointer-events:none;transform:scale(.9)}.color-sort-feedback{position:absolute;left:50%;bottom:103px;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}.color-sort-feedback.show{opacity:1;transform:translateX(-50%) translateY(0)}.color-sort-feedback.good{color:#118949}.color-sort-feedback.bad{color:#d82d3b}.color-sort-finish{position:absolute;inset:0;z-index:20;background:rgba(55,40,8,.72);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.color-sort-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)}.color-sort-finish-card h2{font-size:1.8rem;margin:5px 0;color:#825200}.color-sort-finish-card p{margin:0;color:#6d7d97;font-weight:800}.color-sort-finish-stars{font-size:1.55rem;margin:16px 0}.color-sort-finish-card button{border:0;border-radius:18px;background:linear-gradient(#ffbf36,#ed8f15);color:#fff;padding:14px 20px;font-weight:1000;box-shadow:0 6px 0 #b76600}@keyframes colorSortShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:430px){.color-sort-world{min-height:650px;padding-left:8px;padding-right:8px}.color-sort-garages{gap:8px}.color-garage{min-height:190px;border-radius:20px;padding-left:6px;padding-right:6px}.color-sort-yard{gap:6px}.sort-car{min-height:92px;border-radius:16px;padding:4px}.color-sort-hud{gap:6px;padding-left:8px;padding-right:8px}.color-sort-round{padding:8px 6px}.color-sort-question strong{font-size:.65rem}.color-sort-reset{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.color-garage,.sort-car,.color-sort-feedback{animation:none!important;transition:none!important}}