body{padding:20px;image-rendering:pixelated}body,button{background:#000;color:#fff;font-family:Menlo,Courier,monospace}button{padding:1ch 2ch;border:1px solid #fff;cursor:pointer;margin-right:10px}button:hover{background-color:#223}p{margin-top:32px}@keyframes flash{30%,to{opacity:1}15%{opacity:0}}.flash{animation-name:flash}@keyframes scale-in{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}.scale-in{animation-timing-function:ease-in-out;animation-name:scale-in}@keyframes scale-out{to{transform:scale(0)}}.scale-out{animation-timing-function:ease-in-out;animation-name:scale-out}.animated{animation-duration:1s;animation-fill-mode:both}.animated.fast{animation-duration:.2s}.animated.infinite{animation-iteration-count:infinite}.map{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:4ch}.server{text-align:center;cursor:pointer;padding:1ch}.server p{margin:0}.server .sprite{margin:0 auto 1ch}.server .statusCode{padding-right:2ch}.server:hover{background-color:#223}.grid{margin-bottom:4ch}.grid>*{border:2px dashed #fff;padding:8px}.grid .selected{border:4px solid #ff0;z-index:2;padding:6px}.grid .move-target{border:4px solid #0ff;z-index:1;padding:6px}.grid .attack-target{border:4px solid red;z-index:1;padding:6px}.unit-info{width:fit-content}.unit-info .sprite{margin:1ch}.unit-info p{margin:0}.unit-info ul{margin:0;padding:0;list-style:none}.unit-info li{padding:.5ch 1ch;cursor:pointer}.unit-info .selected{background-color:#224}main{max-width:80ch}