.container[data-v-68fec2a0]{align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.loader[data-v-68fec2a0]{animation:rotation-68fec2a0 1s linear infinite;border-radius:50%;border-right:1dvh solid transparent;border-top:1dvh solid #ff9400;box-sizing:border-box;display:inline-block;height:20dvh;width:20dvh}@keyframes rotation-68fec2a0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.checkmark-container[data-v-389f782a]{--u:20dvh;align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:9999}.checkmark[data-v-389f782a]{border-radius:50%;box-shadow:inset 0 0 #4caf50;height:var(--u);opacity:0;stroke:#4caf50;stroke-miterlimit:10;stroke-width:calc(var(--u)*.01);transition:opacity .3s ease;width:var(--u)}.checkmark__circle[data-v-389f782a]{stroke:#4caf50;stroke-dasharray:166;stroke-dashoffset:166;stroke-miterlimit:10;stroke-width:calc(var(--u)*.1)}.checkmark__check[data-v-389f782a]{stroke-dasharray:48;stroke-dashoffset:48;stroke-width:.45rem;transform-origin:50% 50%}.checkmark.animate[data-v-389f782a]{animation:fill-389f782a .4s ease-in-out 0s forwards,scale-389f782a .3s ease-in-out .5s forwards;opacity:1}.checkmark.animate .checkmark__check[data-v-389f782a]{animation:stroke-389f782a .3s cubic-bezier(.65,0,.45,1) .4s forwards}@keyframes stroke-389f782a{to{stroke-dashoffset:0}}@keyframes fill-389f782a{to{box-shadow:inset 0 0 0 calc(var(--u)*.1) #4caf50}}@keyframes scale-389f782a{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.checkmark-container[data-v-677aca05]{--u:20dvh;align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:9999}.xmark[data-v-677aca05]{border-radius:50%;box-shadow:inset 0 0 #f44336;height:var(--u);opacity:0;stroke:#f44336;stroke-miterlimit:10;stroke-width:calc(var(--u)*.01);transition:opacity .3s ease;width:var(--u)}.xmark__circle[data-v-677aca05]{stroke:#f44336;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:calc(var(--u)*.1)}.xmark__line1[data-v-677aca05],.xmark__line2[data-v-677aca05]{stroke:#f44336;stroke-dasharray:28;stroke-dashoffset:28;stroke-width:.45rem;transform-origin:50% 50%}.xmark.animate[data-v-677aca05]{animation:fill-677aca05 .4s ease-in-out 0s forwards,scale-677aca05 .3s ease-in-out .5s forwards;opacity:1}.xmark.animate .xmark__line1[data-v-677aca05]{animation:stroke-677aca05 .3s cubic-bezier(.65,0,.45,1) .4s forwards}.xmark.animate .xmark__line2[data-v-677aca05]{animation:stroke-677aca05 .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke-677aca05{to{stroke-dashoffset:0}}@keyframes fill-677aca05{to{box-shadow:inset 0 0 0 calc(var(--u)*.1) #f44336}}@keyframes scale-677aca05{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.solutionContainer[data-v-2333bb82]{height:100%;inset:0;pointer-events:auto;position:absolute;width:100%;z-index:9999}.screen[data-v-51cf27db]{align-items:center;background-color:#faf8f1;display:flex;height:100dvh;justify-content:center}.screenRatio[data-v-fc7f7a99]{aspect-ratio:9/16;height:100dvh;max-width:100%}.btn3d[data-v-c566082c]{--btn-base:#d2adf3;--btn-shadow:#b68ddd;align-items:center;aspect-ratio:1;background:var(--btn-base);border:none;border-radius:50%;box-shadow:0 .4dvh 0 var(--btn-shadow),0 .3dvh .7dvh #00000040;color:#715101;cursor:pointer;display:flex;font-weight:700;justify-content:center;transition:transform .1s ease,box-shadow .1s ease;width:6dvh}.btn3d-active[data-v-c566082c]{box-shadow:0 0 0 var(--btn-shadow);transform:translateY(.8dvh)}.gameplay-container{--gap-size:.15em}.gameplay-container .header{height:37%}.gameplay-container .contentOverlayContainer{pointer-events:none;position:absolute}.gameplay-container .content{align-items:center;display:flex;height:40%;justify-content:center}.gameplay-container .footer{height:23%;padding-top:1dvh}.gameplay-container .contentContainerLandscape{aspect-ratio:1/1;height:100dvh;max-height:100%}.gameplay-container .contentContainerPortrait{aspect-ratio:1/1;max-height:100%;width:100dvw}.gameplay-container .problem{height:100dvh;max-height:100%}.gameplay-container .separate{height:4%}.gameplay-container .powerupsContainer{font-size:4dvh;height:50%;padding-top:1dvh}.gameplay-container .powerups{align-items:center;display:flex;gap:2dvh;height:100%;justify-content:center;width:100%}.gameplay-container .powerups>*{width:8dvh}.gameplay-container .gridder{align-content:center;display:flex;flex-wrap:wrap;font-size:4dvh;gap:var(--gap-size);height:100%;justify-content:center;width:100%}.gameplay-container .gridder-item{align-items:center;color:#fff;display:flex;height:calc(20% - var(--gap-size)*6/5);justify-content:center;width:calc(20% - var(--gap-size)*6/5)}.gameplay-container .droppable{background-color:#ede5db;background-image:linear-gradient(180deg,#f4eee7,#e5dcd1);border-radius:1.5dvh;box-shadow:inset 0 .5dvh 1dvh #0000004d,inset 0 -.2dvh .3dvh #ffffff40,inset 0 0 0 .2dvh #78645040,0 .2dvh .4dvh #0000001a;outline:.25dvh solid #756452}.gameplay-container .droppableFocus{background-color:#9ce6e5;border-radius:1.5dvh;outline:.25dvh solid #756452}.gameplay-container .draggable{align-items:center;background-color:#e8b480;background-image:linear-gradient(180deg,#f6cfa0 10%,#e8b480 90%);border-radius:1.5dvh;box-shadow:0 .6dvh 1.2dvh #00000059,inset 0 .2dvh #ffffff4d,inset 0 -.2dvh .3dvh #0000000d;color:#715101;cursor:grab;display:flex;font-weight:700;justify-content:center;outline:.25dvh solid #756452;transition:transform .1s ease,box-shadow .1s ease}.gameplay-container .static{border-radius:1.5dvh;color:#90877e;font-weight:700}.gameplay-container .activeDrag{position:absolute;z-index:1}.gameplay-container .placeholder{visibility:hidden}.gameplay-container .menu{align-items:center;display:flex;height:16%;justify-content:space-between}.gameplay-container .roomend,.gameplay-container .roomtitle{align-items:center;color:#756452;display:flex;font-size:2dvh;height:8%}.gameplay-container .onlineplayers{align-items:center;color:#3097ff;cursor:pointer;display:flex;font-size:2.5dvh;height:13%;justify-content:center}.gameplay-container .scoreboard{background-color:#e9e7da;border-radius:3dvh;height:35%;padding-bottom:1dvh;padding-top:1dvh}.gameplay-container .scoreboard>:first-child{height:30%}.gameplay-container .scoreboard>:nth-child(2){height:40%}.gameplay-container .scoreboard>:nth-child(3){height:30%}.gameplay-container .scoreboard>*{align-items:center;display:flex;justify-content:center}.gameplay-container .powerupProgress{align-items:center;display:flex;height:20%}.gameplay-container .gameTitle{color:#756452;font-size:5dvh;width:85%}.gameplay-container .settings{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1dvh;height:100%;justify-content:flex-end;width:15%}.gameplay-container .settings svg{color:inherit;display:block;flex:0 0 auto;height:5dvh;width:5dvh}.gameplay-container .gameplay{font-family:Rubik,sans-serif;font-optical-sizing:auto;height:100%;overflow:hidden;padding:2dvh;text-overflow:ellipsis;white-space:nowrap;width:100%}.gameplay-container .otherPlayer{color:#9f9f9f;font-size:2.5dvh}.gameplay-container .youPlayer{color:#7c4e02;font-size:3dvh;font-weight:700}.gameplay-container .progress-container{background-color:#baad9a;border-radius:1em;font-size:2.5dvh;height:60%;overflow:hidden;position:relative;width:100%}.gameplay-container .progress-container .progress-bar{background-color:#ed8e00;height:100%;transition:width .3s ease}.gameplay-container .progress-container .progress-label{color:#fff;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.gameplay-container .gift{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1dvh;height:100%;justify-content:flex-start;width:15%}.gameplay-container .gift svg{color:inherit;display:block;height:100%;width:100%}.gameplay-container .choicesContainer{align-items:center;background-color:#e9e7da;border-radius:3dvh;display:flex;font-size:4dvh;height:50%;justify-content:center;padding-bottom:1dvh;padding-top:1dvh}.gameplay-container .choicesContainer .choices{align-items:center;display:flex;gap:var(--gap-size);justify-content:center}.gameplay-container .choicesContainer .choices>*{height:100%;width:calc(20% - var(--gap-size)*6/5)}.gameplay-container .choice>*,.gameplay-container .droppable>*{height:100%;width:100%}
