.ShapeSpotter-module__rcquiG__page{color:#13252b;background:url(/images/background/games/shape-spotter-bg.webp) 50%/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);transition:box-shadow .22s;display:grid;position:relative;overflow:hidden}.ShapeSpotter-module__rcquiG__stageArea{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.ShapeSpotter-module__rcquiG__flashCorrect{box-shadow:inset 0 0 0 9999px #1b9e6f38}.ShapeSpotter-module__rcquiG__flashWrong{box-shadow:inset 0 0 0 9999px #d23c3c38}.ShapeSpotter-module__rcquiG__stage{justify-items:center;gap:clamp(12px,3vh,28px);width:min(100%,760px);display:grid}.ShapeSpotter-module__rcquiG__target{--ss-cell:min(calc(100cqw / var(--shape-spotter-cols,4)), 14.5cqh);width:clamp(64px,16vmin,150px);width:clamp(64px, max(16cqmin, var(--ss-cell)), 150px);aspect-ratio:1;background:#ffffffbf;border-radius:18px;place-items:center;padding:clamp(6px,1.4cqmin,12px);animation:.32s ShapeSpotter-module__rcquiG__popIn;display:grid;position:relative}.ShapeSpotter-module__rcquiG__target:after{content:"";pointer-events:none;border-radius:24px;animation:2.4s ease-in-out infinite ShapeSpotter-module__rcquiG__glowPulse;position:absolute;inset:-8px;box-shadow:0 0 0 4px #1b9e6f2e,0 0 26px 6px #1b9e6f59}.ShapeSpotter-module__rcquiG__grid{width:100%;max-width:min(100%, calc(58vh * var(--shape-spotter-cols) / 4));max-width:min(100%, calc(58cqh * var(--shape-spotter-cols) / 4));grid-template-columns:repeat(var(--shape-spotter-cols), minmax(0, 1fr));gap:clamp(8px,1.6vw,16px);display:grid}.ShapeSpotter-module__rcquiG__side{display:contents}.ShapeSpotter-module__rcquiG__cellButton{aspect-ratio:1;cursor:pointer;background:#ffffffb3;border:0;border-radius:14px;place-items:center;width:100%;min-width:0;padding:0;transition:transform .16s,filter .16s,box-shadow .2s;animation:.28s ShapeSpotter-module__rcquiG__popIn;display:grid;position:relative;box-shadow:inset 0 0 0 2px #13252b14}.ShapeSpotter-module__rcquiG__cellButton:disabled{cursor:default}@media (hover:hover){.ShapeSpotter-module__rcquiG__cellButton:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-4px)}}.ShapeSpotter-module__rcquiG__cellButton:not(:disabled):active{transform:translateY(-1px)scale(.985)}.ShapeSpotter-module__rcquiG__cellButton:focus-visible{outline-offset:4px;outline:3px solid #0a7269}.ShapeSpotter-module__rcquiG__cellFound{animation:.32s ShapeSpotter-module__rcquiG__foundPop;box-shadow:inset 0 0 0 3px #1b9e6fa6,0 0 14px 2px #1b9e6f59}.ShapeSpotter-module__rcquiG__checkMark{color:#1b9e6f;text-shadow:0 1px #ffffffe6;font-size:clamp(16px,4cqmin,30px);font-weight:800;line-height:1;animation:.24s ShapeSpotter-module__rcquiG__popIn;position:absolute;top:4%;right:7%}.ShapeSpotter-module__rcquiG__cellWrong{animation:.42s ShapeSpotter-module__rcquiG__shake}.ShapeSpotter-module__rcquiG__cellWrong:after{content:"";pointer-events:none;border:3px solid #d23c3c;border-radius:16px;position:absolute;inset:-3px}@keyframes ShapeSpotter-module__rcquiG__glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes ShapeSpotter-module__rcquiG__popIn{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ShapeSpotter-module__rcquiG__foundPop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ShapeSpotter-module__rcquiG__shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes ShapeSpotter-module__rcquiG__fadeIn{0%{opacity:0}to{opacity:1}}@media (max-height:500px) and (min-width:480px){.ShapeSpotter-module__rcquiG__stage{justify-content:center;align-items:center;gap:clamp(10px,2.5vw,26px);display:flex}.ShapeSpotter-module__rcquiG__grid{display:contents}.ShapeSpotter-module__rcquiG__side{min-width:0;max-width:min(340px, calc(84vh * 3 / var(--shape-spotter-side-rows,2)));max-width:min(340px, calc(84cqh * 3 / var(--shape-spotter-side-rows,2)));flex:1 1 0;order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.4vw,14px);display:grid}.ShapeSpotter-module__rcquiG__side:last-child{order:3}.ShapeSpotter-module__rcquiG__target{width:clamp(64px, min(14.3vw, calc(84vh / var(--shape-spotter-side-rows,2))), 150px);width:clamp(64px, min(14.3cqw, calc(84cqh / var(--shape-spotter-side-rows,2))), 150px);flex:none;order:2}}@media (prefers-reduced-motion:reduce){.ShapeSpotter-module__rcquiG__target,.ShapeSpotter-module__rcquiG__target:after,.ShapeSpotter-module__rcquiG__cellButton,.ShapeSpotter-module__rcquiG__cellFound,.ShapeSpotter-module__rcquiG__checkMark,.ShapeSpotter-module__rcquiG__cellWrong{transition:none;animation:none}}