body,html{overflow:hidden;height:100vh}.container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:70vh;padding:24px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 8px 32px #00000040;border:1px solid rgba(255,255,255,.1);overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;animation:fadeInCenter .6s ease-out forwards;opacity:0}.container::-webkit-scrollbar{display:none}.container-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:16px}.card-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{width:180px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;color:#fff;text-align:center;box-shadow:0 6px 16px #0000004d;transition:transform .2s ease;overflow:hidden}.card:hover{transform:scale(1.03)}.card img{margin:0 auto;max-width:150px;max-height:150px;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.empty-msg{text-align:center;color:#ddd;font-size:1.2rem;margin-top:20px}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 1280px){.container{width:80vw;height:60vh}}@media (max-width: 1024px){.container{width:80vw;height:50vh}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-70%)}}}@media (max-width: 860px){.container{width:80vw;height:60vh}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-60%)}}}@media (max-width: 768px){.container{width:80vw;height:70vh}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}}