*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0b0b0f;height:100%;overflow:hidden}.grid{--gap:4px;gap:var(--gap);width:100vw;height:100vh;padding:var(--gap);grid-template-columns:repeat(var(--cols,6), 1fr);grid-template-rows:repeat(var(--rows,4), 1fr);grid-auto-flow:dense;display:grid}.tile{background:#1c1c24;border-radius:6px;min-width:0;min-height:0;position:relative;overflow:hidden}.tile img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .4s,opacity .4s;display:block}.tile img.loaded{opacity:1}.tile:hover img{transform:scale(1.06)}.tile.main{grid-area:span 2/span 2}