body{background:#e7fff4}html,body,canvas{margin:0;border:0;padding:0;display:block;overflow:hidden;height:100%}#view,#ui{position:absolute;width:100%;height:100%}#expaBar{margin:10px 10%;justify-content:center;height:30px}#fullExpBar{width:50%;height:30px;top:-30px;background-color:#dad53f}#emptyExpBar{width:100%;height:30px;background-color:#59570d}.lvlInfoText{text-align:center;font-size:20px;color:aliceblue;margin:10px}#view{z-index:1}#ui{z-index:2}.fadein{animation:fadein 2s}.fadeout{animation:fadeout 2s}#ui{z-index:4;display:flex;justify-content:space-between;align-items:flex-start;background-color:rgba(0,0,0,0.8)}#ui.hide{display:none}body,button,input{font-family:'PT Sans Caption',sans-serif}.uibox{width:550px;max-width:550px;margin:14px auto 0 auto;padding:8px 10px 30px 10px;order:2}.uibox .logo{text-align:center;height:115px;position:relative;overflow:hidden}.logo img{width:280px}@keyframes pulse{0%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}.newIconShop{animation:pulse 1s linear infinite}#newIconInShop{position:absolute;top:170px;margin-top:-30px}#newIconMenuShop{position:relative;top:-105px;left:83px;margin:0}.shopBtn{max-height:105px}.resultsimg{width:50%;margin:auto}.resultsimg img{width:100%}.progress{transition:1s ease;transition-delay:.1s;transition-property:width}.imgIconProgress{position:relative;width:45px;left:-45px;top:-80px}.imgIconFinal{position:relative;width:45px;left:45px;top:-70px;float:right}#left_side{order:1}#right_side{order:3}#left_side,#right_side{width:260px}.results{display:flex;justify-content:center;font-size:18px;text-shadow:0 0 2px #000;white-space:nowrap;color:#fff}.popUpBack{background-color:#403f3b;max-width:600px;width:600px;justify-content:center;display:flex;z-index:120}.popUp .skin{justify-content:center !important;width:inherit;max-width:300px}.popUp .yellow{width:-moz-available;width:-webkit-fill-available;width:fill-available}.namePopUp{text-align:center;font-size:23px;margin-bottom:0;padding-bottom:0;color:#eaec4b;margin-top:20px}#resultsPopUp{position:absolute;display:none;justify-content:center;width:100%;top:140px;height:fit-content;border-radius:10px}#adsInfoPopUp{position:absolute;width:100%;height:100%;justify-content:center;background-color:#2d2d2dde}#adsInfoPopUp .popUpBack{top:9%;position:absolute;width:100%;max-width:100%;background-color:#2d2d2d00}#adsInfoPopUp .popUp{height:200px;width:300px;background-color:#fcfdc4;padding:10px;display:flex;flex-direction:column;justify-content:space-around}#adsInfoPopUp .namePopUp{color:#000}.results .left{text-align:right;margin-right:10px}.newScore{color:#8fa}.nav{display:flex;justify-content:center;flex-direction:column}.uibox .play{margin:0 10%;margin-bottom:0;display:flex;justify-content:center}.uibox .tips{height:50px;display:flex}.uibox .tip{color:white;text-align:center;font-size:17px;animation:fadein 2s;padding:10px 3%;align-self:flex-end;width:100%}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}#nick{background:#ededd1;border:0;border-bottom:6px solid #a1a18d;padding:5px;margin:5px;font-size:25px;text-indent:10px;color:#666;outline:0;width:100%;flex:1 1 auto;margin-bottom:0;line-height:1.3}#nick::placeholder{color:#a1a18d;opacity:1}#play{flex:0 0 130px;width:100%;font-size:35px}#again,#menu{flex:1 1 auto}button{border:0;border-bottom:6px solid;font-size:30px;letter-spacing:1px;padding:0 15px;margin:5px;cursor:pointer}button:active{border-bottom:0;border-top:6px solid}button:focus{outline:0}button.yellow{background:#eaec4b;border-color:#a1a130;color:#888a34}button.green{background:#7fed4c;border-color:#56a130;color:#56a130}button.unavail{background:#eaec4b;border-color:#a1a130;color:#888a34}button.orange{background:#ff972f;border-color:#ae4e0d;color:#422100}button.disabled{background:#ebebeb;border-bottom:6px solid #9c9c9c;color:#9c9c9c;cursor:default}button.yellow:hover,button.yellow:focus{background:#fafc5b}button.green:hover,button.green:focus{background:#8efc5b}button.disabled:hover,button.disabled:focus{background:#ebebeb}button.disabled:active{border-top:0;border-bottom:6px solid}.uibox p.notsupported{color:#b13737;font-size:18px;text-align:center;padding:0 10%}#about{display:none;z-index:4;position:absolute;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;padding:10px;border-radius:10px;background-color:#fff}.modal_box{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:32px}.modal_scroll{flex-grow:1;overflow-y:auto}@media screen and (max-width:500px){#about{width:100%;height:100%;left:0;top:0;transform:none;padding:0;border-radius:0}.modal_box{padding:16px}}.hide{display:none}.show{display:block}#paperio-site_multisize{position:absolute;text-align:center;top:310px;width:100%;z-index:3}#bottom{position:absolute;text-align:center;bottom:0;right:0;color:#202020;z-index:5;background-color:white;padding:4px;border-top-left-radius:8px}@media screen and (max-width:800px){#ui{flex-wrap:wrap-reverse;justify-content:center;align-items:flex-end}.uibox{order:3}#left_side{order:1}#right_side{order:2}}@media screen and (max-width:500px){.nav{margin:10px 0;flex-wrap:wrap}.resultsimg{width:75%}#left_side,#right_side{display:none}}.leaderboard{padding:10px;margin:0 0 10px 0;color:white}.leaderboard h3{color:#00d095;font-size:22px;text-align:center;padding:0;margin:0 0 10px 0}.leaderboard ul{margin:0;padding:0;list-style-type:none}.leaderboard li{display:flex;align-items:center;justify-content:space-between}.leaderboard li .lb_item_left{display:flex;align-items:center}.leaderboard li .title{color:gray;padding:0 10px 0 5px}.leaderboard li .player{color:white}.leaderboard li .top{padding:0;min-width:20px;width:20px;height:18px;line-height:18px;text-align:center;border-radius:3px;border-bottom:3px solid #8e8a8a;background:#aaa;margin:2px 5px 0 0;font-size:10px;color:black}.leaderboard li .top1{border-bottom:3px solid #cfb85d;background:#edd77b}.leaderboard li .top2{border-bottom:3px solid #9bb2cd;background:#c3d1e1}.leaderboard li .top3{border-bottom:3px solid #9d7667;background:#bf9481}.leaderboard li .extra{padding:0 4px;width:auto}.leaderboard li .empty{padding:0;min-width:20px;width:20px;height:18px;line-height:18px;margin:2px 5px 0 0}.leaderboard li.extra_margin{margin-top:18px}#bottom a,a:visited{color:#202020;text-decoration:none}#overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;z-index:9;display:none}#lng{position:absolute;bottom:0;left:0;z-index:4;background:#fff;list-style-type:none;margin:0;border:0;padding:4px 6px 4px 0;border-top-right-radius:8px;display:inline}#lng li{display:inline;padding:4px 4px;background:#fff;cursor:pointer}#lng li.active{background:#88f}.noPadding{padding:0 5px}button img{display:block;margin-top:1px;margin-left:auto;margin-right:auto}.skins-container{display:flex;flex-direction:row;flex:1;align-items:center;justify-content:center;user-select:none;height:360px}#leaderboard{position:absolute;top:20px;right:0;width:230px;text-align:center;background-color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;z-index:999}.leaderboardHeading{color:#000;background-color:#959595;border-top-left-radius:5px}#scoreBoard{color:#404040;width:100%;font-size:16px}.lowerPlayLine{overflow:hidden}.skin-descr{margin:0;background-color:azure;width:100%;margin-top:16px;height:fit-content;min-height:30px;max-height:70px;text-align:center;justify-content:center;display:flex;flex-direction:column;font-size:14px}.partSkinInfo{width:50%;font-size:13px}.skin-nav{margin-top:35px}.detailsSkinInfo{display:flex;flex:auto}.imgIconSkin{height:35px}.skin{margin:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:5px;background:#dad53f;width:100%;margin-top:40px;user-select:none;max-width:250px}@media screen and (max-width:550px) and (min-height:350px),(max-height:660px){.uibox .play{margin:0 5%}button{font-size:22px}.nav{margin:10px 0;flex-wrap:wrap}.resultsimg{width:75%}.skin-nav button{font-size:25px}.uibox{padding:8px 10px 0 10px}.skins-container button{font-size:25px;padding:10px}.logo img{width:200px}.uibox .logo{height:85px;margin-top:10px}.skins-container{height:395px}.partSkinInfo{font-size:12px}.skin{margin-top:30px}.uibox .tips{height:60px}.uibox .tip{font-size:16px}}#promoText{margin:0;background-color:white;position:absolute;width:calc(100% - 35px);height:35px;left:35px;font-size:13px;color:black;display:flex;align-items:center;border:0 solid;border-radius:0 0 12px;padding-left:5px;padding-right:5px}#promoIcon{background-color:white}#promoElem{z-index:111;position:absolute;cursor:pointer;left:0;top:0;width:100%}@media(max-width:420px),(max-height:740px) and (max-width:600px),(max-height:320px){#logo{height:75px}.logo img{width:165px}@media(min-height:360px){}button{font-size:22px}.nav button{width:100%;margin-left:0}#play{font-size:35px}#nick{font-size:19px;line-height:1.73;padding-left:0}.results{font-size:14px}.uibox .tips{height:50px}.uibox .tip{font-size:14px}.skin-nav button{font-size:18px}.lvlInfoText{font-size:13px}button #menu{margin-bottom:1px}#expaBar{margin-bottom:0;transform:scale(0.7)}#progressSkillTypeIcon{width:25px;height:25px}.lvlInfoText{margin-top:0}.nav{margin-bottom:0}.uibox .play{margin-bottom:0}}#progressSkillTypeIcon{position:relative;margin:0;margin-bottom:-10px}.skinIcon{height:35px;position:relative;bottom:10px;left:10px;margin:0 !important}.skin-view{background:#fcfdc4;flex-grow:1;min-height:160px}.skin-view img{display:block;margin-top:10px;margin-left:auto;margin-right:auto}.skin-view h3{margin:0;text-align:center}.partSkinInfo{text-align:center}.partSkinInfo.good{background-color:#7fed4c}.partSkinInfo.bad{background-color:#e74545}#paperanimals-io_970x250{flex-direction:column;align-self:center}#adsBanner{margin-top:20px;display:flex;align-content:center;align-self:center;align-items:center;flex-direction:column-reverse;position:absolute;width:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100;overflow:hidden}#rightbanner{position:absolute;top:0;bottom:0;right:0;width:220px;height:200px;z-index:3;padding-top:12px;padding-right:12px;text-align:right;display:none}#leftSideUI{position:absolute;left:0;top:0;padding:10px;z-index:150}.feedback{top:0;right:0;padding-right:10px;z-index:2;color:yellow;cursor:pointer}.feedback:visited{color:yellow}#socialBtns{margin-bottom:5px}#socialBtns img{width:97.7px}a.shareBtn{background-color:#00d095;display:inline-block;cursor:pointer;color:#000;font-size:21px;padding:6px 18px;text-decoration:none;margin-bottom:10px;border-bottom:6px solid;border-color:#087b5b}.shareBtn:hover{background-color:#31ffc5}#shareInvite{z-index:4;position:fixed;box-sizing:border-box;left:12px;top:24px;width:310px;padding-top:5px;background-color:#fff;color:#000;left:10px;top:10px;padding-bottom:6px}#shareInvite p{margin:5px}.shareInvite-text{text-align:center}.inviteTitle{font-weight:700;font-size:22px;display:block;padding:4px 4px 6px}#shareLinkInput{width:195px;height:30px;font-size:15px}#shareInvite a{color:#000;background-color:#dadada;border-color:#a29e9e;display:block;padding:2px;text-decoration:none;margin:10px 10px 6px}#shareInvite button{font-size:24px;background-color:#ff972f;border-color:#ae4e0d}#shareInvite .medCloseBtn{font-size:20px}.switchLeadBtn{font-size:20px;background-color:#dadada;border-color:#a29e9e;text-align:center;width:100%}#aipBranding{display:none !important}@keyframes kf_slider{from{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}.slider-1{animation:kf_slider 2s 0s both}.slider-2{animation:kf_slider 2s 1s both}.slider-3{animation:kf_slider 2s 2s both}.slider-4{animation:kf_slider 2s 3s both}.slider-5{animation:kf_slider 2s 4s both}