:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}header{background:url(/assets/marvel-background-header-5_VIOv-P.webp) no-repeat center center;background-size:cover;padding:10px;display:flex;justify-content:center;align-items:center}header .logo{max-height:50px}nav{background-color:#333;padding:10px;display:flex;justify-content:center;align-items:center}nav .nav-link{color:#fff;margin-right:15px;text-decoration:none}nav .nav-link:hover{text-decoration:underline}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.marvel:hover{filter:drop-shadow(0 0 2em #EC1D24)}h3{color:#fff}.card-container{display:flex;flex-wrap:wrap;justify-content:left}.card{position:relative;flex:0 0 calc(25% - 20px);box-sizing:border-box;border:1px solid #202020;border-radius:8px;margin:10px;overflow:hidden;height:300px}@media (max-width: 768px){.card{flex:0 0 calc(50% - 20px)}}@media (max-width: 480px){.card{flex:0 0 calc(100% - 20px)}}.card .image-container{position:relative;overflow:hidden;height:300px}.card .image-container img{max-width:100%;height:auto;border-radius:4px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center}.card:hover .overlay{cursor:pointer;opacity:1}.overlay-content{text-align:center;color:#fff}p.card-description{position:absolute;top:0;left:0;right:0;margin:0;font-size:1em;background:#f8777755;padding:10px}.card:hover p.card-description{display:none}h3.card-title{position:absolute;bottom:0;left:0;right:0;margin:0;font-size:1.5em;background:#000000b3;padding:10px;border-radius:4px}ul{list-style-type:none;padding:0;margin:0}li{margin:8px 0;font-size:1em}.type-limited{color:gold}.type-collection{color:#00bb2d}.one-shot{color:#f0f}.loader{width:48px;height:48px;border:5px solid;border-color:#FF3D00 transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h2{text-align:center}button{background-color:transparent;border:none;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#9f9d9d;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:300px}.close-button{background-color:red;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.close-button:hover{background-color:#0056b3}