@font-face{font-family:pixles;src:url(./data/gugi-cyrillic.otf)}.releasedHeader .pixelsTop::before,.followButton .pixelsTop::before,.releasedHeader .pixelsTop::after,.followButton .pixelsTop::after,.releasedHeader .pixelsBottom::after,.followButton .pixelsBottom::after,.achievementsButton .pixelsTop::before,.achievementsButton .pixelsTop::after,.achievementsButton .pixelsBottom::after,.research_modal .item.researched .research_button .pixelsTop::before,.research_modal .item.researched .research_button .pixelsTop::after,.research_modal .item.researched .research_button .pixelsBottom::after,.research_modal .item.unavailable .research_button .pixelsTop::before,.research_modal .item.unavailable .research_button .pixelsTop::after,.research_modal .item.unavailable .research_button .pixelsBottom::after,.researchButton_counter .pixelsTop::before,.researchButton .pixelsTop::before,.researchButton_counter .pixelsTop::after,.researchButton .pixelsTop::after,.researchButton_counter .pixelsBottom::after,.researchButton .pixelsBottom::after,.followers .pixelsTop::before,.followers .pixelsTop::after,.followers .pixelsBottom::after,.released_pen__bottom .pixelsTop::before,.released_pen__top .pixelsTop::before,.pen_html .pixelsTop::before,.pen_css .pixelsTop::before,.pen_js .pixelsTop::before,.pen_design .pixelsTop::before,.releasedEmpty .pixelsTop::before,.pip .pixelsTop::before,.mystats .pixelsTop::before,.pen .pixelsTop::before,.make .pixelsTop::before,.complete_modal .pixelsTop::before,.research_modal .pixelsTop::before,.featured_modal .pixelsTop::before,.intro_modal .pixelsTop::before,.name_modal .pixelsTop::before,.endGame .pixelsTop::before,.researchProgress .pixelsTop::before,.username .pixelsTop::before,.startMashing .pixelsTop::before,.auto .pixelsTop::before,.released_pen__bottom .pixelsTop::after,.released_pen__top .pixelsTop::after,.pen_html .pixelsTop::after,.pen_css .pixelsTop::after,.pen_js .pixelsTop::after,.pen_design .pixelsTop::after,.releasedEmpty .pixelsTop::after,.pip .pixelsTop::after,.mystats .pixelsTop::after,.pen .pixelsTop::after,.make .pixelsTop::after,.complete_modal .pixelsTop::after,.research_modal .pixelsTop::after,.featured_modal .pixelsTop::after,.intro_modal .pixelsTop::after,.name_modal .pixelsTop::after,.endGame .pixelsTop::after,.researchProgress .pixelsTop::after,.username .pixelsTop::after,.startMashing .pixelsTop::after,.auto .pixelsTop::after,.released_pen__bottom .pixelsBottom::after,.released_pen__top .pixelsBottom::after,.pen_html .pixelsBottom::after,.pen_css .pixelsBottom::after,.pen_js .pixelsBottom::after,.pen_design .pixelsBottom::after,.releasedEmpty .pixelsBottom::after,.pip .pixelsBottom::after,.mystats .pixelsBottom::after,.pen .pixelsBottom::after,.make .pixelsBottom::after,.complete_modal .pixelsBottom::after,.research_modal .pixelsBottom::after,.featured_modal .pixelsBottom::after,.intro_modal .pixelsBottom::after,.name_modal .pixelsBottom::after,.endGame .pixelsBottom::after,.researchProgress .pixelsBottom::after,.username .pixelsBottom::after,.startMashing .pixelsBottom::after,.auto .pixelsBottom::after{display:block;content:"";position:absolute;width:3px;height:3px;top:0}.releasedHeader .pixelsBottom::before,.followButton .pixelsBottom::before,.achievementsButton .pixelsBottom::before,.research_modal .item.researched .research_button .pixelsBottom::before,.research_modal .item.unavailable .research_button .pixelsBottom::before,.researchButton_counter .pixelsBottom::before,.researchButton .pixelsBottom::before,.followers .pixelsBottom::before,.released_pen__bottom .pixelsBottom::before,.released_pen__top .pixelsBottom::before,.pen_html .pixelsBottom::before,.pen_css .pixelsBottom::before,.pen_js .pixelsBottom::before,.pen_design .pixelsBottom::before,.releasedEmpty .pixelsBottom::before,.pip .pixelsBottom::before,.mystats .pixelsBottom::before,.pen .pixelsBottom::before,.make .pixelsBottom::before,.complete_modal .pixelsBottom::before,.research_modal .pixelsBottom::before,.featured_modal .pixelsBottom::before,.intro_modal .pixelsBottom::before,.name_modal .pixelsBottom::before,.endGame .pixelsBottom::before,.researchProgress .pixelsBottom::before,.username .pixelsBottom::before,.startMashing .pixelsBottom::before,.auto .pixelsBottom::before{display:block;content:"";position:absolute;width:3px;height:3px;top:0}.released_pen__bottom,.released_pen__top,.pen_html,.pen_css,.pen_js,.pen_design,.releasedEmpty,.pip,.mystats,.pen,.make,.complete_modal,.research_modal,.featured_modal,.intro_modal,.name_modal,.endGame,.researchProgress,.username,.startMashing{background:#ffffffcc;box-shadow:0 3px #e7e7e7,0 -3px white,3px 0 white,-3px 0 white,0 -6px #ffffff80,0 6px #ffffff80,6px 0 #ffffff80,-6px 0 #ffffff80,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.released_pen__bottom .pixelsBottom,.released_pen__top .pixelsBottom,.pen_html .pixelsBottom,.pen_css .pixelsBottom,.pen_js .pixelsBottom,.pen_design .pixelsBottom,.releasedEmpty .pixelsBottom,.pip .pixelsBottom,.mystats .pixelsBottom,.pen .pixelsBottom,.make .pixelsBottom,.complete_modal .pixelsBottom,.research_modal .pixelsBottom,.featured_modal .pixelsBottom,.intro_modal .pixelsBottom,.name_modal .pixelsBottom,.endGame .pixelsBottom,.researchProgress .pixelsBottom,.username .pixelsBottom,.startMashing .pixelsBottom,.auto .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.released_pen__bottom .pixelsBottom::after,.released_pen__top .pixelsBottom::after,.pen_html .pixelsBottom::after,.pen_css .pixelsBottom::after,.pen_js .pixelsBottom::after,.pen_design .pixelsBottom::after,.releasedEmpty .pixelsBottom::after,.pip .pixelsBottom::after,.mystats .pixelsBottom::after,.pen .pixelsBottom::after,.make .pixelsBottom::after,.complete_modal .pixelsBottom::after,.research_modal .pixelsBottom::after,.featured_modal .pixelsBottom::after,.intro_modal .pixelsBottom::after,.name_modal .pixelsBottom::after,.endGame .pixelsBottom::after,.researchProgress .pixelsBottom::after,.username .pixelsBottom::after,.startMashing .pixelsBottom::after,.auto .pixelsBottom::after{right:3px;top:-3px;background:#e7e7e7;box-shadow:0 3px #b6a695,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.released_pen__bottom .pixelsBottom::before,.released_pen__top .pixelsBottom::before,.pen_html .pixelsBottom::before,.pen_css .pixelsBottom::before,.pen_js .pixelsBottom::before,.pen_design .pixelsBottom::before,.releasedEmpty .pixelsBottom::before,.pip .pixelsBottom::before,.mystats .pixelsBottom::before,.pen .pixelsBottom::before,.make .pixelsBottom::before,.complete_modal .pixelsBottom::before,.research_modal .pixelsBottom::before,.featured_modal .pixelsBottom::before,.intro_modal .pixelsBottom::before,.name_modal .pixelsBottom::before,.endGame .pixelsBottom::before,.researchProgress .pixelsBottom::before,.username .pixelsBottom::before,.startMashing .pixelsBottom::before,.auto .pixelsBottom::before{left:3px;top:-3px;background:#e7e7e7;box-shadow:0 3px #b6a695,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.released_pen__bottom .pixelsTop,.released_pen__top .pixelsTop,.pen_html .pixelsTop,.pen_css .pixelsTop,.pen_js .pixelsTop,.pen_design .pixelsTop,.releasedEmpty .pixelsTop,.pip .pixelsTop,.mystats .pixelsTop,.pen .pixelsTop,.make .pixelsTop,.complete_modal .pixelsTop,.research_modal .pixelsTop,.featured_modal .pixelsTop,.intro_modal .pixelsTop,.name_modal .pixelsTop,.endGame .pixelsTop,.researchProgress .pixelsTop,.username .pixelsTop,.startMashing .pixelsTop,.auto .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.released_pen__bottom .pixelsTop::after,.released_pen__top .pixelsTop::after,.pen_html .pixelsTop::after,.pen_css .pixelsTop::after,.pen_js .pixelsTop::after,.pen_design .pixelsTop::after,.releasedEmpty .pixelsTop::after,.pip .pixelsTop::after,.mystats .pixelsTop::after,.pen .pixelsTop::after,.make .pixelsTop::after,.complete_modal .pixelsTop::after,.research_modal .pixelsTop::after,.featured_modal .pixelsTop::after,.intro_modal .pixelsTop::after,.name_modal .pixelsTop::after,.endGame .pixelsTop::after,.researchProgress .pixelsTop::after,.username .pixelsTop::after,.startMashing .pixelsTop::after,.auto .pixelsTop::after{right:3px;background:#b6a695}.released_pen__bottom .pixelsTop::before,.released_pen__top .pixelsTop::before,.pen_html .pixelsTop::before,.pen_css .pixelsTop::before,.pen_js .pixelsTop::before,.pen_design .pixelsTop::before,.releasedEmpty .pixelsTop::before,.pip .pixelsTop::before,.mystats .pixelsTop::before,.pen .pixelsTop::before,.make .pixelsTop::before,.complete_modal .pixelsTop::before,.research_modal .pixelsTop::before,.featured_modal .pixelsTop::before,.intro_modal .pixelsTop::before,.name_modal .pixelsTop::before,.endGame .pixelsTop::before,.researchProgress .pixelsTop::before,.username .pixelsTop::before,.startMashing .pixelsTop::before,.auto .pixelsTop::before{left:3px;background:#b6a695}.followers{background:#fcab0b;box-shadow:0 3px #fdbc3d,0 -3px #fcab0b,3px 0 #fcab0b,-3px 0 #fcab0b,0 -6px #e8861c,0 6px #e8861c,6px 0 #e8861c,-6px 0 #e8861c,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.followers .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.followers .pixelsBottom::after{right:3px;top:-3px;background:#fdbc3d;box-shadow:0 3px #e8861c,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.followers .pixelsBottom::before{left:3px;top:-3px;background:#fdbc3d;box-shadow:0 3px #e8861c,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.followers .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.followers .pixelsTop::after{right:3px;background:#e8861c}.followers .pixelsTop::before{left:3px;background:#e8861c}.complete_modal .release,.research_modal .research_button,.featured_modal .awesome,.intro_modal .go,.name_modal .next,.endGame .restart,.researchButton_counter,.researchButton,.auto{background:#a5da60;box-shadow:0 3px #c4ed8e,0 -3px #a5da60,3px 0 #a5da60,-3px 0 #a5da60,0 -6px #89b74c,0 6px #89b74c,6px 0 #89b74c,-6px 0 #89b74c,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.complete_modal .release .pixelsBottom,.research_modal .research_button .pixelsBottom,.featured_modal .awesome .pixelsBottom,.intro_modal .go .pixelsBottom,.name_modal .next .pixelsBottom,.endGame .restart .pixelsBottom,.researchButton_counter .pixelsBottom,.researchButton .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.complete_modal .release .pixelsBottom::after,.research_modal .research_button .pixelsBottom::after,.featured_modal .awesome .pixelsBottom::after,.intro_modal .go .pixelsBottom::after,.name_modal .next .pixelsBottom::after,.endGame .restart .pixelsBottom::after,.researchButton_counter .pixelsBottom::after,.researchButton .pixelsBottom::after{right:3px;top:-3px;background:#c4ed8e;box-shadow:0 3px #89b74c,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.complete_modal .release .pixelsBottom::before,.research_modal .research_button .pixelsBottom::before,.featured_modal .awesome .pixelsBottom::before,.intro_modal .go .pixelsBottom::before,.name_modal .next .pixelsBottom::before,.endGame .restart .pixelsBottom::before,.researchButton_counter .pixelsBottom::before,.researchButton .pixelsBottom::before{left:3px;top:-3px;background:#c4ed8e;box-shadow:0 3px #89b74c,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.complete_modal .release .pixelsTop,.research_modal .research_button .pixelsTop,.featured_modal .awesome .pixelsTop,.intro_modal .go .pixelsTop,.name_modal .next .pixelsTop,.endGame .restart .pixelsTop,.researchButton_counter .pixelsTop,.researchButton .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.complete_modal .release .pixelsTop::after,.research_modal .research_button .pixelsTop::after,.featured_modal .awesome .pixelsTop::after,.intro_modal .go .pixelsTop::after,.name_modal .next .pixelsTop::after,.endGame .restart .pixelsTop::after,.researchButton_counter .pixelsTop::after,.researchButton .pixelsTop::after{right:3px;background:#89b74c}.complete_modal .release .pixelsTop::before,.research_modal .research_button .pixelsTop::before,.featured_modal .awesome .pixelsTop::before,.intro_modal .go .pixelsTop::before,.name_modal .next .pixelsTop::before,.endGame .restart .pixelsTop::before,.researchButton_counter .pixelsTop::before,.researchButton .pixelsTop::before{left:3px;background:#89b74c}.complete_modal .scrap,.research_modal .item.unavailable .research_button,.research_modal .close{background:#df644c;box-shadow:0 3px #ea7f6a,0 -3px #df644c,3px 0 #df644c,-3px 0 #df644c,0 -6px #ba513d,0 6px #ba513d,6px 0 #ba513d,-6px 0 #ba513d,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.complete_modal .scrap .pixelsBottom,.research_modal .item.unavailable .research_button .pixelsBottom,.research_modal .close .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.complete_modal .scrap .pixelsBottom::after,.research_modal .item.unavailable .research_button .pixelsBottom::after,.research_modal .close .pixelsBottom::after{right:3px;top:-3px;background:#ea7f6a;box-shadow:0 3px #ba513d,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.complete_modal .scrap .pixelsBottom::before,.research_modal .item.unavailable .research_button .pixelsBottom::before,.research_modal .close .pixelsBottom::before{left:3px;top:-3px;background:#ea7f6a;box-shadow:0 3px #ba513d,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.complete_modal .scrap .pixelsTop,.research_modal .item.unavailable .research_button .pixelsTop,.research_modal .close .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.complete_modal .scrap .pixelsTop::after,.research_modal .item.unavailable .research_button .pixelsTop::after,.research_modal .close .pixelsTop::after{right:3px;background:#ba513d}.complete_modal .scrap .pixelsTop::before,.research_modal .item.unavailable .research_button .pixelsTop::before,.research_modal .close .pixelsTop::before{left:3px;background:#ba513d}.research_modal .item.researched .research_button{background:#d1d1d1;box-shadow:0 3px #e0e0e0,0 -3px #d1d1d1,3px 0 #d1d1d1,-3px 0 #d1d1d1,0 -6px #c4c4c4,0 6px #c4c4c4,6px 0 #c4c4c4,-6px 0 #c4c4c4,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.research_modal .item.researched .research_button .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.research_modal .item.researched .research_button .pixelsBottom::after{right:3px;top:-3px;background:#e0e0e0;box-shadow:0 3px #c4c4c4,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.research_modal .item.researched .research_button .pixelsBottom::before{left:3px;top:-3px;background:#e0e0e0;box-shadow:0 3px #c4c4c4,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.research_modal .item.researched .research_button .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.research_modal .item.researched .research_button .pixelsTop::after{right:3px;background:#c4c4c4}.research_modal .item.researched .research_button .pixelsTop::before{left:3px;background:#c4c4c4}.achievementsButton{background:#c557e1;box-shadow:0 3px #d77ded,0 -3px #c557e1,3px 0 #c557e1,-3px 0 #c557e1,0 -6px #a848c0,0 6px #a848c0,6px 0 #a848c0,-6px 0 #a848c0,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.achievementsButton .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.achievementsButton .pixelsBottom::after{right:3px;top:-3px;background:#d77ded;box-shadow:0 3px #a848c0,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.achievementsButton .pixelsBottom::before{left:3px;top:-3px;background:#d77ded;box-shadow:0 3px #a848c0,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.achievementsButton .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.achievementsButton .pixelsTop::after{right:3px;background:#a848c0}.achievementsButton .pixelsTop::before{left:3px;background:#a848c0}.releasedHeader{background:#1e4b56;box-shadow:0 3px #315962,0 -3px #1e4b56,3px 0 #1e4b56,-3px 0 #1e4b56,0 -6px #16414c,0 6px #16414c,6px 0 #16414c,-6px 0 #16414c,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:13px}.releasedHeader .pixelsBottom,.followButton .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.releasedHeader .pixelsBottom::after,.followButton .pixelsBottom::after{right:3px;top:-3px;background:#315962;box-shadow:0 3px #16414c,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.releasedHeader .pixelsBottom::before,.followButton .pixelsBottom::before{left:3px;top:-3px;background:#315962;box-shadow:0 3px #16414c,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.releasedHeader .pixelsTop,.followButton .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.releasedHeader .pixelsTop::after,.followButton .pixelsTop::after{right:3px;background:#16414c}.releasedHeader .pixelsTop::before,.followButton .pixelsTop::before{left:3px;background:#16414c}.endGame .share{background:#55c6e2;box-shadow:0 3px #94e5f9,0 -3px #55c6e2,3px 0 #55c6e2,-3px 0 #55c6e2,0 -6px #439db3,0 6px #439db3,6px 0 #439db3,-6px 0 #439db3,9px 0 rgba(0,0,0,0.1),0 9px rgba(0,0,0,0.1);position:relative;padding:12px}.endGame .share .pixelsBottom{width:calc(100% + 12px);position:absolute;left:-6px;bottom:0}.endGame .share .pixelsBottom::after{right:3px;top:-3px;background:#94e5f9;box-shadow:0 3px #439db3,0 6px rgba(0,0,0,0.1),3px 3px rgba(0,0,0,0.1)}.endGame .share .pixelsBottom::before{left:3px;top:-3px;background:#94e5f9;box-shadow:0 3px #439db3,0 6px rgba(0,0,0,0.1),-3px 3px rgba(0,0,0,0.1)}.endGame .share .pixelsTop{width:calc(100% + 12px);position:absolute;left:-6px;top:-3px}.endGame .share .pixelsTop::after{right:3px;background:#439db3}.endGame .share .pixelsTop::before{left:3px;background:#439db3}.complete_modal .release,.complete_modal .scrap,.research_modal .research_button,.research_modal .close,.featured_modal .awesome,.intro_modal .go,.name_modal .next,.endGame .share,.endGame .restart,.followButton,.achievementsButton,.researchButton_counter,.researchButton{position:relative}.complete_modal .release:active,.complete_modal .scrap:active,.research_modal .research_button:active,.research_modal .close:active,.featured_modal .awesome:active,.intro_modal .go:active,.name_modal .next:active,.endGame .share:active,.endGame .restart:active,.followButton:active,.achievementsButton:active,.researchButton_counter:active,.researchButton:active{transform:translateY(2px)}.complete_modal .release::after,.complete_modal .scrap::after,.research_modal .research_button::after,.research_modal .close::after,.featured_modal .awesome::after,.intro_modal .go::after,.name_modal .next::after,.endGame .share::after,.endGame .restart::after,.followButton::after,.achievementsButton::after,.researchButton_counter::after,.researchButton::after{content:"";display:block;width:30px;-webkit-filter:blur(24px);height:30px;background:rgba(255,255,255,0.3);position:absolute;height:50px;transform:rotate(-30deg) skewy(31deg);color:white;top:-5px;right:100%;transition:all .4s}.complete_modal .release:hover::after,.complete_modal .scrap:hover::after,.research_modal .research_button:hover::after,.research_modal .close:hover::after,.featured_modal .awesome:hover::after,.intro_modal .go:hover::after,.name_modal .next:hover::after,.endGame .share:hover::after,.endGame .restart:hover::after,.followButton:hover::after,.achievementsButton:hover::after,.researchButton_counter:hover::after,.researchButton:hover::after{right:0}.magic{position:fixed;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);z-index:10;width:100%;height:100%;background:black;display:none}.magic img{width:100%}.grain{position:fixed;top:0;left:0;z-index:4;pointer-events:none}.swatch{box-shadow:inset 3px 0 rgba(0,0,0,0.1),inset -3px 0 rgba(255,255,255,0.3) !important;width:12px !important;height:11px}.swatch.html{background:#f1753f}.swatch.css{background:#2965f1}.swatch.js{background:#f3e273}.swatch.design{background:#9d28e0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00bcd4}.auto{background:#a5da60;text-align:left;position:absolute;bottom:-12px;height:6px;z-index:2;line-height:7px;left:0;right:-480px;margin:auto;cursor:pointer;width:140px}.auto img{width:15px;position:absolute;right:6px;top:7px}.auto.off .tick{display:none}.auto.off .cross{display:block}.auto.on .tick{display:block}.auto.on .cross{display:none}.startMashing{text-align:center;position:absolute;bottom:40px;height:160px;z-index:2;line-height:160px;left:0;right:0;margin:auto;width:500px}.startMashing h2{position:relative;top:-13px}.startMashing h2 img{width:20px;position:absolute;left:0;right:0;margin:auto;top:100px;-webkit-animation:key .3s linear infinite;animation:key .3s linear infinite}@-webkit-keyframes key{from{top:100px}to{top:102px}}@keyframes key{from{top:100px}to{top:102px}}.researchButton{width:203px;color:#476323;float:left;clear:left;margin-top:27px;cursor:pointer}.researchButton_counter{right:-20px;width:30px;color:#476323;float:left;text-align:center;clear:left;margin-top:27px;top:-55px;height:30px;line-height:31px;cursor:pointer;padding:0;position:absolute;z-index:1}.researchButton img{width:12px;position:absolute;top:18px;right:18px}.username{float:left;padding:8px 12px 0 10px;position:relative;top:30px}.username img{width:45px;position:absolute;left:-24px;top:-36px}.achievementsButton{width:203px;display:none;color:#75168d;float:left;clear:left;margin-top:27px;cursor:pointer}.achievementsButton img{width:12px;position:absolute;top:18px;right:18px}.followButton{width:230px;height:80%;color:#75168d;float:left;clear:left;margin-top:20px;cursor:pointer;color:#c4ebfd}.date{float:right;position:absolute;right:40px;top:15px}.date img{width:21px;position:relative;top:2px}.floor{background:#e1dac5;background:url("./data/3.jpg");background-size:100%100%;position:fixed;bottom:0;height:39%;width:100%;left:0;z-index:-1;border-top:30px solid #0e1813d1}.options{position:absolute;right:34px;top:81px}.options_bg img{width:21px}.options_sf img{width:18px;margin-right:10px}.options div{float:left;transition:all 1s;cursor:pointer}.overlay{position:fixed;left:0;top:0;width:100%;cursor:pointer;height:100%;background:rgba(0,0,0,0.7);z-index:3;opacity:.89}.researchProgress{position:absolute;left:0;right:0;margin:auto;top:50%;width:200px;transform:translateY(-50%);display:none}.researchProgress .bar{width:100%;height:6px;border-bottom:3px solid #d6c9bc;position:relative}.researchProgress .bar_inner{width:0;height:6px;position:absolute;left:0;background:#fcab0b;box-shadow:0 3px inset #fdbc3d}.researchProgress .bar_inner.animate{-webkit-animation:bar 4s linear;animation:bar 4s linear}@-webkit-keyframes bar{from{width:0}to{width:100%}}@keyframes bar{from{width:0}to{width:100%}}.endGame{display:none;text-align:center;width:600px;position:absolute !important;z-index:3;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);padding:40px;text-align:ceter}.endGame hr{border:0;width:95%;border-top:3px solid #efedea;margin-bottom:30px;box-shadow:0 3px rgba(0,0,0,0.02);z-index:2;position:relative}.endGame h3{text-align:center;font-weight:normal;font-size:16px;margin:15px 24px 23px 24px}.endGame h1{font-size:50px;color:#f8ab12}.endGame .restart{color:#476323;position:absolute;bottom:-26px;width:190px;text-align:center;margin:auto;left:220px;cursor:pointer;right:0}.endGame .share{color:#1c3940;position:absolute;bottom:-26px;width:190px;text-align:center;margin:auto;left:-240px;cursor:pointer;right:0}.endGame__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.endGame__header p{position:absolute;width:100%;text-align:center;top:71px;color:#c4ebfd;left:4px}.endGame__header img{width:282px}.name_modal{text-align:center;width:600px;transition:all .5s;height:250px;position:absolute !important;z-index:3;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);padding:40px;text-align:center}.name_modal hr{border:0;width:95%;border-top:3px solid #efedea;margin-bottom:-1px;box-shadow:0 3px rgba(0,0,0,0.02);z-index:2;position:relative}.name_modal h3{text-align:center;font-weight:normal;font-size:16px;margin:15px auto;width:35ch;animation:typing 2s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:2px solid}@keyframes typing{from{width:0}}.name_modal .text{margin:20px 0}.name_modal input{font-family:pixles;font-size:16px;font-weight:normal;outline:0;text-align:center;padding:19px;width:360px;border-radius:5px;color:#352c22;margin-top:67px;border:3px solid #f0eeeb}.name_modal .next{color:#476323;position:absolute;bottom:-26px;width:140px;text-align:center;margin:auto;left:0;cursor:pointer;right:0}.name_modal__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.name_modal__header p{position:absolute;width:100%;text-align:center;top:71px;color:#c4ebfd;left:4px}.name_modal__header img{width:282px}.intro_modal{left:200%;text-align:center;width:600px;height:auto;position:absolute !important;z-index:3;transition:all .5s;right:0;margin:auto;top:50%;transform:translateY(-50%);padding:40px;text-align:center}.intro_modal hr{border:0;width:95%;border-top:3px solid #efedea;margin-bottom:-1px;box-shadow:0 3px rgba(0,0,0,0.02);z-index:2;position:relative}.intro_modal h3{text-align:center;font-weight:normal;font-size:16px;margin:15px 24px 23px 24px}.intro_modal .text{margin:20px 0}.intro_modal .go{color:#476323;position:absolute;bottom:-26px;width:140px;text-align:center;margin:auto;left:0;cursor:pointer;right:0}.intro_modal__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.intro_modal__header p{position:absolute;width:100%;text-align:center;top:71px;color:#c4ebfd;left:4px}.intro_modal__header img{width:282px}.featured_modal{display:none;text-align:center;width:600px;height:250px;position:absolute !important;z-index:3;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);padding:40px;text-align:left}.featured_modal h3{text-align:center;font-weight:normal;font-size:16px;margin:24px}.featured_modal hr{border:0;border-top:3px solid #efedea;margin-bottom:40px}.featured_modal__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.featured_modal__header p{position:absolute;width:100%;text-align:center;top:71px;color:#c4ebfd;left:4px}.featured_modal__header img{width:282px}.featured_modal .name{color:#29241f}.featured_modal .picker{color:orange}.featured_modal__text{padding-top:15px}.featured_modal .awesome{color:#476323;position:absolute;bottom:-26px;width:140px;text-align:center;margin:auto;left:0;cursor:pointer;right:0}.featured_modal__image{float:left;margin-right:30px}.featured_modal__image img{width:198px}.research_modal{transition:all .7s;width:300px;height:40px;display:none;text-align:center;position:absolute !important;z-index:4;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%)}.research_modal .hide{display:none}.research_modal h3{text-align:center;font-weight:normal;font-size:16px;margin:40px 24px 24px 24px}.research_modal hr{border:0;width:95%;border-top:3px solid #efedea;margin-bottom:-1px;box-shadow:0 3px rgba(0,0,0,0.02);z-index:2;position:relative}.research_modal__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.research_modal__header p{position:absolute;width:100%;text-align:center;top:67px;color:#c4ebfd;left:1px}.research_modal__header img{width:282px}.research_modal .close{background:#ffffffcc;box-shadow:0 3px #e7e7e7,0 -3px white,3px 0 white,-3px 0 white,0 -6px #b6a695,0 6px #b6a695,6px 0 #b6a695,-6px 0 #b6a695,9px 0 rgb(0 0 0 / 10%),0 9px rgb(0 0 0 / 10%);color:#892e1f;cursor:pointer;position:absolute;right:-22px;top:-22px;width:auto;height:10px;z-index:3;line-height:11px}.research_modal::after{position:fixed;bottom:15px;left:0;width:98%;height:40px;display:block;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,white 100%);content:""}.research_modal__list{padding:1px 20px 20px 20px;overflow-y:scroll;height:288px;position:relative}.research_modal .item{float:left;clear:left;border-top:3px solid #f2f2f2;padding:24px 0 21px 0;width:95%;position:relative;left:11px}.research_modal .item:first-child{border:0}.research_modal .item.unavailable .research_button{color:#782e1f}.research_modal .item.researched::after{display:block;position:absolute;right:-16px;top:6px;content:url(./data/rTick.png)}.research_modal .item.researched .name,.research_modal .item.researched .stat{opacity:.45}.research_modal .item.researched .research_button{color:#959595}.research_modal .sep{margin:0 6px}.research_modal .name{float:left}.research_modal .green{color:#89b74c}.research_modal .stat{float:left}.research_modal .stat img{width:6px;margin-left:4px}.research_modal .research_button{right:0;color:#476323;float:right;cursor:pointer;top:-6px;padding:4px !important;float:right;position:absolute !important;top:18px;width:170px}.research_modal .research_button img{width:17px;position:relative;left:-4px}.research_modal .research_button .cost{color:white}.complete_modal{display:none;opacity:0;text-align:center;transition:all .7s;width:300px;height:40px;position:absolute !important;z-index:3;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%)}.complete_modal .swatch{position:relative;left:49px;top:3px}.complete_modal h4{font-weight:normal;font-size:16px}.complete_modal div.hide{display:none}.complete_modal__header{position:absolute;left:0;right:0;margin:auto;width:282px;top:-87px}.complete_modal__header p{position:absolute;width:100%;text-align:center;top:68px;color:#c4ebfd;left:1px}.complete_modal__header img{width:282px}.complete_modal .scrap{position:absolute;bottom:0;width:240px;bottom:-25px;color:#782e1f;cursor:pointer;left:30px}.complete_modal .scrap img{width:15px;float:right;position:relative;top:1px}.complete_modal hr{border:0;border-top:3px solid #efedea;margin-bottom:20px;margin-top:22px;width:60%}.complete_modal h2{margin:20px 0 6px 0}.complete_modal .release{cursor:pointer;color:#476323;position:absolute;bottom:0;width:240px;right:30px;bottom:-25px}.complete_modal .release img{width:18px;float:right;position:relative;top:6px}.complete_modal h3{font-size:16px;font-weight:normal;margin:30px 0}.complete_modal__stats .html img{width:48px;margin-top:-5px}.complete_modal__stats .css img{width:48px;margin-top:-5px}.complete_modal__stats .js img{width:48px;margin-top:-5px}.complete_modal__stats .design img{width:50px;margin-top:-5px}.complete_modal__stats div{float:left;text-align:center;width:25%;box-shadow:inset -3px 0 #f1ebe4}.complete_modal__stats div:last-child{box-shadow:none}.complete_modal__stats div span{display:block;margin-top:17px;position:relative;left:4px}.make{position:absolute !important;left:0;right:0;width:200px;margin:auto;bottom:40px;border:0;cursor:pointer;outline:0}body{background:url("./data/1.gif");color:#594c3d;margin:40px;overflow:hidden}img{image-rendering:auto;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}img.m{position:absolute;left:0;right:0;margin:auto;top:53%;left:-40px;transform:translateY(-50%);width:480px}.followers{color:#795548;float:right;transform:translateX(calc(100% + -3px));right:0;z-index:3;bottom:12px;position:absolute !important;padding:13px 26px !important}.followers span{color:#fff}.followers img{width:44px;left:-25px;top:-18px;z-index:2;position:absolute}h2{font-weight:normal;margin:0 0 6px 0;font-size:16px}body,button{font-family:pixles;text-transform:none;font-size:16px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pen{height:52px}.pen_bar{width:100%;height:6px;border-bottom:3px solid #d6c9bc;position:relative}.pen_bar_progress{width:0;height:6px;position:absolute;left:0;background:#fcab0b;box-shadow:0 3px inset #fdbc3d}.mystats{margin-top:65px;float:left;padding:30px;clear:left}.mystats img{width:45px;position:absolute;left:-24px;top:-24px;z-index:1}.mystats .pixelsBottom,.mystats .pixelsTop{width:calc(100% + -4px)}.mystats .swatch{width:12px;height:11px;position:relative;top:3px;left:-16px;margin-right:6px;padding:0;float:left;margin-right:-10px}.mystats div{padding-left:16px}.mystats_html{clear:left}.mystats_html .swatch{background:#f1753f}.mystats_css{clear:left}.mystats_css .swatch{background:#2965f1}.mystats_js{clear:left}.mystats_js .swatch{background:#f3e273}.mystats_design{clear:left}.mystats_design .swatch{background:#9d28e0}.mystats h2{border-bottom:3px solid #d6c9bc;float:left;margin-bottom:16px}.mystats span.val{display:inline-block;position:relative;left:-8px;color:#594c3d}.mystats span{color:#d6c9bc}p{margin:0}.pip{background:white;position:absolute;left:0;line-height:0;right:0;margin:auto;text-align:center;width:30px;padding:11px 7px 2px 7px;height:10px;top:50%}.sep{display:inline-block;width:2px;height:10px;background:#d6c9bc}.releasedEmpty{clear:both;float:right;margin-top:249px;height:60px;line-height:61px;position:absolute;right:53px;width:303px}.pen{position:absolute;left:0;right:0;margin:auto;width:728px}.pen .swatch{width:12px;height:11px;position:relative;top:3px;margin-left:2px;float:left;margin-right:-10px}.pen_html .swatch{background:#f1753f}.pen_css .swatch{background:#2965f1}.pen_js .swatch{background:#f3e273}.pen_design .swatch{background:#9d28e0}.pen_html,.pen_css,.pen_js,.pen_design{float:left;position:relative;top:18px;margin-right:27px;padding:3px;width:149px;left:13px;text-align:center}.releasedHeader{float:right;color:#c4ebfd;position:absolute;margin-top:195px;top:15px;right:194px}.releasedHeader img.icon{width:21px;top:4px;position:relative}.releasedHeader img.arrow{width:6px;top:0;position:relative}.released{clear:both;float:right;margin-top:228px;height:370px;overflow:scroll;padding:0 40px 20px 6px;position:relative;left:20px;width:310px;overflow-x:hidden;// border-top:3px solid #bfaf9d}.released::after{display:block;content:"";position:fixed;right:0;top:641px;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 10%,#e1dac500 100%);width:390px;height:80px;z-index:2}.released_pen{transition:all 1s;float:left;clear:left;margin-top:17px;height:0}.released_pen__top{z-index:2;height:66px;padding:10px}.released_pen__bottom{height:20px;top:-72px;transition:all 1s;padding-top:30px;width:calc(100% - 48px);left:12px}.released_pen__bottom .sep{margin:0 9px}.released_pen__bottom img{margin-right:6px;position:relative}.released_pen__bottom img.views{width:21px;top:2px}.released_pen__bottom img.likes{width:15px;top:3px}.released_pen__bottom img.comments{width:18px;top:3px}.released_pen .star{position:absolute;right:10px;top:9px}.released_pen .star img{width:15px}.released_pen__graph{height:34px;position:relative;width:300px;border-left:3px solid #e7e7e7;border-bottom:3px solid #e7e7e7;margin:8px 0}.released_pen__graph .line{width:10px;height:40px;max-height:34px;float:left;position:relative;bottom:0;background:#ff992c}.ya-units-grid{font-size:16px;border:solid 1px darkgray;border-radius:18px;background:#fff}[class*="ad-age"]{top:1em;left:1em;border-radius:9px;padding:.5em 1em;font-size:1em}.content{display:flex;flex-direction:row;padding:16px;width:70vw}.left-pane{flex:2;flex-shrink:0}.right-pane{flex:1;min-width:250px;max-width:400px;padding-left:16px;display:flex;flex-direction:column;overflow:hidden;word-wrap:break-word}.header{display:flex;flex-direction:row;min-height:1.66em}.ya-unit-image{border-radius:18px;overflow:hidden}.ya-unit-logo{width:1.66em;height:1.66em;flex-shrink:0}.ya-unit-domain{margin:auto 0 auto 8px;font-size:1em;color:#222426}.ya-unit-category{margin-left:8px;color:#939cb0;padding:0 .4em;background:rgba(236,238,242,0.8);border-radius:4px;font-size:1em;line-height:1.6em}.ya-unit-title{font-size:2em;color:#222;font-weight:700;margin-top:1em}.ya-unit-item-hovered .ya-unit-title{color:#d00}.ya-unit-desc{font-size:1.25em;color:#222;margin-top:.6em}.ya-unit-sitelinks{font-size:1.25em;color:#222;line-height:1.6em;font-weight:600}.ya-unit-sitelink{margin-top:.4em}.ya-unit-sitelink:hover{color:#d00}.ya-ad-close{width:2em;height:2em;border-radius:1em;margin:12px;background-color:transparent}.ya-ad-close:hover{background-color:rgba(100,100,100,0.1)}.ya-unit-wrapper-visible .button{animation:button-color .3s ease-out 1s;animation-fill-mode:forwards}.button{display:flex;justify-content:center;align-items:center;border:1px solid #383845;border-radius:.5em;width:100%;text-align:center;pointer-events:initial;min-height:2em;font-size:1.25em;color:#37f}.sizer{height:100%}.yrw-warning-text{font-size:1.5em}@keyframes button-color{100%{border-color:#e4edff;background-color:#e4edff}}