svg {
 background: #fff;
 max-height: 100vh;
 stroke-width: 0.02;
 width: 100%;
}
.hex {
 stroke: #888;
 fill: #fafafa;
}
.hex.selected {
 stroke: #222;
 fill: #f0f0f0;
}
.hex.highlighted {
 stroke: #bfb;
 fill: #f0fff0;
}
.p1 {
 stroke: #47a;
 fill: #fff;
}
.p2 {
 stroke: #a48;
 fill: #fff;
}
.winner {
 transform: scale(4);
 opacity: 0.875;
}
.winner .hex {
 opacity: 0.75;
}
.ex-arrow {
 stroke: rgba(255, 0, 0, 0.5);
 stroke-width: 0.06;
 fill: none;
}
.arrow-figure {
 stroke: #988;
 stroke-width: 0.06;
 fill: none;
}
text {
 cursor: default;
 dominant-baseline: central;
 fill: #888;
 font-size: 0.25px;
 font-weight: bold;
 text-anchor: middle;
}