html{height:100%;margin:0;font-family:comic-sans,century gothic,verdana,arial,sans-serif}body{background:linear-gradient(#0000,#00000059),url(/build/assets/DrTonBackground-DcyRwrOq.png);height:100%;margin:0}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#playingFieldContainer{background-color:#07d2fb;border:10px solid #07d2fb;border-radius:10px;position:relative;box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#playingField{background-color:#000;border-radius:5px;position:relative}.disapearing{transition:all .5s ease-out;transform:scale(0)}.playing-block{position:absolute;overflow:hidden}.playing-block .block:first-child{float:left;box-shadow:inset 0 0 20px #00000080}.playing-block .block:last-child{float:right;box-shadow:inset 0 0 20px #00000080}.critter{background:repeating-radial-gradient(circle,#00000059,#00000005 4px);border-radius:10px;position:absolute}#nextPlayingBlockContainer{background:#000;border:10px solid #07d2fb;border-radius:10px;width:96px;height:48px;padding:24px 48px;position:absolute;top:50px;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#scoreboard{background:#f2ffca;border:10px solid #ff0;border-radius:10px;width:328px;height:232px;padding:20px;font-family:Consolas,Courier,Arial;font-size:32px;position:absolute;top:50px;right:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#scoreboard .current-score{margin:30px 20px}#scoreboard .current-score #currentScore{text-align:right}#scoreboard .top-score{margin:20px}#scoreboard .top-score #topScore{text-align:right}#credits{background:url(/build/assets/DrTonCredits-BOkYsIA4.png);border:10px solid #07d2fb;border-radius:10px;width:368px;height:272px;position:absolute;bottom:0;right:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#progress{background:#f2ffca 0 0/cover;border:10px solid #ff0;border-radius:10px;width:152px;height:182px;padding:20px;font-family:Consolas,Courier,Arial;font-size:32px;position:absolute;bottom:50px;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#progress #level{margin:10px 20px 20px}#progress #level #levelCount{text-align:right}#progress #virus{margin:20px}#progress #virus #critterCount{text-align:right}#drton{background:url(/build/assets/DrTonHooffie-C-LsTne7.png) 0 0/cover;border:10px solid #07d2fb;border-radius:10px;width:192px;height:192px;position:absolute;top:200px;left:calc(100% + 50px);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#enterScoreScreen{text-align:center;border:10px solid #ff0;border-radius:10px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 19px 50px #0000004d,0 15px 25px #00000038}#enterScoreScreen input{text-align:center;padding:10px;font-size:18px}#leaderboardContainer{border:10px solid #ff0;border-radius:10px;padding:20px;overflow:hidden}.paused{z-index:10000;background-color:#000c;width:100%;height:100%;display:none;position:fixed}.paused.active{display:block}.paused>div{text-align:center;width:100%;position:absolute;top:40%}.paused h2,.paused span{color:#fff}
