.PatternBuilder-module__yi1UXa__page{color:#13252b;background-image:url(/images/background/games/pattern-builder-bg.webp),linear-gradient(#faf3e7 0%,#f3e6cd 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}.PatternBuilder-module__yi1UXa__flashCorrect{box-shadow:inset 0 0 0 9999px #1b9e6f38}.PatternBuilder-module__yi1UXa__flashWrong{box-shadow:inset 0 0 0 9999px #d23c3c38}.PatternBuilder-module__yi1UXa__stageArea{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.PatternBuilder-module__yi1UXa__stage{justify-items:center;gap:clamp(14px,3.4cqh,34px);width:min(100%,860px);display:grid}.PatternBuilder-module__yi1UXa__reference{background:#fffcf4eb;border:3px solid #c9a35c;border-radius:14px;justify-content:center;gap:clamp(4px,1vw,10px);padding:clamp(6px,1.4vw,12px);animation:.28s PatternBuilder-module__yi1UXa__cellPop;display:flex;box-shadow:0 3px 8px #60461426}.PatternBuilder-module__yi1UXa__referenceCell{aspect-ratio:1;place-items:center;width:clamp(30px,7.5cqmin,56px);display:grid}.PatternBuilder-module__yi1UXa__buildRow{justify-content:center;align-items:center;gap:clamp(3px,1vw,10px);width:100%;display:flex}.PatternBuilder-module__yi1UXa__cell{aspect-ratio:1;border-radius:14px;flex:1 1 0;place-items:center;min-width:0;max-width:clamp(38px,10cqmin,80px);display:grid}.PatternBuilder-module__yi1UXa__cellFilled{background:#ffffffd9;border:3px solid #1b9e6f;animation:.36s PatternBuilder-module__yi1UXa__fillPop;box-shadow:0 2px 6px #13252b1f}.PatternBuilder-module__yi1UXa__slot{background:#ffffff80;border:3px dashed #c2a878}.PatternBuilder-module__yi1UXa__slotNext{border-color:#b07818;animation:1.6s ease-in-out infinite PatternBuilder-module__yi1UXa__slotPulse;box-shadow:0 0 12px 2px #b0781859}.PatternBuilder-module__yi1UXa__palette{justify-content:center;gap:clamp(10px,2.6vw,26px);width:100%;display:flex}.PatternBuilder-module__yi1UXa__paletteButton{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 PatternBuilder-module__yi1UXa__cellPop;display:grid;box-shadow:0 4px 10px #13252b29}.PatternBuilder-module__yi1UXa__paletteButton:disabled{cursor:default}@media (hover:hover){.PatternBuilder-module__yi1UXa__paletteButton:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-4px)}}.PatternBuilder-module__yi1UXa__paletteButton:not(:disabled):active{transform:translateY(-1px)scale(.985)}.PatternBuilder-module__yi1UXa__paletteButton:focus-visible{outline-offset:4px;outline:3px solid #8a5a10}.PatternBuilder-module__yi1UXa__paletteWrong{animation:.42s PatternBuilder-module__yi1UXa__shake;box-shadow:0 4px 10px #13252b29,0 0 0 3px #d23c3c}@keyframes PatternBuilder-module__yi1UXa__cellPop{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes PatternBuilder-module__yi1UXa__fillPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes PatternBuilder-module__yi1UXa__slotPulse{0%,to{box-shadow:0 0 6px 1px #b0781840}50%{box-shadow:0 0 14px 3px #b0781873}}@keyframes PatternBuilder-module__yi1UXa__shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes PatternBuilder-module__yi1UXa__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes PatternBuilder-module__yi1UXa__starPulse{0%{transform:scale(.92)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.PatternBuilder-module__yi1UXa__reference,.PatternBuilder-module__yi1UXa__cellFilled,.PatternBuilder-module__yi1UXa__slotNext,.PatternBuilder-module__yi1UXa__paletteButton,.PatternBuilder-module__yi1UXa__paletteWrong{transition:none;animation:none}}