body,html{height:100%;margin:0;font-family:sans-serif}.game{background-color:#777;min-height:100%}.map-container,.modal{display:flex;justify-content:center}.modal{position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,.5);top:0;align-items:center}.modal__content{background-color:#ddd;padding:1rem 2rem;box-shadow:1px 1px 3px 0 rgba(0,0,0,.75);color:#333}.modal__content .button{float:right}.button{background-color:transparent;border:2px solid #333;color:#333;margin:.25rem 0;font-size:1.05rem;transition:all .3s ease;cursor:pointer}.button:focus{outline:none}.button:hover{background-color:#333;color:#ddd}.map{margin:1rem;overflow-x:visible;white-space:nowrap}.row{margin:0;list-style-type:none;padding:0;display:inline-block}.row .item{width:10px;height:10px}.row .wall{background-color:#777}.row .empty{background-color:#aaa}.row .player{background-color:#1af}.row .health{background-color:#556b2f}.row .enemy{background-color:#b22222}.row .weapon{background-color:orange}.row .portal{background-color:#9400d3}.row .dark{background-color:#333}.title{margin:0;padding:.5rem 0;text-align:center;color:#ddd;font-weight:300;background-color:#aaa}.player-status{width:100%;background-color:#aaa;display:flex}.player-status__item{padding:1rem;color:#ddd;font-size:1.1rem;font-weight:400}.player-status__item__events__event{position:absolute;opacity:0}.event-enter-active{animation:event-in 2s}.event-leave-active{animation:event-in 1s reverse}@keyframes event-in{0%{transform:translateY(-10px);opacity:0}50%{opacity:1;transform:translateY(0)}to{transform:translateY(-5px);opacity:0}}