.ClearImage-module__yn-8oq__page{color:#13252b;background-color:#e9efed;background-image:url(/images/background/clear_image.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:clamp(8px,2vmin,16px);min-height:100dvh;padding:clamp(10px,2.4vmin,28px);display:grid}.ClearImage-module__yn-8oq__stage{flex-direction:column;align-items:center;gap:clamp(16px,4vw,40px);width:min(100%,760px);height:100%;min-height:0;display:flex}.ClearImage-module__yn-8oq__fieldArea{flex:auto;place-items:center;width:100%;min-width:0;min-height:0;display:grid;container-type:size}.ClearImage-module__yn-8oq__bounds{justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);display:flex}.ClearImage-module__yn-8oq__boundCard{aspect-ratio:1;width:clamp(76px,18vw,140px)}.ClearImage-module__yn-8oq__relation{color:#0a7269;-webkit-user-select:none;user-select:none;font-size:clamp(36px,9vw,64px);font-weight:700;line-height:1}.ClearImage-module__yn-8oq__field{aspect-ratio:1;width:min(100cqw,100cqh,560px);position:relative;container-type:size}.ClearImage-module__yn-8oq__center{aspect-ratio:1;border-radius:16px;width:max(46%,clamp(76px,18vw,140px));transition:box-shadow .24s,transform .24s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 24px #13252b2e}.ClearImage-module__yn-8oq__centerWon{transform:translate(calc(-50% + var(--clear-image-shift-x,0px)), calc(-50% + var(--clear-image-shift-y,0px))) scale(var(--clear-image-grow,2.4));z-index:60;animation:2s linear forwards ClearImage-module__yn-8oq__clearImageCelebrate;box-shadow:0 0 0 4px #1b7667,0 12px 32px #1b766766}.ClearImage-module__yn-8oq__centerCard{position:absolute;inset:0}.ClearImage-module__yn-8oq__revealImage{opacity:var(--clear-image-reveal,0);filter:blur(calc((1 - var(--clear-image-reveal,0)) * 18px));transition:opacity .36s,filter .36s;position:absolute;inset:0}.ClearImage-module__yn-8oq__revealImageInner{object-fit:cover}.ClearImage-module__yn-8oq__darkOverlay{opacity:var(--clear-image-dark,0);pointer-events:none;background:#0a0f12;transition:opacity .28s;position:absolute;inset:0}.ClearImage-module__yn-8oq__ring{position:absolute;inset:0}.ClearImage-module__yn-8oq__slot{width:max(32px, min(18.4%, calc(207% / var(--clear-image-count,12))));aspect-ratio:1;cursor:pointer;transform:translate(-50%, -50%) rotate(calc(360deg * var(--clear-image-index) / var(--clear-image-count))) translateY(-47vmin) rotate(calc(-360deg * var(--clear-image-index) / var(--clear-image-count)));transform:translate(-50%, -50%) rotate(calc(360deg * var(--clear-image-index) / var(--clear-image-count))) translateY(-47cqmin) rotate(calc(-360deg * var(--clear-image-index) / var(--clear-image-count)));background:0 0;border:0;margin:0;padding:0;transition:transform .18s,filter .18s,opacity .24s;position:absolute;top:50%;left:50%}.ClearImage-module__yn-8oq__slotScattered{transform:translate(-50%,-50%)}.ClearImage-module__yn-8oq__slotInner{width:100%;height:100%;display:block}@media (hover:hover){.ClearImage-module__yn-8oq__slot:not(:disabled):hover{filter:brightness(1.06)}}.ClearImage-module__yn-8oq__slot:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #0a7269}.ClearImage-module__yn-8oq__slot:disabled{cursor:default}.ClearImage-module__yn-8oq__slotCleared{opacity:0;pointer-events:none}.ClearImage-module__yn-8oq__slotMistake .ClearImage-module__yn-8oq__slotInner{filter:grayscale(.85)brightness(.7)}.ClearImage-module__yn-8oq__slotMistake{pointer-events:none}.ClearImage-module__yn-8oq__slotMistake:before,.ClearImage-module__yn-8oq__slotMistake:after{content:"";transform-origin:50%;z-index:2;pointer-events:none;background:#d8352a;border-radius:999px;height:9%;min-height:3px;position:absolute;top:50%;left:12%;right:12%;box-shadow:0 0 0 2px #ffffffd9}.ClearImage-module__yn-8oq__slotMistake:before{animation:.22s ease-out both ClearImage-module__yn-8oq__crackStrike;transform:translateY(-50%)rotate(45deg)}.ClearImage-module__yn-8oq__slotMistake:after{animation:.22s ease-out .14s both ClearImage-module__yn-8oq__crackStrike;transform:translateY(-50%)rotate(-45deg)}@keyframes ClearImage-module__yn-8oq__crackStrike{0%{opacity:0;scale:.2 1}to{opacity:1;scale:1}}@keyframes ClearImage-module__yn-8oq__clearImageCelebrate{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--clear-image-shift-x,0px)), calc(-50% + var(--clear-image-shift-y,0px))) scale(var(--clear-image-grow,2.4))}}@media (max-height:470px){.ClearImage-module__yn-8oq__center{--clear-image-grow:1.8}}@media (max-height:425px){.ClearImage-module__yn-8oq__center{--clear-image-grow:1.5}}@media (max-height:340px){.ClearImage-module__yn-8oq__center{--clear-image-grow:1.9}}@media (prefers-reduced-motion:reduce){.ClearImage-module__yn-8oq__center,.ClearImage-module__yn-8oq__revealImage,.ClearImage-module__yn-8oq__darkOverlay,.ClearImage-module__yn-8oq__slot{transition:none}.ClearImage-module__yn-8oq__centerWon,.ClearImage-module__yn-8oq__slotMistake:before,.ClearImage-module__yn-8oq__slotMistake:after{animation:none}}