.cmmsGame__memory{position:relative;--memory-background: var(--card-background);--memory-color-1: var(--key-color-1);--memory-color-2: var(--key-color-2);--memory-contrast: var(--card-contrast);--memory-contrast-opacity: .13;--memory-border-radius: .25rem;--memory-shadow: 0 .125rem .25rem rgba(0, 0, 0, .2), 0 0 .25rem rgba(0, 0, 0, .1);--columns: var(--columns-mobile)}@media (min-width: 768px){.cmmsGame__memory{--columns: var(--columns-desktop)}}.cmmsGame__memory.--solved .cmmsGame__memory__stats,.cmmsGame__memory.--solved .cmmsGame__memory__cards{opacity:.5}.cmmsGame__memory.--solved .cmmsGame__memory__overlay{display:block}.cmmsGame__memory__stats{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:var(--memory-background);border-radius:var(--memory-border-radius) var(--memory-border-radius) 0 0;user-select:none;z-index:1}@media (min-width: 960px){.cmmsGame__memory__stats{padding:1rem}}.cmmsGame__memory__stats:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--memory-contrast);border-radius:var(--memory-border-radius) var(--memory-border-radius) 0 0;opacity:var(--memory-contrast-opacity);z-index:-1}.cmmsGame__memory__stats__progress,.cmmsGame__memory__stats__attempts,.cmmsGame__memory__stats__time{flex:1 1 0;padding:.5em 1em;font-size:1rem;font-weight:500;border-radius:var(--memory-border-radius);box-shadow:var(--memory-shadow);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}@media (min-width: 960px){.cmmsGame__memory__stats__progress,.cmmsGame__memory__stats__attempts,.cmmsGame__memory__stats__time{flex:initial;font-size:1.125em}}.cmmsGame__memory__stats__progress,.cmmsGame__memory__stats__attempts{color:var(--memory-color-1);background:var(--memory-background)}.cmmsGame__memory__stats__time{color:var(--memory-background);background:var(--memory-color-1)}@media (min-width: 960px){.cmmsGame__memory__stats__time{flex:initial;margin-left:auto}}.cmmsGame__memory__cards{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:.5rem;padding:.5rem;background:var(--memory-background);border-radius:0 0 var(--memory-border-radius) var(--memory-border-radius);user-select:none}@media (min-width: 960px){.cmmsGame__memory__cards{grid-gap:1rem;padding:1rem}}.cmmsGame__memory__card{position:relative;width:100%;padding-top:100%;cursor:pointer;transition:transform .2s ease;perspective:800px}.cmmsGame__memory__card:hover .cmmsGame__memory__card__inner :not(.--blocked){border-color:var(--memory-color-1)}.cmmsGame__memory__card:active{transform:scale(.95)}.cmmsGame__memory__card.--blocked,.cmmsGame__memory__card.--active,.cmmsGame__memory__card.--missed,.cmmsGame__memory__card.--solved{pointer-events:none}.cmmsGame__memory__card.--active,.cmmsGame__memory__card.--missed{z-index:1}.cmmsGame__memory__card.--active .cmmsGame__memory__card__inner,.cmmsGame__memory__card.--solved .cmmsGame__memory__card__inner{transform:rotateY(-180deg)}.cmmsGame__memory__card.--active .cmmsGame__memory__card__inner{border-color:var(--memory-color-1)}.cmmsGame__memory__card.--missed .cmmsGame__memory__card__inner{animation:rotate 1s 0s ease,wiggle 2s .5s 1 ease}.cmmsGame__memory__card.--solved:not(.game-memory.--solved .cmmsGame__memory__card) .cmmsGame__memory__card__image{opacity:.5}@keyframes rotate{to{transform:rotateY(-180deg)}}@keyframes wiggle{0%,10%,20%{transform:rotateY(-180deg) translate(-1rem)}5%,15%,25%{transform:rotateY(-180deg) translate(1rem)}30%,80%{transform:rotateY(-180deg)}}.cmmsGame__memory__card__inner{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--memory-background);border:3px solid var(--memory-background);box-sizing:border-box;border-radius:var(--memory-border-radius);box-shadow:var(--memory-shadow);transform-style:preserve-3d;transition:transform .5s ease,border .25s ease}.cmmsGame__memory__card__front,.cmmsGame__memory__card__back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d}.cmmsGame__memory__card__front{transform:rotateY(180deg)}.cmmsGame__memory__card__image{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.cmmsGame__memory__card__placeholder{width:100%;height:100%;opacity:.8}.cmmsGame__memory__card__placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-30deg,var(--memory-contrast),var(--memory-contrast) .125rem,transparent .125rem,transparent 1rem);opacity:calc(var(--memory-contrast-opacity) * 1.5);filter:blur(2px)}.cmmsGame__memory__card__placeholder .iconSet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--memory-color-2);font-size:clamp(2rem,6vw,4rem);opacity:.5;transition:opacity .25s ease}.cmmsGame__memory__overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.cmmsGame__memory__startOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.cmmsGame__memory__result,.cmmsGame__memory__startText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--memory-background);box-shadow:var(--memory-shadow);border-radius:var(--memory-border-radius);padding:2rem}@media (min-width: 768px){.cmmsGame__memory__result,.cmmsGame__memory__startText{padding:2rem 4rem}}.cmmsGame__memory__result__text,.cmmsGame__memory__startText__text{font-size:2rem;line-height:1.1;font-weight:700}.cmmsGame__memory__result__stats,.cmmsGame__memory__startText__stats{margin-top:.5rem;font-size:1.125rem;line-height:1.3;font-weight:500}.cmmsGame__memory__result__stats span,.cmmsGame__memory__startText__stats span{white-space:nowrap}.cmmsGame__memory__result .button,.cmmsGame__memory__startText .button{margin-top:1.5rem;min-width:160px}.cmmsGame__memory__result .button .iconSet,.cmmsGame__memory__startText .button .iconSet{transform:translateY(-.06em) rotate(-45deg)}.cmmsGame__memory__pyro{position:absolute;top:0;left:0;width:100%;height:100%;animation:pyro 10s 0s forwards}@keyframes pyro{0%,95%{opacity:1}to{opacity:0}}.cmmsGame__memory__pyro:before,.cmmsGame__memory__pyro:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards}.cmmsGame__memory__pyro:after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}
