:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--player-1: #c0392b;--player-2: #f1c40f;--player-3: #9b59b6;--player-4: #00b386;--player-5: #cc6600;--player-6: #0a4c8c;--unoccupied: #dcdcdc;--inhabited: #808080}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}#app{height:100vh;width:100vw;margin:0;padding:0}#infobox{position:absolute;top:10px;left:10px;z-index:10;font-size:14px;font-weight:700}#leaderbox{position:absolute;top:10px;right:10px;z-index:10;font-size:14px;font-weight:700}#leaderbox th,#leaderbox td{padding:3px 5px;text-align:center;color:var(--owner-color, var(--unoccupied))}#messagebox{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10;font-size:16px;font-weight:700;background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;max-width:80%;text-align:center}#messagebox small{font-size:12px;color:#999}svg svg #graticule,svg svg #outline{pointer-events:none}svg .system{cursor:pointer}svg .system text{fill:#fff;font-size:12px;text-anchor:start;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(10px)}svg .system .system-icon{fill-opacity:.8;fill:var(--owner-color, var(--unoccupied));stroke-width:.5;stroke:#fff;stroke-opacity:.3}svg .system .system-outline{stroke:var(--owner-color, var(--unoccupied));fill:#000;fill-opacity:.5;stroke-width:1;stroke-opacity:.3;stroke-width:2}svg .system .system-marker{fill:var(--owner-color, var(--unoccupied));stroke:#fff;stroke-opacity:.5;stroke-width:.5;r:3}svg .system.selected .system-outline{stroke-width:3}svg .system.selected .system-outline{stroke-opacity:1}svg .system.revealed{display:inline}svg .system.inhabited .system-marker{r:5}svg .lane{stroke:var(--owner-color, var(--unoccupied));stroke-width:2;stroke-opacity:.7;cursor:pointer}svg .lane.revealed{display:inline}svg .lane:hover{stroke:var(--player-1);stroke-width:6}svg .lane[data-owner]{stroke-width:3;stroke-opacity:1}*[data-owner="0"]{--owner-color: var(--inhabited)}*[data-owner="1"]{--owner-color: var(--player-1)}*[data-owner="2"]{--owner-color: var(--player-2)}*[data-owner="3"]{--owner-color: var(--player-3)}*[data-owner="4"]{--owner-color: var(--player-4)}*[data-owner="5"]{--owner-color: var(--player-5)}*[data-owner="6"]{--owner-color: var(--player-6)}.hidden{display:none}#helpButton{position:absolute;bottom:20px;right:15px;z-index:10;font-size:16px;font-weight:700;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}dialog{z-index:100;margin:10vh auto;width:70vw;text-align:center}dialog ul{list-style-type:none}