[data-page=index]{--size:15vw;--total-cols:6;--total-rows:6;--assistant-height:calc(var(--size) * 2.2);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;overflow:clip;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media only screen and (min-width:751px){[data-page=index]{--size:10rem;--total-cols:6;--total-rows:6;--assistant-height:calc(var(--size) * 1.8)}}@media only screen and (min-width:751px)and (max-height:800px){[data-page=index]{--size:9rem}}@media only screen and (min-width:751px)and (max-height:724px){[data-page=index]{--size:8rem}}@media only screen and (min-width:751px)and (max-height:640px){[data-page=index]{--size:7rem}}@media only screen and (min-width:751px)and (max-height:560px){[data-page=index]{--size:6rem}}[data-page=index] .game{position:relative;padding-bottom:var(--assistant-height)}[data-page=index] .field{position:relative;width:calc(var(--total-cols)*var(--size));height:calc(var(--total-rows)*var(--size))}[data-page=index] .cell{position:absolute;top:calc(var(--row)*var(--size));left:calc(var(--col)*var(--size));display:flex;justify-content:center;align-items:center;width:var(--size);height:var(--size);font-size:calc(var(--size)*.5);transition:opacity .8s ease,top .3s var(--ease-out-quart),left .3s var(--ease-out-quart),transform .3s var(--ease-out-quart);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (min-width:751px){[data-page=index] .cell{font-size:calc(var(--size)*.4)}}[data-page=index] .cell.is-hidden{pointer-events:none}[data-page=index] .cell-in{transition:transform .4s var(--ease-out-quart);position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (min-width:751px){[data-page=index] .cell-in{transition:transform .2s var(--ease-out-quart)}}[data-page=index] .cell-deep{will-change:transform;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}[data-page=index] .cell-deep.is-shaking{animation:shake-cell .8s ease-out infinite}[data-page=index] .cell.is-dragging{z-index:1;transition:0s!important;cursor:-webkit-grabbing;cursor:grabbing}[data-page=index] .cell.is-dragging .cell-in{transform:scale(2)}@media only screen and (min-width:751px){[data-page=index] .cell.is-dragging .cell-in{transform:scale(1.5)}}[data-page=index] .game-assistant{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;column-gap:calc(var(--size)*.55);width:100%;height:var(--assistant-height)}@media only screen and (max-width:750px){[data-page=index] .game-assistant{column-gap:calc(var(--size)*.6)}}[data-page=index] .game-assistant-face{width:calc(var(--size)*.9)}@media only screen and (max-width:750px){[data-page=index] .game-assistant-face{width:calc(var(--size)*1)}}[data-page=index] .game-assistant-face-wrapper{will-change:transform;display:block;transform-origin:50% 90%}[data-page=index] .game-assistant-face-image{will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transform-origin:50% 90%}[data-page=index] .game-assistant-info{display:grid;grid-row-gap:calc(var(--size)*.1);row-gap:calc(var(--size)*.1)}@media only screen and (max-width:750px){[data-page=index] .game-assistant-info{row-gap:calc(var(--size)*.1)}}[data-page=index] .game-assistant-hint{font-size:calc(var(--size)*.24);text-align:center}@media only screen and (max-width:750px){[data-page=index] .game-assistant-hint{font-size:calc(var(--size)*.3)}}[data-page=index] .game-assistant-hint-label{font-family:var(--font-en);font-weight:300}[data-page=index] .game-assistant .touchable{display:block;will-change:transform}[data-page=index] .game-assistant .touchable.is-touched{animation:touch-bounce .46s var(--ease-out-cubic)}[data-page=index] .game-button{position:relative;width:calc(var(--size)*.8);height:calc(var(--size)*.8);border-radius:50%;color:var(--color-white);font-family:var(--font-en);font-size:calc(var(--size)*.18);font-weight:300;cursor:pointer}@media(hover:hover)and (pointer:fine){[data-page=index] .game-button:hover .touchable:before{transform:scale(1.1)}}@media only screen and (max-width:750px){[data-page=index] .game-button{width:calc(var(--size)*1);height:calc(var(--size)*1);font-size:calc(var(--size)*.2)}}[data-page=index] .game-button .touchable{isolation:isolate;position:absolute;top:0;left:0;width:100%;height:100%}[data-page=index] .game-button .touchable:before{z-index:-1;border-radius:50%;background:linear-gradient(223.14deg,#1b3d6d,#4a8acf 96.96%);transition:transform .32s var(--ease-out-quart);content:"";position:absolute;top:0;left:0;width:100%;height:100%}[data-page=index] .game-button-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:calc(var(--size)*.1);column-gap:calc(var(--size)*.1)}[data-page=index] .game-button-sound-on{display:none}[data-page=index] .game-button-sound.is-active .game-button-sound-on{display:block}[data-page=index] .game-button-sound.is-active .game-button-sound-off{display:none}[data-page=index] .game-button svg{position:absolute;width:40%;height:40%;inset:0;margin:auto;fill:currentcolor}[data-page=index] .index-result{padding-top:3.2rem;padding-bottom:3.2rem}[data-page=index] .index-result-body{display:flex;flex-direction:column;align-items:center;line-height:1;row-gap:3.6rem}@media only screen and (max-width:750px){[data-page=index] .index-result-body{row-gap:2.4rem}}[data-page=index] .index-result-title{font-family:var(--font-en);font-size:calc(var(--size)*.5);font-weight:200;text-align:center}[data-page=index] .index-result-time{font-family:var(--font-en);font-size:calc(var(--size)*.4);font-weight:200;text-align:center}[data-page=index] .index-result-button{position:relative;width:20rem;height:20rem;color:var(--color-white);font-family:var(--font-en);font-size:calc(var(--size)*.4);font-weight:200;cursor:pointer;isolation:isolate;display:flex;justify-content:center;align-items:center}[data-page=index] .index-result-button:before{z-index:-1;border-radius:999px;background:linear-gradient(223.14deg,#1b3d6d,#4a8acf 96.96%);transition:transform .32s var(--ease-out-quart);content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:750px){[data-page=index] .index-result-button{width:16rem;height:16rem}}@media(hover:hover)and (pointer:fine){[data-page=index] .index-result-button:hover:before{transform:scale(1.08)}}[data-page=index] .index-result-hint{display:flex;flex-direction:column;align-items:center;row-gap:1.6rem;margin-top:3.2rem}@media only screen and (max-width:750px){[data-page=index] .index-result-hint{margin-top:2.8rem}}[data-page=index] .index-result-hint-header{display:flex;column-gap:2.4rem}[data-page=index] .index-result-hint-key{display:inline-block;width:1em}[data-page=index] .index-result-hint-button{width:max-content;margin:0 auto;font-family:var(--font-en);font-size:calc(var(--size)*.2);font-weight:300;border-bottom:1px solid}@media only screen and (max-width:750px){[data-page=index] .index-result-hint-button{font-size:calc(var(--size)*.3)}}@media(hover:hover)and (pointer:fine){[data-page=index] .index-result-hint-button:hover{border-bottom-color:rgba(0,0,0,0)}}[data-page=index] .index-result-hint-contents{display:none;max-width:330px;padding:0 1.6rem;text-align:justify}[data-page=index] .index-result-hint-contents.is-active{display:block}[data-page=index] .index-result-hint-contents a{text-decoration:underline;text-underline-offset:.3em}@media(hover:hover)and (pointer:fine){[data-page=index] .index-result-hint-contents a:hover{text-decoration:none}}@keyframes shake-cell{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}75%,to{transform:rotate(0)}}@keyframes touch-bounce{0%,to{transform:scale(1)}30%{transform:scale(var(--touch-scale,.94))}}