.container{max-width:100%;margin:0;padding:10px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;background:none;padding:0}.image-container{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);background:#000}.image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#000c,#0000 40%,#0000 60%,#000c);opacity:0;z-index:1;transition:opacity .8s ease,transform .8s ease;transform:scale(1.2)}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1),filter .8s ease;backface-visibility:hidden}.image-container:hover{transform:perspective(1000px) rotateX(2deg) rotateY(2deg) scale3d(1.02,1.02,1.02)}.image-container:hover:before{opacity:1;transform:scale(1)}.image-container:hover img{transform:scale(1.1);filter:saturate(1.2) contrast(1.1)}.image-info{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,#000c);color:#fff;opacity:0;transition:opacity .3s ease;display:flex;justify-content:space-between}.image-container:hover .image-info{opacity:1}.image-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2em;text-align:center;opacity:0;transition:opacity .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.image-container:hover .image-name{opacity:1}.image-number{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;padding:5px 10px;border-radius:4px;font-size:1.2em;z-index:2;transition:transform .8s cubic-bezier(.4,0,.2,1);transform:translateZ(20px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-container:hover .image-number{transform:translateZ(30px)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:100%;object-fit:contain}.modal-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000c);color:#fff;display:flex;justify-content:space-between;font-size:1.2em}.loading{font-family:monospace;text-align:center;padding:20px;font-size:1.2em;color:#333}.counter-container{aspect-ratio:1;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2em}.counter{text-align:center}.counter .current{font-size:2em;font-weight:700}.counter .total{opacity:.7}.counter .label{display:block;margin-top:5px;opacity:.7}