/*!* Pome game.
*
* @author sizeof(cat) <sizeofcat AT riseup.net>
* @copyright 2019 - 2021 sizeof(cat)
* @version 1.0.0
* @license GPL-3.0-or-later*/@font-face{font-family:eczar;font-style:normal;font-weight:400;src:local('Eczar Regular'),local(Eczar-Regular),url(../fonts/font.woff2) format('woff2')}.application{position:relative;background-color:#1f1f1f;color:#fafafa;margin:0;padding:0;font-family:eczar,serif;width:360px;top:0;left:0;height:100%}.application header{background-color:#1f1f1f;font-size:28px;overflow:hidden;width:100%;text-transform:uppercase;line-height:28px}.application .column{color:#6648ee;font-weight:400;text-align:center;font-style:italic}.application .column.first{float:left;margin:0;color:#f6bdff;padding:4px 0 4px 10px;text-align:left}.application .column.second{float:right;margin:0;color:#70efde;padding:4px 10px 4px 0;text-align:right}.application .column.third{text-align:center;margin:0;color:#f24264;font-size:36px;padding:5px 0 0}.application footer{padding:8px 4px 12px;text-align:center;position:absolute;bottom:0;width:100%;box-sizing:border-box;z-index:999;background-color:#1f1f1f;display:none}.application footer .button{margin:0!important}.application .content{position:absolute;width:360px;height:calc(100% - 38px);text-align:center;color:#fff;background-color:#1f1f1f;z-index:999;overflow:hidden}.application .content h1{font-size:50px;margin:10px 0;position:absolute;text-shadow:0 0 3px #000,0 0 3px #000,0 0 10px #000;top:20px;left:50%;transform:translateX(-50%);color:#fff}.application .notification{position:absolute;left:0;top:38px;z-index:100;width:100%;color:#fff;text-align:center;background:#1f1f1f;opacity:.9;text-transform:uppercase;font-size:18px}.application .select,.application .input{border-radius:3px;font-size:14pt;padding:3px 10px;background-color:#5b61ed;color:#fff;width:160px;text-align:center;border:1px solid #5b61ed;box-sizing:border-box}.application .button{background-color:#bb86fc;border-radius:3px;cursor:pointer;color:#000;margin:10px;font-size:26px;line-height:34px;padding:10px 20px}.application .button.secondary{background-color:#54dbc5}.application .button.tertiary{background-color:#555;padding:3px}.application .button.attention{background-color:#f24264}.application ul.settings{list-style-type:none;margin:0 80px;padding:0;text-align:center}.application #board{margin:0;width:100%;position:relative;overflow:hidden;height:calc(100vh - 98px)}.application .main-menu{position:absolute;bottom:0;width:100%;background-color:#1f1f1f}.application .panel.settings,.application .panel.scores,.application .panel.about{display:none;margin:10px;background-color:#1f1f1f;padding:10px 0;text-align:left!important;border-radius:3px}.application .loading{text-align:center}.application .scoreboard{display:none;margin:0;padding:0}.application .scoreboard li{margin:0 auto;font-style:italic;padding:5px 0!important;list-style-type:none;position:relative;overflow:hidden}.application .panel p,.application .panel li{font-size:15px;margin:0;padding:0}.application .block{display:block;position:absolute;z-index:10;cursor:pointer;transition:top .2s ease-in,left .2s ease-in;padding:4px;box-sizing:border-box}.application .block:after{display:block;content:"";width:100%;height:100%;border-radius:10px;background-size:1200% 100%;background-repeat:no-repeat;background-color:#efefef;border:1px solid #efefef}.application .block.blackhole:after{background-size:1200% 100%;animation:anim_blackhole .6s steps(8,end) infinite}.application .theme0 .block:after{background-image:url(../img/sprite0.png)}.application .theme1 .block:after{background-image:url(../img/sprite1.png)}.application .theme2 .block:after{background-image:url(../img/sprite2.png)}.application .theme3 .block:after{background-image:url(../img/sprite3.png)}.application .theme4 .block:after{background-image:url(../img/sprite4.png)}.application .theme5 .block:after{background-image:url(../img/sprite5.png)}.application .theme6 .block:after{background-image:url(../img/sprite6.png)}.application .theme7 .block:after{background-image:url(../img/sprite7.png)}.application .theme8 .block:after{background-image:url(../img/sprite8.png)}.application .block.supernova{animation:anim_supernova 2.4s infinite;animation-timing-function:linear}.application .block.gravitron{animation:anim_gravitron 2.4s infinite;animation-timing-function:linear}.application .block_1:after{background-position:0 0}.application .block_2:after{background-position:9.09% 0}.application .block_3:after{background-position:18.18% 0}.application .block_4:after{background-position:27.27% 0}.application .block_5:after{background-position:36.36% 0}.application .block_6:after{background-position:45.45% 0}.application .block_7:after{background-position:54.54% 0}.application .block_8:after{background-position:63.63% 0}.application .block_9:after{background-position:72.72% 0}.application .block_10:after{background-position:81.81% 0}.application .block_11:after{background-position:90.9% 0}.application .block_12:after{background-position:100% 0}.application .block_1.supernova,.application .block_1.gravitron{background-position:0 0,0 0}.application .block_2.supernova,.application .block_2.gravitron{background-position:9.09% 0,0 0}.application .block_3.supernova,.application .block_3.gravitron{background-position:18.18% 0,0 0}.application .block_4.supernova,.application .block_4.gravitron{background-position:27.27% 0,0 0}.application .block_5.supernova,.application .block_5.gravitron{background-position:36.36% 0,0 0}.application .block_6.supernova,.application .block_6.gravitron{background-position:45.45% 0,0 0}.application .block_7.supernova,.application .block_7.gravitron{background-position:54.54% 0,0 0}.application .block_8.supernova,.application .block_8.gravitron{background-position:63.63% 0,0 0}.application .block_9.supernova,.application .block_9.gravitron{background-position:72.72% 0,0 0}.application .block_10.supernova,.application .block_10.gravitron{background-position:81.81% 0,0 0}.application .block_11.supernova,.application .block_11.gravitron{background-position:90.9% 0,0 0}.application .block_12.supernova,.application .block_12.star{background-position:100% 0,0 0}.application .flash,.application .block.hint{animation-name:hint_pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.application .block.near:after{box-shadow:inset 0 0 15px #000}.application .explosion{position:absolute;z-index:40;background-image:url(../img/explosion.png)!important;background-size:1200% 100%;width:37.5%;height:37.5%;animation:anim_explosion 1s steps(12,end) 1}.application .best_combo,.application .best_score{font-size:20px;opacity:.6}.application .game-username{margin-bottom:10px}.application .high-score-name{color:#efc5ff;float:right;background:#1f1f1f;padding-left:7px;padding-right:6px;z-index:3;position:absolute;right:0;top:0}.application .high-score-score{color:#87eadc;background:#1f1f1f;padding-right:11px;position:relative}.application .scoreboard li:after{content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";opacity:.3;white-space:nowrap;position:absolute;z-index:1;font-size:20px}.application .scoreboard li{line-height:36px;font-size:30px}.application .scoreboard li:first-child{line-height:46px;font-size:35px}.application .scoreboard li:last-child{line-height:33px;font-size:27px}.application .button.attention{animation-name:RESET-BTN;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}.application #intro{position:relative;overflow:hidden;height:100%;width:100%}.application #intro:before{content:"";position:absolute;width:500%;height:500%;top:-150%;left:-150%;z-index:-1;background:url(../img/intro.png) repeat;transform:rotate(30deg);animation-name:MOVE-BG;animation-duration:45s;animation-timing-function:linear;animation-iteration-count:infinite}::placeholder{color:rgba(255,255,255,.7);opacity:1}::-ms-input-placeholder,:-ms-input-placeholder{color:rgba(255,255,255,.7)}@keyframes anim_explosion{from{background-position:0 0}to{background-position:109.09% 0}}@keyframes hint_pulse{from{opacity:0}to{opacity:1}}@keyframes anim_blackhole{from{background-position:0 0}to{background-position:114.2857% 0}}@keyframes anim_supernova{from{transform:rotateZ(0deg)}to{transform:rotateZ(359deg)}}@keyframes anim_gravitron{from{transform:rotateY(0deg)}to{transform:rotateY(359deg)}}@media(max-width:440px){.application{width:100%}.application .content{width:100%}.application #board{margin:0 auto}.application .block{padding:2px}}@media(min-width:441px){.application{overflow:hidden;margin:0 auto;max-height:100vh;height:640px;box-sizing:content-box;border-radius:5px;box-shadow:0 0 10px #000;border:10px solid #1f1f1f;border-bottom:none;width:calc( 100% - 60px);max-width:600px}.application .content{width:100%;max-width:600px}.column.second,.column.first{padding-left:0;padding-right:0}.application .button{margin:10px 0}}@media(min-width:1600px){.application{max-height:100%;height:calc( 100% - 60px);width:calc( 100% - 60px);max-width:calc( 100vh - 60px)}.application .content{max-width:100%}}@keyframes MOVE-BG{from{transform:translate(0,0) rotate(30deg)}to{transform:translate(-50%,-15%) rotate(30deg)}}@keyframes RESET-BTN{from{background-color:#f24264}to{background-color:#555}}