*{margin:0;padding:0}body{text-align:center;background:black;overflow:hidden;font-family:'Lato', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{padding:15px 25px;background:#60abf8;background:-webkit-gradient(linear, left top, left bottom, from(#7abcff), color-stop(44%, #60abf8), to(#4096ee));background:linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%);border:1px solid transparent;border-radius:15px;font-size:1.3rem;color:white;text-shadow:black 0 0 5px;-webkit-box-shadow:black 0 0 5px;box-shadow:black 0 0 5px;cursor:pointer;margin:0 10px}.btn:hover{background:#7ef860;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #7dff7a), color-stop(44%, #7ef860), to(#4aee40));background:linear-gradient(to bottom, #7dff7a 0, #7ef860 44%, #4aee40 100%)}.btn.disabled,.btn.disabled:hover{background:gray;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #adaeb0), color-stop(44%, #a4a4a4), to(gray));background:linear-gradient(to bottom, #adaeb0 0, #a4a4a4 44%, gray 100%);color:lightgray;text-shadow:none;cursor:not-allowed}#background{-webkit-transition:opacity 2000ms;transition:opacity 2000ms;background:no-repeat center;background-size:cover;-webkit-filter:blur(8px);filter:blur(8px);position:fixed;opacity:0;top:0;left:0;right:0;bottom:0}@-webkit-keyframes floating{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@keyframes floating{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@-webkit-keyframes zeppy{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes zeppy{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}#container{z-index:5;position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}#container #intro{position:relative;margin:0 auto;width:1020px;height:650px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}#container #intro #front-logo{-webkit-transform:rotate(-7deg);transform:rotate(-7deg);position:absolute;background-repeat:no-repeat;background-size:contain;width:423px;height:281px;left:56px;opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms}#container #intro #front-text{position:absolute;top:278px;left:28px;width:384px;color:white;text-shadow:black 0 0 20px;font-size:2em}#container #intro #front-text #btn-play,#container #intro #front-text #btn-play-classic{margin-top:5px}#container #intro #front-text p{margin-bottom:20px}#container #intro #front-text p.sub{font-size:0.8em}#container #intro #front-zones{position:absolute;top:203px;left:443px}#container #intro #front-zones .front-zone{position:absolute;border:5px solid white;-webkit-box-shadow:black 0 0 20px;box-shadow:black 0 0 20px;background:white no-repeat;background-size:contain;-webkit-transition:opacity 400ms;transition:opacity 400ms;width:362px;height:200px;opacity:0}#container #intro #front-zones #front-ruffles{display:none;width:223px;height:223px;background-size:contain;-webkit-transition:all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);position:absolute;top:16px;left:269px;opacity:0;z-index:-1}#container #intro #front-zones #front-ruffles.arf{top:-139px}#container #intro #front-zones #front-zone-a{top:116px;left:173px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}#container #intro #front-zones #front-zone-b{top:48px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}#container #intro #front-zones #front-zone-c{left:124px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}#container #front-info{position:absolute;color:white;bottom:20px;width:100%;z-index:5}#container #front-info a{text-decoration:none;color:white}#container #front-info a:hover{text-decoration:underline}#container #game-frame{display:none;position:absolute;top:0;left:0;right:0;bottom:0}#container #game-frame .game-banner{position:absolute;left:0;right:0;height:80px;background:rgba(0,0,0,0.8);-webkit-transition:all 400ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 400ms cubic-bezier(0.19, 1, 0.22, 1)}#container #game-frame #game-top{top:-140px}#container #game-frame #game-top.extended{top:0}#container #game-frame #game-top #game-score{display:-webkit-box;display:-ms-flexbox;display:flex;color:white;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}#container #game-frame #game-top #game-score .game-score-component{margin:0 50px;font-size:1.6em}#container #game-frame #game-bottom{bottom:-140px}#container #game-frame #game-bottom.extended{bottom:0}#container #game-frame #game-content{left:0;right:0;top:80px;bottom:80px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:inset transparent 0 0 80px;box-shadow:inset transparent 0 0 80px}#container #game-frame #game-content #game-map,#container #game-frame #game-content #game-image{width:80%;height:70%;border:1px solid white;-webkit-box-shadow:black 0 0 20px;box-shadow:black 0 0 20px;cursor:-webkit-grab;cursor:grab}#container #game-frame #game-content #game-map .game-buttons,#container #game-frame #game-content #game-image .game-buttons{position:absolute;bottom:20px;left:10px;z-index:999}#container #game-frame #game-content #game-map{z-index:1;opacity:0;-webkit-transition:opacity 400ms;transition:opacity 400ms;position:absolute;background:#001d28}#container #game-frame #game-content #game-map #game-button-next{display:none}#container #game-frame #game-content #game-map #game-map-info{position:absolute;bottom:15px;text-align:center;font-size:2rem;color:white;text-shadow:black 0 0 20px;z-index:500;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(1,1,1,0.8);border-radius:10px;padding:5px 10px;-webkit-box-shadow:black 0 0 10px;box-shadow:black 0 0 10px}#container #game-frame #game-content #game-over-spirit{opacity:0;display:none;position:absolute;background-repeat:no-repeat;width:808px;height:366px;-webkit-transition:opacity 1000ms;transition:opacity 1000ms;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-direction:alternate;animation-direction:alternate}#container #game-frame #game-content #game-over{color:white;z-index:10;opacity:0;display:none;position:absolute;background:rgba(0,0,0,0.8);border:1px solid white;-webkit-box-shadow:black 0 0 20px;box-shadow:black 0 0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:35px 60px}#container #game-frame #game-content #game-over h1{font-size:3rem}#container #game-frame #game-content #game-over h2{font-size:1.3rem;margin-bottom:20px}#container #game-frame #game-content #game-over #game-over-buttons{margin-top:25px}#container #game-frame #game-content #game-over #game-over-twitter{margin-top:15px}#container #game-frame #game-content #game-over #game-over-twitter a{text-decoration:none;color:#55a3f4}#container #game-frame #game-content #game-image{background:rgba(0,0,0,0.6);-webkit-transition:opacity 400ms;transition:opacity 400ms;white-space:nowrap;overflow:hidden;position:absolute;cursor:-webkit-grab;cursor:grab;z-index:2}#container #game-frame #game-content #game-image #game-drag-inner{width:100%;height:100%;background-repeat:repeat-x;background-size:auto 100%;opacity:0;-webkit-transition:opacity 400ms;transition:opacity 400ms}#container #game-frame #game-content #game-image #game-loading{position:absolute;width:100%;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:-1}#container #game-frame #game-content #game-image #game-loading #game-loading-text{font-size:1.8rem;color:white}#container #game-frame #game-content #game-image #game-loading #game-loading-zeppy{background:url(../images/zeppy.png) no-repeat;width:149px;height:140px;margin-bottom:30px;-webkit-animation-name:zeppy;animation-name:zeppy;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-direction:alternate;animation-direction:alternate}#container #game-frame #game-content #game-image #game-drag-notice{position:absolute;top:15px;left:50%;border-radius:10px;background:rgba(0,0,0,0.6);padding:15px;color:white;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}