body{padding:0;margin:0;height:100%;width:100%}#game-container{position:absolute;width:100%;height:100%}#game-canvas{background:#141414;width:100%;height:calc(100% - 38px)}.game-mobile #game-canvas{height:100%}#game-loading-bar{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);display:none}#game-logo{width:100%;height:171px;background:url(progressLogo.png) no-repeat center}#game-progress-bar-empty{width:350px;height:5px;margin-top:20px;background-color:#7f9938}#game-progress-bar-full{width:0;height:5px;margin-top:20px;background-color:#212a31}#game-footer{position:relative;margin-top:-4px;height:38px;line-height:38px;font-family:Helvetica,Verdana,Arial;font-size:18px;background-color:#141414;color:#fff}.game-mobile #game-footer{display:none}#game-webgl-title{float:left;height:38px;margin-left:10px}#game-webgl-title a{text-decoration:none;color:#7f9938}#game-build-menu{float:right;margin-right:10px}#game-fullscreen-button{float:right;width:38px;height:38px;background:url(fullscreen-button.png) no-repeat center}#game-warning{position:absolute;left:50%;top:5%;transform:translate(-50%);background:#fff;padding:10px;display:none}.button,.button span{cursor:pointer;display:inline-block}.button{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-39%,230%);border-radius:4px;background-color:#5AAF4B;border:none;color:#FFF;text-align:center;font-size:22px;padding:10px;transition:all .5s}.button span{position:relative;transition:.5s}.button span:after{content:'\2713';position:absolute;opacity:0;top:-3px;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}.clear{clear:left}.hamburger{cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;background-color:transparent;border:0;padding:0}.hamburger:hover{opacity:.7}.hamburger:focus{outline:0;border:none}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger-box{width:26px;height:14px;display:inline-block}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:26px;height:2px;background-color:#fff;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.modal{display:block;position:fixed;z-index:99999;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.4);-webkit-transition:.5s;overflow:hidden;transition:all .3s linear}.modal-content{left:50%;top:50%;transform:translate(-50%,-50%);background-color:#22313a;border-radius:3px;max-width:544px;max-height:442px;overflow:hidden;position:relative}.modal-content h3{margin:10px 0;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.5;font-weight:400;color:#dcf3ff;text-align:center}.modal-content .games-content{margin:0 10px 10px;max-height:400px;overflow:auto}.modalOpen{overflow:hidden}.is-hidden{display:none}.is-visuallyHidden{opacity:0}.close{color:#dcf3ff;position:absolute;right:13px;top:13px;font-weight:600;font-size:17px}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}.is-blurred{filter:blur(2px);-webkit-filter:blur(2px)}.game-container{width:160px;height:150px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;position:relative;float:left;margin-right:10px;margin-bottom:10px;display:table-cell;justify-content:flex-end;flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);cursor:pointer;overflow:hidden;background-color:#2b3c46}.game-container :nth-child(3n+0){margin-right:0}.game-container .game-image{position:relative;display:block}figure{width:160px;height:120px;margin:0;padding:0;overflow:hidden}.game-image figure{position:relative}.game-image figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.game-container a:hover,.game-image figure:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.gvideo video{position:absolute;left:0;top:0;object-fit:fill}.game-container .game-image img{max-width:100%;height:auto;border:0;vertical-align:middle;-webkit-filter:saturate(1.3);filter:saturate(1.3)}.game-container .game-name{line-height:32px;padding:0 .4rem;white-space:nowrap;transition:all .3s;font-size:.8rem;overflow:hidden;text-align:center;text-overflow:ellipsis;font-family:Arial,Helvetica,sans-serif;color:#9bbcd1}.game-container a{text-decoration:none}.modal-content .games-content::-webkit-scrollbar{background-color:#22313a;width:14px}.modal-content .games-content::-webkit-scrollbar-track{background-color:#22313a}.modal-content .games-content::-webkit-scrollbar-thumb{background-color:#dcf3ff;border-radius:16px;border:4px solid #22313a}.modal-content .games-content::-webkit-scrollbar-button{display:none}.load-btn-content{text-align:center;padding-bottom:10px}.load-btn{background:#22313a;font-family:Arial,Helvetica,sans-serif;color:#9bbcd1;border:1px solid #394e5a;outline:0;padding:.35rem 1rem;font-size:.80rem;line-height:1.5;vertical-align:middle;text-decoration:none;display:inline-block;margin-bottom:0;text-align:center;cursor:pointer;white-space:nowrap;border-radius:2px;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.load-btn:hover{background:#394e5a;border-color:transparent}