body{box-sizing:border-box;margin:0;padding:0}.hex-grid{--hex-fill:#ffffff0d;--hex-hover:#d9a06633}.hex-empty{width:var(--hex-w);height:var(--hex-h);cursor:copy;place-items:center;display:grid;position:absolute}.hex-empty>i{width:calc(var(--hex-w) - var(--hex-gap));height:calc(var(--hex-h) - var(--hex-gap));clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);font:var(--hex-font) ui-monospace, Menlo, monospace;color:#f2ede42e;background:var(--hex-fill);place-items:center;font-style:normal;transition:background-color 90ms linear;display:grid}.hex-empty:hover>i{background:var(--hex-hover)}