body{background-color:#ccc;font-family:'bittymedium',arial;font-size:72px;line-height:.45em;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.big-frame{width:225px;margin:0 auto;overflow:hidden}.piece{width:74px;height:74px;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;vertical-align:top;position:relative}.piece span.prime{position:absolute;left:0;top:0;bottom:0;right:0;color:#fff;color:rgba(255,255,255,.1);line-height:.8em;color:transparent}.piece[status="true"]{background:#ccc}.piece span.prime{background-color:#111}.piece span.prime::after,.piece span.prime::before,.piece span[placement="1"][row="1"] .extra::after,.piece span[placement="1"][row="1"] .extra::before,.piece span[placement="3"][row="1"] .extra::after,.piece span[placement="3"][row="1"] .extra::before,.piece span[placement="1"][row="3"] .extra::after,.piece span[placement="1"][row="3"] .extra::before,.piece span[placement="3"][row="3"] .extra::after,.piece span[placement="3"][row="3"] .extra::before{display:block;height:5px;width:50%;background-color:#ccc;position:absolute;content:""}.piece span[placement="1"][row="1"]::after{top:35%;right:0;width:65%}.piece span[placement="1"][row="1"]::before{top:35%;left:35%;height:65%;width:5px}.piece span[placement="1"][row="1"] .extra::after{top:65%;right:0;width:35%;height:3px}.piece span[placement="1"][row="1"] .extra::before{top:65%;left:65%;height:35%;width:3px}.piece span[placement="2"][row="1"]::after{top:65%;right:0;height:3px;width:100%}.piece span[placement="2"][row="1"]::before{top:35%;left:0%;width:100%}.piece span[placement="3"][row="1"]::after{top:35%;left:65%;width:5px;height:65%}.piece span[placement="3"][row="1"]::before{top:65%;left:0%;width:35%;height:3px}.piece span[placement="3"][row="1"] .extra::after{top:65%;left:35%;width:3px;height:35%}.piece span[placement="3"][row="1"] .extra::before{top:35%;left:0%;width:65%}.piece span[placement="1"][row="2"]::after{top:0%;left:65%;width:3px;height:100%}.piece span[placement="1"][row="2"]::before{top:0%;left:35%;width:5px;height:100%}.piece span[placement="2"][row="2"]::after,.piece span[placement="2"][row="2"]::before{display:none}.piece span[placement="3"][row="2"]::after{top:0%;left:65%;width:5px;height:100%}.piece span[placement="3"][row="2"]::before{top:0%;left:35%;width:3px;height:100%}.piece span[placement="1"][row="3"]::after{top:0%;left:35%;width:5px;height:65%}.piece span[placement="1"][row="3"]::before{top:65%;right:0;width:65%}.piece span[placement="1"][row="3"] .extra::after{top:0%;left:65%;width:3px;height:35%}.piece span[placement="1"][row="3"] .extra::before{top:35%;right:0;width:35%;height:3px}.piece span[placement="2"][row="3"]::after{top:35%;right:0;width:100%;height:3px}.piece span[placement="2"][row="3"]::before{top:65%;left:0%;width:100%}.piece span[placement="3"][row="3"]::after{top:65%;left:0;width:calc(65% + 5px)}.piece span[placement="3"][row="3"]::before{top:0%;left:65%;width:5px;height:65%}.piece span[placement="3"][row="3"] .extra::after{top:35%;left:0;width:calc(35% + 3px);height:3px}.piece span[placement="3"][row="3"] .extra::before{top:0%;left:35%;width:3px;height:35%}.container{position:absolute;left:0;right:0;margin:0 auto;top:25%}.preload{position:absolute;left:0;right:0;margin:auto;z-index:1;top:25%}.preload,.preloadTwo{width:20px;position:absolute;top:100px;left:0;right:0;margin:0 auto;z-index:1}.preload span,.preloadTwo span{height:10px;width:10px;background:aqua;display:block;float:left}.preload .sq1,.preloadTwo .sq1{background-color:#000}.preload .sq2,.preloadTwo .sq2{background-color:#444}.preload .sq3,.preloadTwo .sq3{background-color:#888}.preload .sq4,.preloadTwo .sq4{background-color:#fff}@keyframes sq1{0%{background-color:#fff}50%{background-color:#444}75%{background-color:#888}100%{background-color:#000}}@keyframes sq2{0%{background-color:#000}50%{background-color:#fff}75%{background-color:#444}100%{background-color:#888}}@keyframes sq3{0%{background-color:#888}50%{background-color:#000}75%{background-color:#fff}100%{background-color:#444}}@keyframes sq4{0%{background-color:#444}50%{background-color:#888}75%{background-color:#000}100%{background-color:#fff}}.piece span.animate{-webkit-animation:scale-down-center 0.3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-down-center 0.3s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes winder{0%,100%{background-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000)}5%,95%{background-image:linear-gradient(#999,#999),linear-gradient(#999,#999),linear-gradient(#999,#999),linear-gradient(#999,#999)}10%,90%{background-image:linear-gradient(#888,#888),linear-gradient(#888,#888),linear-gradient(#888,#888),linear-gradient(#888,#888)}15%,85%{background-image:linear-gradient(#777,#777),linear-gradient(#777,#777),linear-gradient(#777,#777),linear-gradient(#777,#777)}20%,80%{background-image:linear-gradient(#666,#666),linear-gradient(#666,#666),linear-gradient(#666,#666),linear-gradient(#666,#666)}25%,75%{background-image:linear-gradient(#555,#555),linear-gradient(#555,#555),linear-gradient(#555,#555),linear-gradient(#555,#555)}30%,70%{background-image:linear-gradient(#444,#444),linear-gradient(#444,#444),linear-gradient(#444,#444),linear-gradient(#444,#444)}35%,65%{background-image:linear-gradient(#333,#333),linear-gradient(#333,#333),linear-gradient(#333,#333),linear-gradient(#333,#333)}40%,60%{background-image:linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222)}45%,55%{background-image:linear-gradient(#111,#111),linear-gradient(#111,#111),linear-gradient(#111,#111),linear-gradient(#111,#111)}50%{background-image:linear-gradient(#FFF,#FFF),linear-gradient(#FFF,#FFF),linear-gradient(#FFF,#FFF),linear-gradient(#FFF,#FFF)}}@keyframes scale-down-center{0%{opacity:0}100%{opacity:1}}.big-frame.not-ready{pointer-events:none}.big-frame.u-wan{animation:bigFrameChange 1s both 2s;pointer-events:none}.big-frame.u-wan .piece span{animation:bgChange 1s both}.big-frame.u-wan .piece span::after,.big-frame.u-wan .piece span::before{animation:lineChange 2s both}@keyframes lineChange{0%{}50%,75%{background-color:#111}80%,88%{background-color:#FFF}82%,90%,100%{background-color:#ccc}}@keyframes bgChange{100%{background-color:#ccc}}@keyframes bigFrameChange{0%{}80%,86%{opacity:1}83%,100%{opacity:0}}@keyframes fade-bg-and-lines{0%{background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc)}5%{background-image:linear-gradient(#111,#111),linear-gradient(#111,#111),linear-gradient(#111,#111),linear-gradient(#111,#111)}10%{background-image:linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222),linear-gradient(#222,#222)}15%{background-image:linear-gradient(#333,#333),linear-gradient(#333,#333),linear-gradient(#333,#333),linear-gradient(#333,#333)}20%{background-image:linear-gradient(#444,#444),linear-gradient(#444,#444),linear-gradient(#444,#444),linear-gradient(#444,#444)}25%{background-image:linear-gradient(#555,#555),linear-gradient(#555,#555),linear-gradient(#555,#555),linear-gradient(#555,#555)}30%{background-image:linear-gradient(#666,#666),linear-gradient(#666,#666),linear-gradient(#666,#666),linear-gradient(#666,#666)}35%{background-image:linear-gradient(#777,#777),linear-gradient(#777,#777),linear-gradient(#777,#777),linear-gradient(#777,#777)}40%{background-image:linear-gradient(#888,#888),linear-gradient(#888,#888),linear-gradient(#888,#888),linear-gradient(#888,#888)}45%{background-image:linear-gradient(#999,#999),linear-gradient(#999,#999),linear-gradient(#999,#999),linear-gradient(#999,#999)}100%{background-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);background-color:#ccc}}.congratis.u-wan{animation:blinkIn 2s both 1.2s}@keyframes blinkIn{0%,60%,66%{opacity:0}63%,69%,100%{opacity:1}}.congratis{display:none;position:absolute;top:74px;left:-2px;right:0;text-align:center;border:5px solid #111;width:74px;height:74px;margin:0 auto;line-height:1em;box-sizing:border-box}.congratis:hover{border-color:#fff;cursor:pointer}.congratis:hover svg{stroke:#fff}.congratis-icon{line-height:.9em}.congratis-icon svg{width:50px;height:50px;stroke:#000;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:#000}