body[data-v-b16ae5da],html[data-v-b16ae5da]{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background-color:#000}.header[data-v-9fe39b46]{text-align:center;margin-bottom:20px}.main[data-v-9fe39b46]{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px}.rules[data-v-9fe39b46]{max-width:300px;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.rules h2[data-v-9fe39b46]{margin-top:0}.container[data-v-9fe39b46]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.grid[data-v-9fe39b46]{display:grid;grid-template-rows:repeat(64,1fr);grid-template-columns:repeat(64,1fr);width:90vmin;height:90vmin;border:1px solid #000;-webkit-user-select:none;user-select:none}.row[data-v-9fe39b46]{display:contents}.cell[data-v-9fe39b46]{width:100%;height:100%;border:.5px solid #ddd;background-color:#fff}.cell.alive[data-v-9fe39b46]{background-color:#00f}.cell.enemy[data-v-9fe39b46]{background-color:red}.controls[data-v-9fe39b46]{display:flex;justify-content:center;gap:10px;margin-top:10px}button[data-v-9fe39b46]{padding:10px;font-size:16px;cursor:pointer}#app{margin:0;padding:0;font-weight:400}body{margin:0;padding:0}canvas{display:block;vertical-align:bottom}#overlay{color:#fff;font-family:monospace}#overlay.overview{font-size:1em;font-weight:700}#overlay.detailView{font-size:.8em;font-weight:400}#overlay.overview .earth-text{display:none}.earth-label{font-size:1em;font-weight:700}.earth-text{background-color:#6a6a6a80;font-size:1.5em;font-weight:400;padding:20px;border:1px solid #ccc;border-radius:5px;clear:both;grid-column:3}.earth-title{background-color:#6a6a6a80;font-size:1.5em;font-weight:700;padding:10px;margin-bottom:5px;border:1px solid #ccc;border-radius:5px;clear:both;grid-column:3}#overlay.detailView .earth-label,#overlay.overview .details{display:none}.details{display:grid;grid-template-columns:repeat(4,1fr)}.earth-facts{display:grid;grid-template-columns:2fr 1fr;grid-column:3;background-color:#6a6a6a80;font-size:1.5em;font-weight:400;padding:10px;margin-bottom:5px;border:1px solid #ccc;border-radius:5px;clear:both}.earth-photo{grid-column:2}.earth-photo img{width:100%;height:100%}.earth-facts-text{grid-column:1}