@font-face{font-family:Alphakind;src:local(Alphakind),url(Alphakind.b078844a.woff)format("woff")}[data-elm-hot=true]{height:inherit}body{text-align:center;color:#293c4b;margin:0;font-family:Source Sans Pro,Trebuchet MS,Lucida Grande,Bitstream Vera Sans,Helvetica Neue,sans-serif;overflow:hidden}.background-image{z-index:-1;min-width:600px;height:100vh;position:absolute;left:50%;transform:translate(-50%)}.background-image img{aspect-ratio:428/926;min-width:600px;position:absolute;top:50%;transform:translate(-50%,-50%)}#settings-button{cursor:pointer;position:absolute}.phone #settings-button{width:65px;height:65px;top:600px;left:125px}.tablet #settings-button{top:700px;left:105px}.desktop #settings-button{bottom:40px;left:90px}.big-desktop #settings-button{bottom:75px;left:60px}#hint-button{cursor:pointer;text-shadow:1px 2px 6px gray;font-size:60px;position:absolute}.phone #hint-button{top:595px;left:420px}.tablet #hint-button{font-size:70px;top:698px;left:450px}.desktop #hint-button{font-size:70px;bottom:30px;left:470px}.big-desktop #hint-button{font-size:70px;bottom:60px;left:470px}.buttons-container{z-index:100;display:inline-grid;position:absolute;bottom:80px;right:30px}.moves-container{width:calc(9 * var(--tileWidthAndHeight));color:#fff;padding-top:20px;font-family:Josefin Sans;display:inline-block;position:relative}.phone .moves-container{font-size:22px}.tablet .moves-container{font-size:24px}.desktop .moves-container,.big-desktop .moves-container{font-size:26px}.moves-container div{cursor:default;padding:2px}.moves,.words{width:80px;display:inline-block;position:absolute}.moves{left:10px}.words{right:0}.clickEnabled{pointer-events:auto}.clickDisabled{pointer-events:none}.animatedStar{animation:1.25s forwards animateEnlarge}.animatedScoreCircle{animation:.5s forwards animateEnlarge}@keyframes animateEnlarge{0%{scale:0}40%{scale:1.25}to{scale:1}}:root{--kanaExplosionDuration:.6s;--swapAnimationDuration:.5s;--shuffleAnimationDuration:.65s;--shrinkAnimationDuration:.35s;--hintAnimationDuration:.5s;--animatedScoreDuration:1.5s;--tileCount:10;--tileWidthAndHeight:50px;--scoreViewWidth:calc(4 * var(--tileWidthAndHeight));--kanaTileHeight:calc(2 * var(--tileWidthAndHeight));--boardItemWidthAndHeight:calc(var(--tileWidthAndHeight) - 4px);--negativeTileHeight:calc(-1 * var(--tileWidthAndHeight));--boardItemPadding:calc((var(--tileWidthAndHeight) - var(--boardItemWidthAndHeight)) / 2);--kanaExplosionSize:calc(1.5 * var(--tileWidthAndHeight));--kanaExplosionMargin:calc((var(--kanaExplosionSize) - var(--tileWidthAndHeight)) / 2);--invalidSwapAnimationDuration:calc(var(--swapAnimationDuration) * 2);--hintScaleDown:.9;--hintRepeatCount:2;--hintMoveDistance:calc(var(--tileWidthAndHeight) / 10);--boardWidth:calc(var(--tileCount) * var(--tileWidthAndHeight));--boardMarginTop:calc(.5 * var(--tileWidthAndHeight))}.phone{--tileWidthAndHeight:42px}.tablet{--tileWidthAndHeight:48px}.desktop{--tileWidthAndHeight:50px}.big-desktop{--tileWidthAndHeight:60px}#tilesContainer,#selectedItemsContainer,#boardItemsContainer,#kanaExplosions,#kanaAnimations,#kanaToKanawordAnimations,#shrinkingBoardItems,#animatedScores{width:var(--boardWidth);height:var(--boardWidth);z-index:1;transition:opacity 1s;position:absolute;left:50%;transform:translate(-50%)}#selectedItemsContainer,#boardItemsContainer,#kanaExplosions,#kanaAnimations,#kanaToKanawordAnimations,#shrinkingBoardItems,#animatedScores{pointer-events:none}.score-view-container{width:var(--scoreViewWidth);color:#fff;cursor:default;margin:auto auto 20px;font-family:Josefin Sans;font-size:14pt;display:inline-block}.score-view-container svg path{cursor:default;transition:stroke-dasharray .75s}.kana-word-center-animation{animation:.5s forwards kana-scale-animation,.75s .35s forwards kanaword-center-animation}.tile,.tile-mask-rect,.board-item,.kanaExplosion,.selected-board-item{position:absolute}.tile-mask-rect{width:var(--tileWidthAndHeight);height:var(--tileWidthAndHeight)}.kanaExplosionParticle{animation-duration:var(--kanaExplosionDuration);opacity:0;animation-timing-function:linear}.kanaExplosionAnimation{animation-name:particle-transform}.animatedScore{font-family:Alphakind;line-height:var(--tileWidthAndHeight);width:var(--tileWidthAndHeight);height:var(--tileWidthAndHeight);animation-name:animate-score;animation-duration:var(--animatedScoreDuration);pointer-events:none;text-shadow:1px 1px gray;font-size:2em;font-weight:700;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;overflow:visible}.kanaExplosion{width:var(--kanaExplosionSize);height:var(--kanaExplosionSize);pointer-events:none}.tileMask{clip-path:url(#tileMask)}.tile,.selected-board-item{width:var(--tileWidthAndHeight);height:var(--tileWidthAndHeight)}.selected-board-item{opacity:0;pointer-events:none;animation:1s infinite selected-board-item-animation}@keyframes selected-board-item-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.board-item{width:var(--boardItemWidthAndHeight);height:var(--boardItemWidthAndHeight);padding:var(--boardItemPadding);pointer-events:none}.swap-animation,.invalid-drag-swap{transition-property:left,top;transition-duration:var(--swapAnimationDuration)}.invalid-swap{animation-duration:var(--invalidSwapAnimationDuration)}.invalid-swap-left-animation{animation-name:invalid-swap-left}.invalid-swap-right-animation{animation-name:invalid-swap-right}.invalid-swap-above-animation{animation-name:invalid-swap-above}.invalid-swap-below-animation{animation-name:invalid-swap-below}.hint-left-animation,.hint-right-animation,.hint-above-animation,.hint-below-animation{animation-iteration-count:var(--hintRepeatCount);animation-duration:var(--hintAnimationDuration)}.hint-left-animation{animation-name:hint-left}.hint-right-animation{animation-name:hint-right}.hint-above-animation{animation-name:hint-above}.hint-below-animation{animation-name:hint-below}.shuffleAnimation{transition-property:top,left;transition-duration:var(--shuffleAnimationDuration);transition-timing-function:ease}.shrink-animation{animation:shrink-animation var(--shrinkAnimationDuration);animation-fill-mode:forwards}@keyframes shrink-animation{0%{scale:1}to{scale:0}}.boardCenter{top:calc(4.5 * var(--tileWidthAndHeight));left:calc(4.5 * var(--tileWidthAndHeight))}.row0{top:0}.column0{left:0}.row1{top:var(--tileWidthAndHeight)}.row1KanaExplosion{top:calc(var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row1Above{top:var(--negativeTileHeight)}.column1{left:var(--tileWidthAndHeight)}.column1KanaExplosion{left:calc(var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row2{top:calc(2 * var(--tileWidthAndHeight))}.row2KanaExplosion{top:calc(2 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row2Above{top:calc(2 * var(--negativeTileHeight))}.column2{left:calc(2 * var(--tileWidthAndHeight))}.column2KanaExplosion{left:calc(2 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row3{top:calc(3 * var(--tileWidthAndHeight))}.row3KanaExplosion{top:calc(3 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row3Above{top:calc(3 * var(--negativeTileHeight))}.column3{left:calc(3 * var(--tileWidthAndHeight))}.column3KanaExplosion{left:calc(3 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row4{top:calc(4 * var(--tileWidthAndHeight))}.row4KanaExplosion{top:calc(4 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row4Above{top:calc(4 * var(--negativeTileHeight))}.column4{left:calc(4 * var(--tileWidthAndHeight))}.column4KanaExplosion{left:calc(4 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row5{top:calc(5 * var(--tileWidthAndHeight))}.row5KanaExplosion{top:calc(5 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row5Above{top:calc(5 * var(--negativeTileHeight))}.column5{left:calc(5 * var(--tileWidthAndHeight))}.column5KanaExplosion{left:calc(5 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row6{top:calc(6 * var(--tileWidthAndHeight))}.row6KanaExplosion{top:calc(6 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row6Above{top:calc(6 * var(--negativeTileHeight))}.column6{left:calc(6 * var(--tileWidthAndHeight))}.column6KanaExplosion{left:calc(6 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row7{top:calc(7 * var(--tileWidthAndHeight))}.row7KanaExplosion{top:calc(7 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row7Above{top:calc(7 * var(--negativeTileHeight))}.column7{left:calc(7 * var(--tileWidthAndHeight))}.column7KanaExplosion{left:calc(7 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row8{top:calc(8 * var(--tileWidthAndHeight))}.row8KanaExplosion{top:calc(8 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row8Above{top:calc(8 * var(--negativeTileHeight))}.column8{left:calc(8 * var(--tileWidthAndHeight))}.column8KanaExplosion{left:calc(8 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row9{top:calc(9 * var(--tileWidthAndHeight))}.row9KanaExplosion{top:calc(9 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row9Above{top:calc(9 * var(--negativeTileHeight))}.column9{left:calc(9 * var(--tileWidthAndHeight))}.column9KanaExplosion{left:calc(9 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row10{top:calc(10 * var(--tileWidthAndHeight))}.row10KanaExplosion{top:calc(10 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}.row10Above{top:calc(10 * var(--negativeTileHeight))}.column10{left:calc(10 * var(--tileWidthAndHeight))}.column10KanaExplosion{left:calc(10 * var(--tileWidthAndHeight) - var(--kanaExplosionMargin))}@keyframes animate-score{0%{transform:translateY(0)scale(0)}30%{transform:translateY(calc(-1 * var(--tileWidthAndHeight) / 3)) scale(1)}90%{transform:translateY(calc(-1 * var(--tileWidthAndHeight) / 2)) scale(1)}to{transform:translateY(calc(-1 * var(--tileWidthAndHeight) / 2)) scale(0)}}@keyframes invalid-swap-above{0%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--tileWidthAndHeight)))}to{transform:translateY(0)}}@keyframes invalid-swap-below{0%{transform:translateY(0)}50%{transform:translateY(var(--tileWidthAndHeight))}to{transform:translateY(0)}}@keyframes invalid-swap-right{0%{transform:translate(0)}50%{transform:translateX(var(--tileWidthAndHeight))}to{transform:translate(0)}}@keyframes invalid-swap-left{0%{transform:translate(0)}50%{transform:translateX(calc(-1 * var(--tileWidthAndHeight)))}to{transform:translate(0)}}@keyframes hint-above{0%{transform:translateY(0)scaleY(1)}50%{transform:translateY(calc(-1 * var(--hintMoveDistance))) scaleY(var(--hintScaleDown))}to{transform:translateY(0)scaleY(1)}}@keyframes hint-below{0%{transform:translateY(0)scaleY(1)}50%{transform:translateY(var(--hintMoveDistance)) scaleY(var(--hintScaleDown))}to{transform:translateY(0)scaleY(1)}}@keyframes hint-right{0%{transform:translate(0)scaleX(1)}50%{transform:translateX(var(--hintMoveDistance)) scaleX(var(--hintScaleDown))}to{transform:translate(0)scaleX(1)}}@keyframes hint-left{0%{transform:translate(0)scaleX(1)}50%{transform:translateX(calc(-1 * var(--hintMoveDistance))) scaleX(var(--hintScaleDown))}to{transform:translate(0)scaleX(1)}}@keyframes particle-transform{0%{opacity:0;transform:translate(25px)scale(1)}1%{opacity:1;transform:translate(-27px)scale(1)}50%{opacity:1;transform:translate(65px)scale(1)}to{opacity:1;transform:translate(100px)scale(0)}}@keyframes kana-scale-animation{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes kanaword-center-animation{0%{transform:scale(1.5)}to{top:calc(var(--tileWidthAndHeight) * -1.5);left:calc(var(--tileWidthAndHeight) * 4.5);transform:scale(0)}}:root{--word-kana-tile-width:calc(2 *var(--tileWidthAndHeight));--word-kana-tile-width-wider:calc(1.6 * var(--word-kana-tile-width))}#wordContainer{margin:auto;transition-property:transform,left,scale;transition-duration:1s;position:relative}.scaledUpWord{scale:1.1}.wordCountLabel{animation:1s 2s forwards animate-to-word-count-label}.kana-tile svg rect{transition:fill 1s,fill-opacity 1s}.kana-tile,.kana-tile-wider{transition:scale 1s;display:inline-block;position:relative}.kana-tile{height:var(--word-kana-tile-width);width:var(--word-kana-tile-width)}.kana-tile-wider{height:var(--word-kana-tile-width);width:var(--word-kana-tile-width-wider)}.kanaTileScaledUp{scale:1.3}.kana-tile svg,.kana-tile-wider svg{height:var(--word-kana-tile-width);position:absolute;left:0}.kana-tile svg{width:var(--word-kana-tile-width)}.kana-tile-wider svg{width:var(--word-kana-tile-width-wider)}.kana-tile .strokes,.kana-tile-wider .strokes{scale:.8}#wordContainer .background-path{stroke:#aaa}#wordContainer svg path{transition:stroke-dasharray 1s}.animate-scale-up{animation:1.5s forwards kanaTileScaledUp}@keyframes kanaTileScaledUp{0%{scale:1}50%{scale:1.2}to{scale:1}}@keyframes animate-to-word-count-label{to{transform:translate(180px,-95px)scale(0)}}:root{--image-width:calc(4 * var(--tileWidthAndHeight));--image-height:var(--image-width);--images-container-width:calc(2 * var(--image-width) + (var(--image-padding)));--images-container-height:var(--images-container-width);--image-padding:calc(.1 * var(--image-width));--image-offset:calc(var(--image-width) + var(--image-padding));--check-width:calc(.75 * var(--image-width));--check-left:calc(50% - (var(--check-width) /2));--check-top:var(--check-left);--images-container-top:calc(9 * var(--tileWidthAndHeight))}.kanaImagesContainer{width:var(--images-container-width);height:var(--images-container-height);top:var(--images-container-top);z-index:2;transition:opacity 1.5s;position:absolute;left:50%;transform:translate(-50%,-50%)}.kana-image-border{width:var(--image-width);height:var(--image-height);pointer-events:none;position:absolute;left:0}.kana-image{width:calc(var(--image-width) - var(--image-padding));height:calc(var(--image-height) - var(--image-padding));padding:calc(var(--image-padding) / 2);pointer-events:none;position:absolute;left:0}.kanaImagesContainer .image-check,.kanaImagesContainer .image-x{top:var(--check-top);left:var(--check-left);width:var(--check-width);height:var(--check-width);position:absolute}.kanaImagesContainer .animated-image-check{animation:.5s 1s forwards animate-check}.kanaImagesContainer .image-score{z-index:1;width:calc(1.5 * var(--image-width));height:calc(1.5 * var(--image-height));position:absolute;top:0;overflow:visible;transform:translate(-50%,25%)}.kanaImagesContainer .image-score text{transform-origin:50% 0;animation:2.5s linear 1.75s forwards image-score-animation;transform:scale(0)}.animateToCenter{animation:3s 1s forwards animate-to-center-and-dimiss}.animateWiggle{animation:.25s linear forwards wiggle}.animateFadeOut{animation:1s forwards fadeOut}.fadedIn{opacity:1;pointer-events:auto}.fadedOut{opacity:0;pointer-events:none}.clickable{pointer-events:auto}.not-clickable{pointer-events:none}.topLeftImage,.topRightImage,.bottomLeftImage,.bottomRightImage{width:var(--image-width);height:var(--image-height);position:absolute}.topLeftImage,.topRightImage{top:0}.topLeftImage,.bottomLeftImage{left:0}.bottomLeftImage,.bottomRightImage{top:var(--image-offset)}.topRightImage,.bottomRightImage{left:var(--image-offset)}.kanaImagesContainer text{text-align:center;text-shadow:1pt 1pt #d3d3d3;font-family:Alphakind}@keyframes animate-to-center-and-dimiss{0%{scale:1}30%{top:calc(var(--image-offset) * .5);left:calc(var(--image-offset) * .5);scale:1.5}90%{top:calc(var(--image-offset) * .5);left:calc(var(--image-offset) * .5);scale:1.5}to{top:calc(var(--image-offset) * .5);left:-100vw;scale:1.5}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes wiggle{0%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes animate-check{to{opacity:0}}@keyframes image-score-animation{0%{transform:scale(0)translateY(0)}1%{transform:scale(.0864845,.179427)translateY(-.5px)}2%{transform:scale(.292554,.545377)translateY(-1px)}3%{transform:scale(.545377,.894405)translateY(-1.5px)}4%{transform:scale(.788551,1.12038)translateY(-2px)}5%{transform:scale(.985836,1.20515)translateY(-2.5px)}6%{transform:scale(1.12038,1.18481)translateY(-3px)}7%{transform:scale(1.19105,1.1134)translateY(-3.5px)}8%{transform:scale(1.20745,1.03725)translateY(-4px)}9%{transform:scale(1.18481,.983312)translateY(-4.5px)}10%{transform:scale(1.13967,.959152)translateY(-5px)}11%{transform:scale(1.08677,.959207)translateY(-5.5px)}12%{transform:scale(1.03725,.972535)translateY(-6px)}13%{transform:scale(.99801,.988802)translateY(-6.5px)}14%{transform:scale(.972031,1.00138)translateY(-7px)}15%{transform:scale(.959152,1.00783)translateY(-7.5px)}16%{transform:scale(.95714,1.00882)translateY(-8px)}17%{transform:scale(.96274,1.00649)translateY(-8.5px)}18%{transform:scale(.972535,1.00309)translateY(-9px)}19%{transform:scale(.983553,1.00022)translateY(-9.5px)}20%{transform:scale(.993605,.998573)translateY(-10px)}21%{transform:scale(1.00138,.998134)translateY(-10.5px)}22%{transform:scale(1.00637,.998501)translateY(-11px)}23%{transform:scale(1.00868,.999191)translateY(-11.5px)}24%{transform:scale(1.00882,.999834)translateY(-12px)}25%{transform:scale(1.00749,1.00024)translateY(-12.5px)}26%{transform:scale(1.00538,1.00039)translateY(-13px)}27%{transform:scale(1.00309,1.00034)translateY(-13.5px)}28%{transform:scale(1.00106,1.0002)translateY(-14px)}29%{transform:scale(.999525,1.00006)translateY(-14.5px)}30%{transform:scale(.998573,.999965)translateY(-15px)}31%{transform:scale(.998167,.999923)translateY(-15.5px)}32%{transform:scale(.998191,.999925)translateY(-16px)}33%{transform:scale(.998501,.99995)translateY(-16.5px)}34%{transform:scale(.998952,.999981)translateY(-17px)}35%{transform:scaleX(.999424)translateY(-17.5px)}36%{transform:scale(.999834,1.00002)translateY(-18px)}37%{transform:scale(1.00014,1.00002)translateY(-18.5px)}38%{transform:scale(1.00032,1.00001)translateY(-19px)}39%{transform:scale(1.00039,1.00001)translateY(-19.5px)}40%{transform:scaleX(1.00037)translateY(-20px)}41%{transform:scale(1.0003,.999997)translateY(-20.5px)}42%{transform:scale(1.0002,.999997)translateY(-21px)}43%{transform:scale(1.00011,.999997)translateY(-21.5px)}44%{transform:scale(1.00002,.999999)translateY(-22px)}45%{transform:scaleX(.999965)translateY(-22.5px)}46%{transform:scaleX(.999931)translateY(-23px)}47%{transform:scaleX(.999919)translateY(-23.5px)}48%{transform:scaleX(.999925)translateY(-24px)}49%{transform:scaleX(.999941)translateY(-24.5px)}50%{transform:scaleX(.999961)translateY(-25px)}51%{transform:scaleX(.999981)translateY(-25.5px)}52%{transform:scaleX(.999997)translateY(-26px)}53%{transform:scaleX(1.00001)translateY(-26.5px)}54%{transform:scaleX(1.00002)translateY(-27px)}55%{transform:scaleX(1.00002)translateY(-27.5px)}56%{transform:scaleX(1.00002)translateY(-28px)}57%{transform:scaleX(1.00001)translateY(-28.5px)}58%{transform:scaleX(1.00001)translateY(-29px)}59%{transform:scale(1)translateY(-29.5px)}60%{transform:scale(1)translateY(-30px)}61%{transform:scaleX(.999998)translateY(-30.5px)}62%{transform:scaleX(.999997)translateY(-31px)}63%{transform:scaleX(.999997)translateY(-31.5px)}64%{transform:scaleX(.999997)translateY(-32px)}65%{transform:scaleX(.999998)translateY(-32.5px)}66%{transform:scaleX(.999999)translateY(-33px)}67%{transform:scaleX(.999999)translateY(-33.5px)}68%{transform:scale(1)translateY(-34px)}69%{transform:scale(1)translateY(-34.5px)}70%{transform:scale(1)translateY(-35px)}71%{transform:scale(1)translateY(-35.5px)}72%{transform:scale(1)translateY(-36px)}73%{transform:scale(1)translateY(-36.5px)}74%{transform:scale(1)translateY(-37px)}75%{transform:scale(1)translateY(-37.5px)}76%{transform:scale(1)translateY(-38px)}77%{transform:scale(1)translateY(-38.5px)}78%{transform:scale(1)translateY(-39px)}79%{transform:scale(1)translateY(-39.5px)}80%{transform:scale(1)translateY(-40px)}81%{transform:scale(1)translateY(-40.5px)}82%{transform:scale(1)translateY(-41px)}83%{transform:scale(1)translateY(-41.5px)}84%{transform:scale(1)translateY(-42px)}85%{transform:scale(1)translateY(-42.5px)}86%{transform:scale(1)translateY(-43px)}87%{transform:scale(1)translateY(-43.5px)}88%{transform:scale(1)translateY(-44px)}89%{transform:scale(1)translateY(-44.5px)}90%{transform:scale(1)translateY(-45px)}91%{transform:scale(1)translateY(-45.5px)}92%{transform:scale(1)translateY(-46px)}93%{transform:scale(1)translateY(-46.5px)}94%{transform:scale(1)translateY(-47px)}95%{transform:scale(1)translateY(-47.5px)}to{transform:scale(0)translateY(-50px)}}:root{--carousel-image-width:215px;--carousel-word-width:235px}#modal-background{pointer-events:none;opacity:0;z-index:4;background-color:#000;width:100vw;height:100vh;transition:opacity .35s;position:absolute;top:0;left:0}#modal-background.active{opacity:.35}#loading{z-index:5;pointer-events:none;transition:opacity .75s;position:absolute;left:0}.modal{z-index:5;-webkit-user-select:none;user-select:none;cursor:default;font-family:Josefin Sans;font-weight:100;transition:top .35s;position:absolute;left:50%;transform:translate(-50%,-50%)}.modal.active{top:50%}.modal.dismissed{top:-130vh}#previewLevelModal{width:420px;height:680px;margin-left:auto;left:50%}.carousel .arrow:hover{fill-opacity:1;cursor:pointer}#previewLevelModal .image-group,.carousel .kana-words g{cursor:pointer;transition:transform .5s;left:10px}.svg-image{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svg-image-frame{pointer-events:none}.carousel-images g{transition:transform .5s}#previewLevelModal .image-1-selected{transform:translate(0)}#previewLevelModal .image-2-selected{transform:translateX(calc(-1 * var(--carousel-image-width)))}#previewLevelModal .image-3-selected{transform:translateX(calc(-2 * var(--carousel-image-width)))}#previewLevelModal .image-4-selected{transform:translateX(calc(-3 * var(--carousel-image-width)))}.carousel .word-1-selected{transform:translate(0)}.carousel .word-2-selected{transform:translateX(calc(-1 * var(--carousel-word-width)))}.carousel .word-3-selected{transform:translateX(calc(-2 * var(--carousel-word-width)))}.carousel .word-4-selected{transform:translateX(calc(-3 * var(--carousel-word-width)))}.kana-words rect{transform:scale(.5)}.kana-words .kana-tile g{transform:scale(.4)translate(10px,10px)}.kana-words .kana-word{overflow-x:visible}.carousel path{pointer-events:none}#image-speaker-icon{pointer-events:none;position:absolute;top:180px;left:175px;overflow:visible}#modal-button,#modal-close-button,.dot{cursor:pointer}#shuffling-notification,#level-complete-notification{z-index:5;transition:top .4s;position:absolute;top:-105vh;left:50%;transform:translate(-50%,-50%)}#shuffling-notification.active{top:calc(4.5*var(--tileWidthAndHeight))}#level-complete-notification.active{animation:3s level-complete-notification-animation}@keyframes level-complete-notification-animation{0%{top:-105vh}10%{top:50%}90%{top:50%}to{top:105vh}}#firework-1,#firework-1:before,#firework-1:after{background-color:#0000;background-image:radial-gradient(circle,#ff0 .2vmin,#0000 0),radial-gradient(circle,#ff0 .3vmin,#0000 0),radial-gradient(circle,#ff0 .5vmin,#0000 0),radial-gradient(circle,#ff0 .2vmin,#0000 0),radial-gradient(circle,#ff0 .3vmin,#0000 0),radial-gradient(circle,#ff0 .5vmin,#0000 0),radial-gradient(circle,#ff0 .5vmin,#0000 0),radial-gradient(circle,#ff0 .2vmin,#0000 0),radial-gradient(circle,#ff0 .3vmin,#0000 0),radial-gradient(circle,#ff0 .2vmin,#0000 0),radial-gradient(circle,#ff0 .3vmin,#0000 0),radial-gradient(circle,#ff0 .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;top:20%;left:60%}#firework-2,#firework-2:before,#firework-2:after{background-color:#0000;background-image:radial-gradient(circle,#ff7eff .2vmin,#0000 0),radial-gradient(circle,#ff7eff .3vmin,#0000 0),radial-gradient(circle,#ff7eff .5vmin,#0000 0),radial-gradient(circle,#ff7eff .2vmin,#0000 0),radial-gradient(circle,#ff7eff .3vmin,#0000 0),radial-gradient(circle,#ff7eff .5vmin,#0000 0),radial-gradient(circle,#ff7eff .5vmin,#0000 0),radial-gradient(circle,#ff7eff .2vmin,#0000 0),radial-gradient(circle,#ff7eff .3vmin,#0000 0),radial-gradient(circle,#ff7eff .2vmin,#0000 0),radial-gradient(circle,#ff7eff .3vmin,#0000 0),radial-gradient(circle,#ff7eff .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation-delay:.15s;top:60%;left:40%}#firework-3,#firework-3:before,#firework-3:after{background-color:#0000;background-image:radial-gradient(circle,#00f .2vmin,#0000 0),radial-gradient(circle,#00f .3vmin,#0000 0),radial-gradient(circle,#00f .5vmin,#0000 0),radial-gradient(circle,#00f .2vmin,#0000 0),radial-gradient(circle,#00f .3vmin,#0000 0),radial-gradient(circle,#00f .5vmin,#0000 0),radial-gradient(circle,#00f .5vmin,#0000 0),radial-gradient(circle,#00f .2vmin,#0000 0),radial-gradient(circle,#00f .3vmin,#0000 0),radial-gradient(circle,#00f .2vmin,#0000 0),radial-gradient(circle,#00f .3vmin,#0000 0),radial-gradient(circle,#00f .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation-delay:.3s;top:75%;left:60%}#firework-4,#firework-4:before,#firework-4:after{background-color:#0000;background-image:radial-gradient(circle,#0df .2vmin,#0000 0),radial-gradient(circle,#0df .3vmin,#0000 0),radial-gradient(circle,#0df .5vmin,#0000 0),radial-gradient(circle,#0df .2vmin,#0000 0),radial-gradient(circle,#0df .3vmin,#0000 0),radial-gradient(circle,#0df .5vmin,#0000 0),radial-gradient(circle,#0df .5vmin,#0000 0),radial-gradient(circle,#0df .2vmin,#0000 0),radial-gradient(circle,#0df .3vmin,#0000 0),radial-gradient(circle,#0df .2vmin,#0000 0),radial-gradient(circle,#0df .3vmin,#0000 0),radial-gradient(circle,#0df .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation-delay:.45s;top:25%;left:40%}#firework-5,#firework-5:before,#firework-5:after{background-color:#0000;background-image:radial-gradient(circle,#0d2 .2vmin,#0000 0),radial-gradient(circle,#0d2 .3vmin,#0000 0),radial-gradient(circle,#0d2 .5vmin,#0000 0),radial-gradient(circle,#0d2 .2vmin,#0000 0),radial-gradient(circle,#0d2 .3vmin,#0000 0),radial-gradient(circle,#0d2 .5vmin,#0000 0),radial-gradient(circle,#0d2 .5vmin,#0000 0),radial-gradient(circle,#0d2 .2vmin,#0000 0),radial-gradient(circle,#0d2 .3vmin,#0000 0),radial-gradient(circle,#0d2 .2vmin,#0000 0),radial-gradient(circle,#0d2 .3vmin,#0000 0),radial-gradient(circle,#0d2 .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation-delay:.6s;top:55%;left:55%}#firework-6,#firework-6:before,#firework-6:after{background-color:#0000;background-image:radial-gradient(circle,#fdf .2vmin,#0000 0),radial-gradient(circle,#fdf .3vmin,#0000 0),radial-gradient(circle,#fdf .5vmin,#0000 0),radial-gradient(circle,#fdf .2vmin,#0000 0),radial-gradient(circle,#fdf .3vmin,#0000 0),radial-gradient(circle,#fdf .5vmin,#0000 0),radial-gradient(circle,#fdf .5vmin,#0000 0),radial-gradient(circle,#fdf .2vmin,#0000 0),radial-gradient(circle,#fdf .3vmin,#0000 0),radial-gradient(circle,#fdf .2vmin,#0000 0),radial-gradient(circle,#fdf .3vmin,#0000 0),radial-gradient(circle,#fdf .5vmin,#0000 0);background-position:50% 0,0%,50% 99%,99%,80% 90%,95% 90%,10% 60%,31% 80%,80% 10%,90% 23%,45% 20%,13% 24%;background-repeat:no-repeat;background-size:.5vmin .5vmin;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation-delay:.75s;top:35%;left:45%}.firework,.firework:before,.firework:after{content:"";aspect-ratio:1;z-index:5;pointer-events:none;opacity:0;width:.5vmin;position:absolute;transform:translate(-50%,-50%)}.firework-animated,.firework-animated:before,.firework-animated:after{animation:2s forwards firework}.firework:before{transform:translate(-50%,-50%)rotate(25deg)!important}.firework:after{transform:translate(-50%,-50%)rotate(-37deg)!important}@keyframes firework{0%{opacity:1;width:.5vmin}to{opacity:0;width:45vmin}}.drop-animation{animation-name:drop-animation;animation-timing-function:cubic-bezier(.5,.1,.8,.3)}@keyframes drop-animation{70%,80%,90%,to{animation-timing-function:ease-in-out}0%{top:var(--top-start)}60%{top:var(--top-finish)}70%{top:calc(var(--top-finish) - var(--tileWidthAndHeight) / 20)}80%{top:var(--top-finish)}90%{top:calc(var(--top-finish) - var(--tileWidthAndHeight) / 40)}to{top:var(--top-finish)}}
/*# sourceMappingURL=kana-party-web-game.2db9c7f2.css.map */