#mobile-container, #mobile-container *,#mobile-container *:before,#mobile-container *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#mobile-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;font-family:Helvetica,Arial;z-index:999999}#banner{position:relative;width:100%;height:85%;background:linear-gradient(to bottom,rgba(15,111,253,1) 0,#c36363 70%);overflow:hidden}#banner>.clouds{background:url('../img/mobile/clouds.png') right center;position:absolute;top:-25%;height:100%;width:200%;animation:clouds 600s linear infinite;-webkit-animation:clouds 600s linear infinite;will-change:transform}#banner>.grass{background:#15742a;position:absolute;top:70%;bottom:-50%;left:-100%;right:-100%;border-radius:100%}#banner>.static{position:absolute;max-width:100%;max-height:100%;min-width:58px;min-height:188px;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:100}#banner>canvas{transform:translateZ(0);position:absolute;width:100%;height:100%;z-index:300}#banner>.content{position:absolute;top:0;left:0;right:0;bottom:0;font-size:16px;color:#000}#banner>.content>.logo{display:block;margin:auto}#banner>.content>.sw-left{text-align:center;letter-spacing:4px}#banner>.content>.sw-left>.sw-logo{display:block;margin:auto;width:80%;margin-bottom:10px}.continue{display:table;width:100%;height:15.3333333337%;padding:1%;background:#172027;color:#fff;text-align:center}.continue>span{display:table-cell;vertical-align:middle}.badge-container{padding-left:30px;padding-right:30px;margin-top:2%}.badge-100{width:100%;text-align:center;padding-left:5px;padding-right:5px}.badge-100>.sw-badge{max-width:200px}.badge-50{float:left;width:50%;text-align:center;padding-left:5px;padding-right:5px;position:relative}.sw-badge{width:100%;height:auto;position:relative;z-index:999999}.badge-comingsoon>.sw-badge{opacity:.25}.badge-comingsoon:after{content:'COMING SOON!';font-weight:bold;font-size:1em;font-size:2.5vmax;position:absolute;top:0;left:50%;z-index:99999999;color:white;transform:rotate(-15deg) translateX(-50%);text-shadow:2px 0 0 rgba(0,0,0,1),-2px 0 0 rgba(0,0,0,1),0px 2px 0 rgba(0,0,0,1),0px -2px 0 rgba(0,0,0,1),-2px -2px 0 rgba(0,0,0,1),2px 2px 0 rgba(0,0,0,1),2px -2px 0 rgba(0,0,0,1),-2px 2px 0 rgba(0,0,0,1)}.sw-ios{margin-top:2.333333337%}.countdown-container div{padding:0 .5em;display:inline-block;font-size:.3em}.countdown-container span{font-size:4em;display:inline-block;text-align:center}.countdown-container{padding:0 .5em;display:inline-block;font-size:2em;font-size:8vw;margin-top:.2em;background:rgba(0,0,0,0.75);border-radius:10px;color:#fff}.play-trailer{position:relative;display:inline-block;font-size:.3em;margin-left:5px;margin-bottom:-8px;width:85px;height:61px;font-size:1vw;margin-bottom:-1.7vw;width:16vw;height:14.7vw;background:url('../img/mobile/trailer_preview.png');-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;z-index:9999}.play-trailer:after{position:absolute;content:"";top:50%;left:50%;margin-left:-1.6em;margin-top:-4em;transform:scaleY(0.7);width:0;height:0;border-top:4em solid transparent;border-bottom:4em solid transparent;border-left:4em solid white}.play-trailer:before{letter-spacing:2px;content:"TRAILER";font-size:2.2em;color:white;position:absolute;bottom:4%;text-align:center;left:5px;right:5px}@media(orientation:landscape){#banner>.content>.logo{max-width:80%;max-height:25%}#banner>.content>.sw-left{float:right;width:60%}#banner>.static{min-width:258px;min-height:188px;content:url('../img/mobile/stickwarlegacy-static-landscape.png');left:3%;transform:none;-webkit-transform:none;padding-top:0}.countdown-container{font-size:5vw}.play-trailer{margin-bottom:-1.1vw;width:11vw;height:9.3vw}.play-trailer:after{margin-left:-0.6em;margin-top:-2.5em;border-top:2em solid transparent;border-bottom:2em solid transparent;border-left:2em solid white}.play-trailer:before{font-size:1.8em}}@keyframes clouds{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@-webkit-keyframes clouds{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}