.hb-grid{z-index:1;grid-template-columns:repeat(var(--cols,20), 1fr);grid-template-rows:repeat(var(--rows,4), 1fr);pointer-events:none;background:#6b4d30;height:clamp(150px,26vh,300px);display:grid;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000000db 0%,#000 16%);mask-image:linear-gradient(#000000db 0%,#000 16%)}.hb-cell{width:100%;height:100%;image-rendering:pixelated;will-change:filter, transform;background-position:50%;background-size:cover;transition:filter .6s,transform .6s;box-shadow:inset 0 0 0 1px #0000000f}.hb-cell.hb-pop{animation:.55s hb-pop}@keyframes hb-pop{0%{filter:brightness(1.7)saturate(1.25);transform:scale(1.16)}to{filter:brightness()saturate();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hb-cell,.hb-cell.hb-pop{transition:none;animation:none}}