@keyframes sink{0%{padding-bottom:0;transform:translateY(0)}to{padding-bottom:70px;transform:translateY(70px)}}@keyframes wave{to{transform:translateY(10%)}}@keyframes grow{0%{transform:scale(1)}}bar,e,e::after{position:absolute}e{top:14px;height:36px;width:36px;left:16px}e[gid][sink]{box-sizing:border-box;background-clip:content-box;animation:1s sink ease-out;transform:translateY(70px);padding-bottom:70px}e[gid][sink]::after{display:none}bar,e::after{left:0}e::after{content:'';top:0;line-height:1;font-size:10px}e[enemy]::after{content:'!'}e[armor-up]::after{content:'U'}e[gid]{background:#d62527 url(img/sprite.png)}e[gid="4"],e[gid="6"]{background-color:#369b00}e[gid="2"],e[gid="5"]{background-color:#333}e[gid="2"][level="2"],e[gid="3"][level="2"],e[gid="4"][level="2"],e[gid="5"][level="2"]{background-position-x:-36px}e[gid="2"][level="3"],e[gid="3"][level="3"],e[gid="4"][level="3"],e[gid="5"][level="3"]{background-position-x:-72px}e[gid="6"],e[gid="7"]{width:41px;height:51px;left:12px;top:2px;background-position-y:-36px}e[gid="6"][level="2"],e[gid="7"][level="2"]{background-position-x:-41px}e[gid="6"][level="3"],e[gid="7"][level="3"]{background-position-x:-82px}e[gid="10"]{top:32px;left:22px;background-color:transparent;background-position-x:-108px}e[gid="10"]::after{content:attr(timeout);top:-14px;left:6px}bar{height:2px}bar.hp{bottom:-4px;background:#d62527}bar.armor{bottom:-6px;background:#fff}button::after,button::before,intro{position:absolute;height:100%;width:100%}flag{display:block;margin:auto;height:300px;width:50%;transform-origin:center 20%}flag span{image-rendering:-moz-crisp-edges;image-rendering:pixelated;animation:wave 2s ease-in-out infinite alternate;background:#333 no-repeat url(img/skull.png) 50%;background-size:200px 60%;height:100%;display:inline-block}button,q{text-align:center}q{width:100%;bottom:0;position:fixed;font-size:11px}button{font-family:pixel-font,sans-serif;text-transform:uppercase;position:relative;display:inline-block;padding:.3em 2em .5em;font-size:14px;color:#fff;background:#333;box-shadow:inset -3px -3px 0 0 #666}button:hover{box-shadow:inset -4px -4px 0 0 #666}button:active{background:#333;box-shadow:inset 3px 3px 0 0 #666}button::after,button::before{content:'';box-sizing:content-box}button::before{top:-4px;left:0;border-top:4px solid #fff;border-bottom:4px solid #fff}button::after{left:-4px;top:0;border-left:4px solid #fff;border-right:4px solid #fff}button:focus{outline:0}@font-face{font-family:'pixel-font';src:url(retro-subset.woff2) format("woff2");-webkit-font-smoothing:none;font-smooth:never}body,h1{color:#fff}body{margin:0;background:#333}#app{font-family:pixel-font,sans-serif;text-transform:uppercase}h1,menu{width:100%;text-align:center}h1{bottom:5%}bar.dmg,h1,menu{position:fixed}menu{bottom:20%;padding:0}bar.dmg{height:5px;background:#369b00;border-right:100vw solid;z-index:5}game-over,victory{top:40%;font-size:40px;text-shadow:2px 2px #fff;transform:scale(2);animation:grow 1s ease-out}game-over{color:#d62527}game-over,grats,victory{position:fixed;width:100%;text-align:center}victory{color:#369b00}grats{bottom:16%}[game-over]{opacity:.2}menu button{margin:10px 0}.stats-bar,l,w{position:relative;display:inline-block}.stats-bar{margin:5px 0;vertical-align:middle;color:#369b00;background:#369b00;border:2px solid #333;height:20px;width:110px}.stats-bar.warning{color:#9c7516;background:#9c7516}.stats-bar.danger{color:#d62527;background:#d62527}.stats-bar span{position:absolute;top:0;bottom:0;left:100%;right:0;line-height:1.2;background:#fff}world{overflow:scroll;display:block;margin:auto;width:1280px;background:#00c0ff;scroll-behavior:smooth}l,w{overflow:hidden;height:64px;width:64px;background:url(img/sprite.png) no-repeat}l{background:#b4d47e}w[gid="0"]{background:0 0}w[gid="2"]{background-position:0 -87px}w[gid="3"]{background-position:-64px -87px}w[gid="4"]{background-position:0 -215px}w[gid="5"]{background-position:-64px -215px}w[gid="6"]{background-position:-128px -215px}w[gid="7"]{background-position:0 -151px}w[gid="8"]{background-position:-64px -151px}w[gid="9"]{background-position:0 -279px}w[gid="11"]{background-position:-128px -279px}w[gid="14"]{background-position:0 -343px}w[gid="15"]{background-position:-64px -343px}w[gid="16"]{background-position:-128px -343px}