body{height:100vh;margin:0}.border{box-sizing:border-box;pointer-events:none;z-index:10;background:0 0;border:1px solid #000;width:100%;height:100%;position:absolute;top:0;left:0}#gameCont{transform-origin:0 0;width:480px;height:480px;margin:auto;position:absolute;top:0;left:0;overflow:hidden}#gameCont.intro #puzzle,#gameCont.intro #grid{top:0;left:480px}#gameCont.ingame #intro{left:-480px}#gameCont.ingame #puzzle,#gameCont.ingame #grid{top:0;left:0}#gameCont.ingame #finale{top:0;left:0;-webkit-mask-position:100% 0;mask-position:100% 0}#gameCont.finale #intro{left:-480px}#gameCont.finale #puzzle,#gameCont.finale #grid{top:0;left:0}#gameCont.finale #finale{pointer-events:auto;top:0;left:0;-webkit-mask-position:0 0;mask-position:0 0}#intro,#finale,#puzzle{transition:top .6s,left .6s,-webkit-mask-position .6s,mask-position .6s;left:0}#intro,#finale{background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute}#intro{background-image:url(intro.a11b30b9.avif)}#playButton,#clientButton{width:151px;height:44px;margin:0 auto;bottom:27px;left:0;right:0}#playButton{background-image:url(playButton.d1032d8c.svg)}#clientButton{background-image:url(clientButton.220b1ef2.svg);width:201px}#finale{pointer-events:none;background-image:url(finale.a2b5db2f.avif);top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}.button{cursor:pointer;background-repeat:no-repeat;background-size:contain;animation:2s infinite pulse;position:absolute}#puzzle{background:url(bg.1c02aa78.avif) 0 0/contain no-repeat;width:480px;height:480px;position:absolute;overflow:hidden}#puzzle div{color:#fff;background-repeat:no-repeat;background-size:contain;width:160px;height:160px;font-size:20px;transition:top .6s,left .6s;position:absolute}#puzzle:before{content:"";z-index:1;pointer-events:none;opacity:.5;background:url(flare.e64cac6b.svg) 0 0/contain no-repeat;width:1366px;height:768px;transition:transform 1s linear .6s;position:absolute;top:280px;left:0;transform:rotate(45deg)translate(-800px)}#puzzle.finished div{pointer-events:none}#puzzle.finished:before{transform:rotate(45deg)translate(320px)}#n0{background-image:url(0.918c99e1.avif)}#n1{background-image:url(1.28f87321.avif)}#n2{background-image:url(2.12308c80.avif)}#n3{background-image:url(3.e46eddfb.avif)}#n4{background-image:url(4.4c26de77.avif)}#n5{background-image:url(5.bb7022e3.avif)}#n6{background-image:url(6.cea186b4.avif)}#n7{background-image:url(7.ea0d3888.avif)}#n8{background-image:url(8.086a7631.avif)}.p0{top:0;left:0}.p1{top:0;left:160px}.p2{top:0;left:320px}.p3{top:160px;left:0}.p4{top:160px;left:160px}.p5{top:160px;left:320px}.p6{top:320px;left:0}.p7{top:320px;left:160px}.p8{top:320px;left:320px}@keyframes hand{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@keyframes click{0%{opacity:0}60%{opacity:1}to{opacity:0}}#hand{z-index:5;pointer-events:none;background:url(hand.9a7b6ba4.svg) 0 0/contain no-repeat;width:90px;height:102px;transition:all 1s .2s;position:absolute;bottom:-110px;left:400px}#hand.active{transition-delay:.6s;bottom:180px;left:220px}#hand.clicked{animation:.6s linear forwards hand}#hand.clicked:before{animation:.6s linear forwards click}#hand:before{content:"";opacity:0;background:url(click.0710a2a0.svg) 0 0/contain no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}#empty{pointer-events:none}#empty.finished:before{opacity:1}#empty:before{content:"";opacity:0;background:url(8.086a7631.avif) 0 0/contain no-repeat;width:100%;height:100%;transition:all .3s .6s;position:absolute;top:0;left:0}#grid{pointer-events:none;opacity:1;width:480px;height:480px;transition:opacity .6s .4s,top .6s,left .6s;position:absolute;top:0;left:0}#grid.hidden{opacity:0}#grid div{box-sizing:border-box;border:2px solid #78faae80;width:160px;height:160px;position:absolute}#grid .p0,#grid .p1,#grid .p2,#grid .p6,#grid .p7,#grid .p8{border-top:none}#grid .p0,#grid .p3,#grid .p6{border-left:none}#grid .p2,#grid .p5,#grid .p8{border-right:none}#grid .p0,#grid .p1,#grid .p2,#grid .p6,#grid .p7,#grid .p8{border-bottom:none}#grid .p1,#grid .p4,#grid .p7{border-left:none;border-right:none}