body,html{margin:0;padding:0;background:#191f27;overflow:hidden;font-family:Trebuchet MS,Chalkboard,ChalkboardSE-Regular,sans-serif}*{-webkit-transition:opacity .15s,left .15s,transform .15s,top .15s;transition:opacity .15s,left .15s,transform .15s,top .15s}#tt,#tt-inner,.close{border:3px solid #4AADFF;border-radius:8px;color:#2c70a8}#tt{display:block;position:absolute;inset:30px 50px 60px 30px;padding:20px;z-index:10;border-radius:10px;font-size:2em;-webkit-transform:scale(0);transform:scale(0);background:#4aadff99;box-shadow:0 0 1em #000}#tt-inner{background:#fffc;padding:10px 30px}#tt-inner.scroll{overflow:auto;font-size:25px!important;max-height:85%}.attr{position:absolute;right:10px;bottom:10px;font-size:8px;opacity:.2;color:#fff}.attr a{color:#fff}.attr:hover,.attr:focus{opacity:1}.close{position:absolute;bottom:20px;right:20px;background:#cce7fe;font-weight:700;display:block;font-size:24px;text-align:center;line-height:45px;cursor:pointer;padding:0 2em}.close:hover{transform:scale(1.05)}#tt.active{-webkit-transform:scale(1);transform:scale(1)}#s.active{opacity:1}#s{opacity:0;z-index:9;position:absolute;inset:0;background:#00000080}#tt img{display:block;margin:0 auto;padding-bottom:20px;max-width:200px}#buttons{position:absolute;z-index:5;bottom:10px;left:-10em;background:#5bf;border:1px solid white;border-left-style:none;padding:.2cm .5cm;font-size:.9cm}.ingame #buttons,.rumble{left:0}#buttons a img{display:inline-block;width:1cm;height:1cm;color:#fff;border-radius:2px;cursor:pointer}#buttons a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#buttons a img{width:1cm}#buttons a+a{margin-left:.5cm}#p{position:absolute;z-index:5;top:-3em;right:10px;margin-left:20px;font-weight:700;font-size:30px;color:#5bf;text-align:right;display:block;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.ingame #p{top:10px}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.rubberBand{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:rubberBand;animation-name:rubberBand;-webkit-animation-delay:.2s;animation-delay:.2s}h1{font-size:1.2em;font-weight:700}.rumble{-webkit-animation-name:rumble;-webkit-animation-duration:.25s;-webkit-animation-iteration-count:2;animation-name:rumble;animation-duration:.25s;animation-iteration-count:20}@-webkit-keyframes rumble{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:translate(4px,4px)}50%{-webkit-transform:translate(0px,-4px)}75%{-webkit-transform:translate(-4px,0px)}to{-webkit-transform:translate(0px,2px)}}@keyframes rumble{0%{transform:rotate(0)}25%{transform:translate(4px,4px)}50%{transform:translateY(-4px)}75%{transform:translate(-4px)}to{transform:translateY(2px)}}#menu{-webkit-transform:scale(0);transform:scale(0);height:0}body.menu #menu{display:block;position:absolute;left:0;right:0;bottom:20px;text-align:center;font-weight:700;color:#fff;-webkit-transform:scale(1);transform:scale(1);height:auto}#menu>div{padding:10px 20px;margin:10px 15px;display:inline-block;cursor:pointer;border-radius:2px}#menu>div:hover,.pill.active:hover,#buttons a:hover{background:#5bf;transform:scale(1.1)}#menu img{display:block;margin:0 0 10px;padding:0}.pill{display:block;border-radius:5px;color:#ddd;background:#acb2b7;padding:.5em;margin:.5em 0;cursor:pointer}.pill.active{background:#3184c7;color:#fff}#tl{position:absolute;right:0;top:0;bottom:0;width:15%;max-width:128px;background:#5bf;border-left:1px solid white;display:none;overflow-y:auto;z-index:5}#tl.active{display:block}#tl img{width:90%;display:block;margin:0 5%;border-radius:5px;cursor:pointer}#tl img:hover{transform:scale(1.1)}#tl img.active{transform:scale(1.1);background:#fff}@media(min-width:800px){#tt{inset:100px 20%}#tt-inner{padding:30px 50px}#menu>div:hover,.pill.active:hover,#buttons a:hover{background:#5bf;transform:scale(1.01)}}@media(max-height:768px){#tt{inset:0;border-radius:0;border:none}#tt img{max-height:200px}}@media(max-height:490px)and (orientation:landscape){#tt{padding-left:150px}#tt img{position:absolute;left:20px;top:50px}}@media(max-width:800px){#buttons{font-size:20px}}textarea,input{display:block;border:2px solid #4AADFF;border-radius:3px;padding:10px;margin:10px 0;background:transparent;color:#2c70a8;font-weight:700}textarea{width:100%}