.clv-desktop .clv-herogame{overflow:hidden;background:transparent;pointer-events:none;-webkit-tap-highlight-color:transparent}.clv-desktop .clm-hero-band.is-game-active .clm-hero-tiles{display:none}.clv-desktop .clv-herogame-scene{position:absolute;top:50%;left:50%;width:686px;height:490px;transform:translate(-50%,-50%)}.clv-desktop .clv-herogame-tiles{position:absolute;top:29px;left:calc(50% + 40px);display:grid;grid-template-columns:repeat(14,30px);grid-template-rows:repeat(12,30px);gap:8px;width:524px;height:448px;transform:translateX(-50%) scaleY(.56) rotate(45deg)}.clv-desktop .clv-herogame-tile{display:block;width:30px;height:30px;border-radius:6px;background:var(--tile-color, var(--clm-barbg));opacity:var(--tile-opacity, 1);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 12%);cursor:pointer;pointer-events:auto;transition:filter 160ms ease}.clv-desktop .clv-herogame-tile:hover,.clv-desktop .clv-herogame-tile:focus-visible{filter:brightness(1.06) saturate(1.08);outline:2px solid rgb(11 13 17 / 22%);outline-offset:3px}.clv-desktop .clv-herogame-tile.is-destination{animation:clv-herogame-tile-arrival 520ms cubic-bezier(.2,.8,.2,1)}.clv-desktop .clv-herogame-carlayer{position:absolute;inset:0;z-index:2;pointer-events:none}.clv-desktop .clv-herogame-car{position:absolute;top:0;left:0;display:block;width:48px;height:37.5px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;opacity:0;pointer-events:auto;cursor:pointer;transform-origin:center bottom;transition:opacity 220ms ease;will-change:transform;overflow:visible}.clv-desktop .clv-herogame-car.is-visible{opacity:1}.clv-desktop .clv-herogame-car:focus-visible{outline:2px solid rgb(36 62 204 / 45%);outline-offset:2px}.clv-desktop .clv-herogame-canvas{position:absolute;top:-0.75px;left:-1.875px;display:block;width:51.75px;height:39px;background:transparent}.clv-desktop .clv-herogame-car.is-selected .clv-herogame-canvas{animation:clv-herogame-car-selected 1.35s ease-in-out infinite}.clv-desktop .clv-herogame.is-offscreen .clv-herogame-car.is-selected .clv-herogame-canvas{animation-play-state:paused}.clv-desktop .clv-herogame-car.is-braking .clv-herogame-canvas{animation:clv-herogame-car-brake 250ms cubic-bezier(.2,.8,.2,1)}.clv-desktop .clv-herogame-car.is-click-feedback .clv-herogame-canvas{animation:clv-herogame-car-click-feedback 360ms cubic-bezier(.2,.8,.2,1)}.clv-desktop .clv-herogame-car.is-error-feedback .clv-herogame-canvas{animation:clv-herogame-car-error-feedback 740ms cubic-bezier(.2,.8,.2,1)}@keyframes clv-herogame-car-selected{0%,100%{translate:0 0}50%{translate:0 -2px}}@keyframes clv-herogame-car-brake{0%,100%{translate:0 0}45%{translate:-1.5px 0}}@keyframes clv-herogame-car-click-feedback{0%,100%{filter:brightness(1)}42%{filter:brightness(1.28) saturate(.88)}}@keyframes clv-herogame-car-error-feedback{0%,100%{filter:brightness(1) saturate(1);translate:0 0}22%,70%{filter:brightness(.7) saturate(.72)}32%{translate:-1.5px 0}44%{translate:1.5px 0}56%{translate:0 0}}@keyframes clv-herogame-tile-arrival{0%,100%{filter:brightness(1)}45%{filter:brightness(1.18) saturate(1.12)}}@media(prefers-reduced-motion:reduce){.clv-desktop .clv-herogame-tile,.clv-desktop .clv-herogame-car,.clv-desktop .clv-herogame-canvas{animation:none!important;transition-duration:.01ms!important}}
