*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{padding:0;margin:0;color:#333;font-family:Rubik,Helvetica,Arial,sans-serif;text-align:center}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:Bungee,Helvetica,Arial,sans-serif}.page-layout{height:100%;position:absolute;-ms-flex-direction:column;flex-direction:column}.page-layout,.page-layout__game{width:100%;display:-ms-flexbox;display:flex}.page-layout__game{position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.page-layout__game__gameover{position:absolute;top:0;left:0;width:100%;height:100%}.page-layout__game__gameover__centerer{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.page-layout__controls{width:100%}.controls{padding:8px;padding:.5rem}.controls__layout{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.new-game-button{box-sizing:border-box;padding:6.4px 12.8px;padding:.4rem .8rem;margin:8px;margin:.5rem;background-color:#999;border:2px solid transparent;border-radius:.2rem;color:#fff;font-family:Rubik,Helvetica,Arial,sans-serif;font-size:16px;font-size:1rem}.new-game-button:focus{outline:none;border:2px solid #666}.new-game-button:active,.new-game-button:hover{background-color:#777}.puzzle-sizer{margin-left:8px;margin-left:.5rem;margin-right:8px;margin-right:.5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#666}.puzzle-sizer__label{margin:0;font-size:12.8px;font-size:.8rem;text-align:center}.puzzle-sizer__range{height:6.4px;height:.4rem;margin:6.4px 0;margin:.4rem 0;padding:0;display:inline-block;vertical-align:middle;background-color:#ddd;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.puzzle-sizer__range:focus{outline:none}.puzzle-sizer__range::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;background-color:#888;cursor:pointer;-webkit-appearance:none;appearance:none}.puzzle-sizer__range:focus::-webkit-slider-thumb{border:2px solid #888;background-color:#aaa}.the-puzzle{width:calc(100% - 20px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;perspective:1500px}.the-puzzle__board{width:100%;max-width:400px;max-width:25rem;padding:3.2px;padding:.2rem;position:relative;background-color:#aaa;border-radius:.4rem;border:2px solid #888;transform-style:preserve-3d}.the-puzzle__board--entering{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1;animation-name:the-puzzle__board--entering-animation}@keyframes the-puzzle__board--entering-animation{0%{opacity:0;transform:rotateY(90deg)}}.the-puzzle__board--leaving{animation-duration:.5s;animation-fill-mode:both;animation-iteration-count:1;animation-name:the-puzzle__board--leaving-animation}@keyframes the-puzzle__board--leaving-animation{to{opacity:0;transform:rotateY(90deg)}}.the-puzzle__buttons{width:100%;padding-top:100%;position:relative}.the-puzzle__button{padding:0;position:absolute;background-color:#ddd;border:none;border-radius:2px;font-family:Rubik,Helvetica,Arial,sans-serif;font-size:.8em;font-weight:400;transition:left .25s,top .25s,background-color .25s;cursor:pointer}@media (min-width:25rem){.the-puzzle__button{font-size:1rem}}@media (min-width:35rem){.the-puzzle__button{font-size:1.5rem}}.the-puzzle__button:focus,.the-puzzle__button:hover{outline:none;border:2px solid #fff}.the-puzzle__button:active{background-color:#eee}.the-puzzle__game-over{color:#666;z-index:-1}.the-puzzle__counter{bottom:-56px;bottom:-3.5rem;width:100%;margin:24px auto 0;margin:1.5rem auto 0;color:#777;font-size:24px;font-size:1.5rem;line-height:1;text-align:center;transition:opacity .5s}.the-puzzle__counter--invisible{opacity:0}.u-capitalize{text-transform:capitalize}