*,*:after,*:before{box-sizing:border-box}html{background:#48283b;margin:0;padding:0}body{box-sizing:border-box;font-family:monaco,Consolas,Lucida Console,monospace;margin:0;padding:0}img{user-select:none}@keyframes loader{from{filter:hue-rotate(0deg);opacity:1}to{filter:hue-rotate(800deg);opacity:.5}}@keyframes title{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(800deg)}}@keyframes hit{from{filter:hue-rotate(0deg);transform:rotate(-5deg)}to{filter:hue-rotate(330deg);transform:rotate(5deg)}}@keyframes held{0%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(3deg)}99.99%{transform:rotate(0deg)}}.game{max-width:960px;margin:auto;padding-top:20px;transition:opacity 2s ease}.game.loading{opacity:0}.container{display:flex;justify-content:space-between;position:relative;width:750px;margin:auto}.main{width:80%}.side{width:18%}.viewport{position:relative;width:calc(100% - 40px);padding-top:calc(100% - 40px);border:20px solid pink;border-image:url("../img/border.png") 18 round;overflow:hidden;box-sizing:content-box}.n3{width:calc(100% / 3);height:calc(100% / 3)}.n4{width:calc(100% / 4);height:calc(100% / 4)}.n5{width:calc(100% / 5);height:calc(100% / 5)}.n6{width:calc(100% / 6);height:calc(100% / 6)}.n7{width:calc(100% / 7);height:calc(100% / 7)}.n8{width:calc(100% / 8);height:calc(100% / 8)}.n9{width:calc(100% / 9);height:calc(100% / 9)}.level{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;transition:all .5s ease;background:#111}.level:after{content:"";position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #0c0d0f}.level.in-left{transform:translateX(100%)}.level.in-right{transform:translateX(-100%)}.level.in-up{transform:translateY(100%)}.level.in-down{transform:translateY(-100%)}.level.out-left{transform:translateX(100%)}.level.out-right{transform:translateX(-100%)}.level.out-up{transform:translateY(100%)}.level.out-down{transform:translateY(-100%)}.tile{position:relative;padding:5px;font-size:9px;color:rgba(255,255,255,0);line-height:100%;background-color:rgba(0,0,0,.2);background-image:url("../img/empty.gif");background-size:cover;user-select:none}.tile.valid:not(.floor){background:#51af4d}.tile.invalid:not(.floor){background:#a72030}.tile.floor{background-image:url("../img/floor.gif");z-index:1}.tile.wall-1000{background-image:url("../img/floor-1000.png")}.tile.wall-0100{background-image:url("../img/floor-0100.png")}.tile.wall-0010{background-image:url("../img/floor-0010.png")}.tile.wall-0001{background-image:url("../img/floor-0001.png")}.tile.wall-1010{background-image:url("../img/floor-1010.png")}.tile.wall-0101{background-image:url("../img/floor-0101.png")}.tile.wall-1100{background-image:url("../img/floor-1100.png")}.tile.wall-0110{background-image:url("../img/floor-0110.png")}.tile.wall-0011{background-image:url("../img/floor-0011.png")}.tile.wall-1001{background-image:url("../img/floor-1001.png")}.tile.exit:after{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:url("../img/exit.gif");background-size:contain}.tile.entrance-left:after,.tile.exit-left:after{transform:rotate(90deg)}.tile.entrance-right:after,.tile.exit-right:after{transform:rotate(-90deg)}.tile.entrance-up:after,.tile.exit-up:after{transform:rotate(180deg)}.tile.held{animation:held .75s infinite}.tile.monster-marker:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/skull.png");background-size:70%;background-repeat:no-repeat;background-position:center}.tile.star:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/star.gif");background-size:70%;background-repeat:no-repeat;background-position:center}.stars{display:flex;flex-wrap:wrap;justify-content:flex-start}.stars .star{width:20%;padding-top:20%;background-image:url("../img/star.gif");background-size:contain;background-repeat:no-repeat;background-position:center}.stack{position:relative;width:100%;padding-top:100%;background:#111}.stack .tile{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 10px 20px rgba(0,0,0,.5)}.stack .tile.dragging{opacity:.2}.actor{position:absolute;top:0;left:0;transition:all .2s ease-in-out;z-index:10}.actor .hp{position:absolute;top:3px;left:0;width:100%;height:20px;display:flex;justify-content:center}.actor .hp .node{width:10px;height:10px;background:#69f254;border-radius:50%;margin:0 2px;box-shadow:1px 2px 0 rgba(0,0,0,.5)}.actor:not(.player) .node{background:#d62437}.actor .inner{width:100%;height:100%;background-size:70%;background-repeat:no-repeat;background-position:center;transition:all .2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.actor.out .inner{transform:scale(0) translate(0, 50%)}.actor.hit .inner{animation:hit .1s infinite}.planty .inner{background-image:url("../img/planty.gif")}.blue-bottle .inner{background-image:url("../img/blue-bottle.gif")}.player .inner{background-image:url("../img/player.gif")}.player.move .inner{background-image:url("../img/player-move.gif")}.title{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;z-index:100;opacity:0;text-align:center;transition:opacity 1.5s ease}.title.in{opacity:1}.title img{display:block;width:90%;height:auto}.title.clicked{animation:title 2s infinite alternate}.gameover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#2f1116;background-image:url("../img/gameover.gif");background-size:80%;background-repeat:no-repeat;background-position:center;opacity:0;transition:all 2s ease}.loader{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#48283b;display:flex;justify-content:center;align-items:center;transition:opacity 1.5s ease}.loader div{text-align:center;color:pink;animation:loader .3s infinite alternate}.ui-grid-outer{position:relative;width:100%;height:100%}.label{width:100%;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain}.label-next{background-image:url("../img/next.gif")}.label-stars{background-image:url("../img/label-stars.png")}.mute-button{position:absolute;bottom:0;right:0;width:50px;height:50px;background-image:url("../img/unmuted.png");background-size:contain}.mute-button.muted{background-image:url("../img/muted.png")}.ui-grid-outer img{width:100%}.ui-grid{display:flex;flex-direction:column;border-radius:3px;margin-bottom:20px;border:1px dashed #333}/*# sourceMappingURL=style.css.map */