@import url(//ifrype.com/css/fonts/margarine/margarine.css);@-webkit-keyframes popCard{from{-webkit-transform:scale(0) rotate(3turn);transform:scale(0) rotate(3turn)}}@keyframes popCard{from{-webkit-transform:scale(0) rotate(3turn);transform:scale(0) rotate(3turn)}}@-webkit-keyframes timedProgressBar{0%,20%{background:rgba(255,255,255,.7)}to{width:0}}@keyframes timedProgressBar{0%,20%{background:rgba(255,255,255,.7)}to{width:0}}.pildibildiSection{background:#ceedf9 url(img/fons.png) no-repeat bottom;padding-top:31px}.pildibildiSection .empty{text-align:center;padding:50px 0 250px}.pildibildiSection .empty .logo{background:url(img/logoXL@2x.png) no-repeat center;background-size:contain;margin:0 auto 30px;width:430px;height:121px}.pildibildiSection .empty p{background:rgba(255,255,255,.7);border-radius:5px;padding:20px 100px;font-size:18px;line-height:130%;color:#004050;text-align:center;width:600px;margin:0 auto 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.pildibildiSection .empty .btn{padding:0 40px;height:44px;display:inline-block;background:#aecb03;-webkit-box-shadow:0 4px 10px rgba(35,142,167,.3);box-shadow:0 4px 10px rgba(35,142,167,.3);border-radius:50px;font:400 24px/44px Margarine;text-align:center;color:#fff;text-decoration:none;margin:0 auto}.pildibildiSection .header>.shareCont{position:absolute;top:5px;left:10px}.pildibildiSection .statusBar{background:rgba(255,255,255,.7);width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 20px;padding:0 80px;font-size:18px;line-height:130%;color:#004050;-webkit-box-sizing:border-box;box-sizing:border-box}.pildibildiSection .statusBar>.logo{-webkit-box-flex:0;-ms-flex:0 0 192px;flex:0 0 192px;margin-right:30px;display:block;background:url(img/logo@2x.png) no-repeat center;background-size:contain;height:54px}.pildibildiSection .statusBar>.keys{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--keySize:40px}.pildibildiSection .statusBar>.keys .key{width:var(--keySize);height:var(--keySize);display:grid;margin-right:8px}.pildibildiSection .statusBar>.keys .key>.keyBack,.pildibildiSection .statusBar>.keys .key>.keyFront{width:var(--keySize);height:var(--keySize);background:url(img/key@2x.png) no-repeat center bottom;grid-area:1/1;align-self:end;background-size:var(--keySize) auto;z-index:2}.pildibildiSection .statusBar>.keys .key>.keyFront{height:0}.pildibildiSection .statusBar>.keys .key>.keyBack{-webkit-filter:contrast(0) sepia(100%) hue-rotate(150deg) saturate(124%) brightness(100%);filter:contrast(0) sepia(100%) hue-rotate(150deg) saturate(124%) brightness(100%);z-index:1}.pildibildiSection .statusBar>.keys .key--done .keyFront{height:100%}.pildibildiSection .statusBar>.keys .lock{width:72px;height:92px;display:grid;margin-right:20px;margin-left:10px}.pildibildiSection .statusBar>.keys .lock::after,.pildibildiSection .statusBar>.keys .lock::before{display:block;content:"";grid-area:1/1;height:100%;align-self:end;background:url(img/lock@2x.png) no-repeat center bottom;background-size:72px auto;z-index:2}.pildibildiSection .statusBar>.keys .lock::before{-ms-flex-item-align:start;align-self:start;background:url(img/lock_er@2x.png) no-repeat center;background-size:49px auto;height:49px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;z-index:1}.pildibildiSection .statusBar>.keys .lock--unlocked::before{-webkit-transform:rotate(-70deg) translate(-3px,-3px);-ms-transform:rotate(-70deg) translate(-3px,-3px);transform:rotate(-70deg) translate(-3px,-3px)}.pildibildiSection .timers{width:780px;display:grid;grid-template-columns:648px 120px;grid-gap:12px;margin:0 auto 14px;color:#004050;position:relative}.pildibildiSection .timers .announcement{background:rgba(255,255,255,.7);text-align:center;position:absolute;bottom:0;left:0;right:0;height:21px;line-height:21px}.pildibildiSection .timers .best{font-size:18px;color:#004050}.pildibildiSection .timers .ctd{text-align:right;font-weight:700;font-size:24px}.pildibildiSection .timers .spinner{margin:0 auto;width:100%}.pildibildiSection .timers .spinner .miniTimer{-webkit-animation:timedProgressBar var(--cardDuration) linear forwards;animation:timedProgressBar var(--cardDuration) linear forwards;width:100%;height:10px;background:#aecb03}.pildibildiSection .timers .counter{text-align:right;font-size:18px;height:21px;line-height:21px}.pildibildiSection .credits{display:grid;grid-template-columns:repeat(3,-webkit-min-content);grid-template-columns:repeat(3,min-content);grid-gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 20px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.pildibildiSection .credits h2{grid-area:2/span 3;text-align:center;color:#004050;font-size:20px;margin:0}.pildibildiSection .credits .credit_descr{grid-area:1/span 3;text-align:center}.pildibildiSection .credits .picItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pildibildiSection .credits .picItem .authorLink{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;margin-bottom:8px}.pildibildiSection .credits .picItem .authorLink .userIcon{width:17px;height:17px;margin-right:6px;border-radius:3px;background-size:cover;background-position:center}.pildibildiSection .credits .picItem .authorLink .userTitle{font-weight:700;font-size:13px;color:#205a9a}.pildibildiSection .credits .picItem .imageContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:244px;height:244px;border-radius:3px;background-position:center;background-size:cover}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);width:100%;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:8px;opacity:.8;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay:hover{opacity:1}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta{opacity:.7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:700;text-decoration:none}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta:hover{opacity:1}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta+.cta{margin-left:24px}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta>svg{margin-right:8px}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta.voted{color:#fac002}.pildibildiSection .credits .picItem .imageContainer .ctaOverlay .cta.liked{color:#f60}.pildibildiSection .footer{padding:30px 150px;text-align:center}.pildibildiSection .footer .listLink{font-weight:700;font-size:14px;text-decoration:none;color:#004050;margin:0 10px}.field{min-height:390px;display:grid;grid-gap:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 10px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.field .card{cursor:pointer;-webkit-animation:popCard .3s backwards ease-in;animation:popCard .3s backwards ease-in;width:120px;height:120px;-webkit-perspective:1000px;perspective:1000px;border-radius:5px;-webkit-box-shadow:0 2px 0 rgba(6,93,113,.2);box-shadow:0 2px 0 rgba(6,93,113,.2);overflow:hidden}.field .card.done{opacity:.7}.field .card.done>.inner>.back{-webkit-box-shadow:inset 0 0 0 4px gold;box-shadow:inset 0 0 0 4px gold}.field .card:hover{-webkit-box-shadow:0 0 0 2px #b94300;box-shadow:0 0 0 2px #b94300}.field .card .inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.field .card.opened{pointer-events:none}.field .card.opened .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.field .card .back,.field .card .front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.field .card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-size:cover;background-position:center}.field .card .front{background:url(img/deck0.png) no-repeat center}.field--lvl1 .card .front{background-image:url(img/deck1.png)}.field--lvl2 .card .front{background-image:url(img/deck2.png)}.field--lvl3 .card .front{background-image:url(img/deck3.png)}.pildibildiInfoBox--finished .InfoBoxContentWrap{position:relative;overflow:visible;padding-top:25px}.pildibildiInfoBox--finished .InfoBoxContentWrap::after,.pildibildiInfoBox--finished .InfoBoxContentWrap::before{display:block;position:absolute;content:"";width:100px;height:120px;top:-104px;left:calc(50% - 50px);background:url(img/lock@2x.png) no-repeat center bottom;background-size:96px auto;z-index:2}.pildibildiInfoBox--finished .InfoBoxContentWrap::before{background:url(img/lock_er@2x.png) no-repeat center;background-size:64px auto;height:60px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}@-webkit-keyframes unlockInfoBoxLock{to{-webkit-transform:rotate(-70deg) translate(-3px,-3px);transform:rotate(-70deg) translate(-3px,-3px)}}@keyframes unlockInfoBoxLock{to{-webkit-transform:rotate(-70deg) translate(-3px,-3px);transform:rotate(-70deg) translate(-3px,-3px)}}.pildibildiInfoBox--finished--boss .InfoBoxContentWrap::before{-webkit-animation:unlockInfoBoxLock .5s ease-out forwards 1s;animation:unlockInfoBoxLock .5s ease-out forwards 1s}.pildibildiInfoBox.InfoBox{font-family:Roboto,sans-serif;font-size:16px}.pildibildiInfoBox.InfoBox .InfoBoxTitle{display:none}.pildibildiInfoBox.InfoBox .InfoBoxContentWrap{border-radius:5px}.pildibildiInfoBox.InfoBox .InfoBoxContent{font-size:14px;color:#004050;text-align:center;padding-bottom:15px}.pildibildiInfoBox.InfoBox .InfoBoxContent h1{font:400 22px/1.2 Margarine,"Comic Sans MS",sans-serif;color:#aecb03}.pildibildiInfoBox.InfoBox .InfoBoxContent h1.newBest::before{content:"";background:url(//ifrype.com/i/smilies/v6/fani.gif) no-repeat center;display:inline-block;height:21px;width:21px;background-size:contain;margin-right:.5ch;vertical-align:middle}.pildibildiInfoBox.InfoBox .InfoBoxContent p b{color:#aecb03}.pildibildiInfoBox.InfoBox .InfoBoxContent p.bestTime{font-size:13px}.pildibildiInfoBox.InfoBox .InfoBoxContent p.caption{font-size:12px;margin-bottom:4px}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview{height:126px;background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:64px;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:8px}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview div{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.2);padding:4px;white-space:pre-wrap;line-height:1.3;font-weight:700}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-1{background-image:url(img/preview/1.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-2{background-image:url(img/preview/2.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-3{background-image:url(img/preview/3.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-4{background-image:url(img/preview/4.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-5{background-image:url(img/preview/5.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-6{background-image:url(img/preview/6.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-7{background-image:url(img/preview/7.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-8{background-image:url(img/preview/8.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-9{background-image:url(img/preview/9.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-10{background-image:url(img/preview/10.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-11{background-image:url(img/preview/11.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-12{background-image:url(img/preview/12.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-13{background-image:url(img/preview/13.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-14{background-image:url(img/preview/14.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-15{background-image:url(img/preview/15.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-16{background-image:url(img/preview/16.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-17{background-image:url(img/preview/17.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-18{background-image:url(img/preview/18.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-19{background-image:url(img/preview/19.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .sayPreview-20{background-image:url(img/preview/20.png)}.pildibildiInfoBox.InfoBox .InfoBoxContent .btn{text-decoration:none;display:inline-block;text-align:center;background:rgba(255,255,255,.7);border-radius:50px;padding:0 15px;height:44px;font:400 16px/44px Margarine,sans-serif;-webkit-box-shadow:0 4px 10px rgba(145,199,222,.5);box-shadow:0 4px 10px rgba(145,199,222,.5);background:#aecb03;color:#fff}.pildibildiInfoBox.InfoBox .InfoBoxContent .btn-secondary{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#004050;display:inline-block;width:auto}.pildibildiInfoBox.InfoBox .InfoBoxContent .btn-status-done::before{display:inline-block;content:"";height:21px;width:21px;background:url(//ifrype.com/i/smilies/highfive.gif) no-repeat center;background-size:contain;margin-right:.5ch;vertical-align:middle}.pildibildiInfoBox.InfoBox .InfoBoxContent .btn+.btn{margin-left:15px}.pildibildiInfoBox.InfoBox .InfoBoxContent .btn:active,.pildibildiInfoBox.InfoBox .InfoBoxContent .btn:hover{-webkit-box-shadow:0 2px 10px rgba(145,199,222,.7);box-shadow:0 2px 10px rgba(145,199,222,.7)}