/* Hover grid (hover-grid.mjs). Cells sit above the light; the inner box shows only through the
   1 px gaps, so the light reads as green seams around the pointer. */
.hover-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hover-grid--light{--hover-grid-color:#F7F7F7}
.hover-grid--dark{--hover-grid-color:#11120D}
.hover-grid__inner{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--hover-grid-gap,1px);width:100%;height:100%;background:var(--hover-grid-color)}
.hover-grid__row{display:flex;flex:none;justify-content:center;gap:var(--hover-grid-gap,1px);overflow:hidden}
.hover-grid__row:nth-child(even){justify-content:flex-start}
.hover-grid__cell{position:relative;z-index:1;flex:none;width:var(--hover-grid-cell,225px);height:var(--hover-grid-cell,225px);background:var(--hover-grid-color)}
.hover-grid__light{position:absolute;top:0;left:0;z-index:0;width:50%;height:50%;background:radial-gradient(in oklab,#53DB76 0,transparent 40%);opacity:0;will-change:transform,opacity}