: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;--unoccupied: #808080;--inhabited: #808080}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;padding:5px 10px;cursor:pointer}#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))}#leaderbox tr.eliminated td{text-decoration:line-through;text-decoration-color:#fff;text-decoration-thickness:1px}#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 #systems.reduced-size .system-icon{font-size:8px}svg #systems.reduced-size .ship-count{display:none}svg #systems.reduced-size .system-outline{fill-opacity:0;r:6;stroke-width:1}svg .system{cursor:pointer;-webkit-user-select:none;user-select:none}svg .system text{fill:#fff;font-size:12px}svg .system .ship-count{text-anchor:start;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;text-anchor:middle;dominant-baseline:middle;transform:translateY(.3px)}svg .system .system-outline{stroke:var(--owner-color, var(--unoccupied));fill:#000;fill-opacity:0;stroke-opacity:0;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.visited .system-outline{fill-opacity:.8;stroke-opacity:0}svg .system.selected .system-outline{stroke-width:3}svg .system.selected .system-outline{stroke-opacity:1!important}svg .system.revealed{display:inline}svg .system.inhabited .system-marker{r:5}svg .system.homeworld .system-icon{stroke:var(--owner-color, var(--unoccupied));stroke-opacity:1;fill-opacity:1;fill:var(--owner-color, var(--unoccupied));transform:translateY(1.5px) scale(1.4)}svg .system[data-player="1"]:hover .system-outline{stroke:var(--player-1);stroke-width:3;stroke-opacity:.6}svg .lane{stroke:var(--owner-color, var(--unoccupied));stroke-width:2;stroke-opacity:.3;cursor:pointer}svg .lane.revealed{display:inline}svg .lane:hover{stroke-width:9}svg #graticule path{stroke-opacity:.2}svg .region{fill:var(--owner-color, transparent);fill-opacity:.3;stroke:var(--owner-color, transparent);stroke-width:4;stroke-opacity:0}svg .region[data-player=null]{fill:transparent;stroke:transparent}.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;max-height:80vh;overflow-y:auto;text-align:center}dialog ul{list-style-type:none}