.hexagon-board-read-only{flex-direction:column;align-items:center;margin-left:-1.5rem;display:flex;transform:scale(.6)}@media (min-width:560px){.hexagon-board-read-only{margin-left:-1.5rem;transform:scale(.8)}}@media (min-width:680px){.hexagon-board-read-only{margin-left:0;transform:scale(1)}}.hexagon-board-read-only__row{display:flex}.hexagon-board-read-only__hex{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.hexagon-board-read-only__hex-svg{position:absolute;top:0;bottom:0;left:0;right:0}.hexagon-board-read-only__hex-svg-color{color:var(--border-color)}.hexagon-board-read-only__hex-content{z-index:10;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hexagon-board-read-only__hex-content--three-star:before{content:"★★★";color:#e4c157;text-align:center;letter-spacing:-3px;text-shadow:0 3px 3px #000;z-index:2;pointer-events:none;width:100%;margin-left:-1px;font-size:14px;position:absolute;top:10px;left:50%;transform:translate(-50%,-50%)}.hexagon-board-read-only__hex-image{object-fit:cover;width:82%}.hexagon-board-read-only__hex-fallback{background-color:#3f3f46;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hexagon-board-read-only__hex-fallback-text{color:#a1a1aa;font-size:.75rem;line-height:1rem}.hexagon-board-read-only__tooltip-wrapper{z-index:50;margin-bottom:.5rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hexagon-board-read-only__empty{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}