.collection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99999999;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.collection-overlay.show{opacity:1}.collection-modal{position:relative;width:90%;max-width:900px;height:85vh;background:#141414;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;color:#fff;box-shadow:0 10px 30px #00000080;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.collection-overlay.show .collection-modal{transform:scale(1);opacity:1}.collection-modal-close{position:absolute;top:12px;right:12px;background:#141414b3;border-radius:50%;color:#fff;border:2px solid rgba(255,255,255,.7);width:36px;height:36px;font-size:24px;font-weight:700;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background-color .2s ease,transform .2s ease}.collection-modal-close:hover{background-color:#fff3;transform:scale(1.1)}.collection-modal-header{position:relative;width:100%;height:40%;min-height:250px;background-size:cover;background-position:center 25%}.collection-modal-header-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,#141414 15%,rgba(20,20,20,.5) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;box-sizing:border-box}.collection-modal-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.7);color:#fff}.collection-modal-overview{font-size:1rem;max-width:70%;margin-top:10px;line-height:1.5;color:#ffffffb3;max-height:6em;overflow:hidden;text-overflow:ellipsis}.collection-modal-body{flex-grow:1;overflow-y:auto;padding:24px;box-sizing:border-box}.collection-modal-body::-webkit-scrollbar{width:8px}.collection-modal-body::-webkit-scrollbar-track{background:transparent}.collection-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.collection-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}.collection-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.collection-part-card{background:#ffffff08;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.collection-part-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0f;box-shadow:0 12px 24px #0006,0 0 0 1px #7a65c24d;border-color:#7a65c233}.collection-part-card img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:filter .3s ease}.collection-part-card:hover img{filter:brightness(1.1)}.collection-part-img{width:100%;height:auto;display:block;aspect-ratio:2 / 3;object-fit:cover;background-color:#111}.collection-part-title{padding:10px 8px;font-size:.9rem;text-align:center;overflow:hidden;text-overflow:ellipsis;color:#fff}@media (max-width: 480px){.collection-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25vw,1fr));gap:16px}.collection-modal-title{font-size:1.5rem}}