/* Reuse circular perk controls and each mode's palette. */
.perk-pip{position:relative}
html:root body #qPerks .perk-pip{border-radius:50%!important}
html:root body #qPerks .perk-pip svg{width:21px;height:21px}
html:root body #qPerks .astra-perk-name{display:none!important}
.perk-pip .perk-count{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:50%;background:var(--board-accent,#e0bd72);color:#161116;font:700 10px/1 Archivo,Arial,sans-serif}
html:root body .perk-pip.active{opacity:1!important;outline:2px solid currentColor;outline-offset:2px}
html:root body.mode-hex #board .hex-cell.perk-not-target{opacity:.3}
html:root body.mode-hex #board .hex-cell.perk-target{filter:drop-shadow(0 0 4px #e7ce92);cursor:pointer}