.Pattern-module__vuKj9q__page{color:#13252b;background-image:url(/images/background/games/pattern-next-bg.webp),linear-gradient(#eaf6ef 0%,#d8eee2 100%);background-position:50%;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);transition:box-shadow .22s;display:grid;position:relative;overflow:hidden}.Pattern-module__vuKj9q__flashCorrect{box-shadow:inset 0 0 0 9999px #1b9e6f38}.Pattern-module__vuKj9q__flashWrong{box-shadow:inset 0 0 0 9999px #d23c3c38}.Pattern-module__vuKj9q__stageArea{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.Pattern-module__vuKj9q__stage{justify-items:center;gap:clamp(16px,4cqh,40px);width:min(100%,900px);display:grid}.Pattern-module__vuKj9q__patternRow{justify-content:center;align-items:center;gap:clamp(3px,1vw,10px);width:100%;display:flex}.Pattern-module__vuKj9q__cell{aspect-ratio:1;background:#ffffffd9;border-radius:14px;flex:1 1 0;place-items:center;min-width:0;max-width:clamp(34px,9cqmin,78px);animation:.28s Pattern-module__vuKj9q__cellPop;display:grid;box-shadow:0 2px 6px #13252b1f}.Pattern-module__vuKj9q__slot{box-shadow:none;background:#ffffff8c;border:3px dashed #7fae9b}.Pattern-module__vuKj9q__slotFilled{border-style:solid;border-color:#1b9e6f;animation:.36s Pattern-module__vuKj9q__fillPop}.Pattern-module__vuKj9q__slotNext{border-color:#2f9c7c;box-shadow:0 0 12px 2px #2f9c7c59}.Pattern-module__vuKj9q__slotMark{color:#7fae9b;font-size:clamp(16px,4.6cqmin,32px);font-weight:700;animation:1.6s ease-in-out infinite Pattern-module__vuKj9q__slotPulse}.Pattern-module__vuKj9q__options{justify-content:center;gap:clamp(10px,2.6vw,26px);width:100%;display:flex}.Pattern-module__vuKj9q__optionButton{aspect-ratio:1;cursor:pointer;background:#ffffffeb;border:0;border-radius:18px;place-items:center;width:clamp(60px,17cqmin,112px);padding:0;transition:transform .16s,filter .16s;animation:.28s Pattern-module__vuKj9q__cellPop;display:grid;box-shadow:0 4px 10px #13252b29}.Pattern-module__vuKj9q__optionButton:disabled{cursor:default}@media (hover:hover){.Pattern-module__vuKj9q__optionButton:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-4px)}}.Pattern-module__vuKj9q__optionButton:not(:disabled):active{transform:translateY(-1px)scale(.985)}.Pattern-module__vuKj9q__optionButton:focus-visible{outline-offset:4px;outline:3px solid #0a7269}.Pattern-module__vuKj9q__optionWrong{animation:.42s Pattern-module__vuKj9q__shake;box-shadow:0 4px 10px #13252b29,0 0 0 3px #d23c3c}@keyframes Pattern-module__vuKj9q__cellPop{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes Pattern-module__vuKj9q__fillPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes Pattern-module__vuKj9q__slotPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes Pattern-module__vuKj9q__shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes Pattern-module__vuKj9q__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Pattern-module__vuKj9q__starPulse{0%{transform:scale(.92)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.Pattern-module__vuKj9q__cell,.Pattern-module__vuKj9q__slotFilled,.Pattern-module__vuKj9q__slotMark,.Pattern-module__vuKj9q__optionButton,.Pattern-module__vuKj9q__optionWrong{transition:none;animation:none}}