:root{--primary-orange: #ff8c00;--primary-orange-hover: #ff9c33;--primary-orange-dark: #ff6600;--border-color: #eee;--shadow-light: rgba(0,0,0,.05);--shadow-medium: rgba(0,0,0,.1);--transition-fast: .2s ease}.series-block{margin:60px auto;max-width:1200px;padding:0 20px}.series-block h2{font-size:22px;margin:0 0 20px;font-weight:700;border-bottom:2px solid #eee;padding-bottom:8px;text-align:left}.series-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;align-items:stretch}@media(max-width:768px){.series-grid{grid-template-columns:repeat(2,1fr)}}.series-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.series-header h2{margin:0;font-size:22px;font-weight:700}#card-collection .card{background:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 10px var(--shadow-light);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;cursor:pointer;will-change:transform}#card-collection .card:hover{transform:translateY(-5px);box-shadow:0 6px 14px var(--shadow-medium)}#card-collection .card-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3 / 4}#card-collection .card-info{padding:12px;text-align:center}#card-collection .card-name{font-size:16px;font-weight:600;margin-bottom:4px}h3{font-size:18px}#card-collection .uncollected .card-img{filter:grayscale(100%) brightness(70%);opacity:.6}#card-collection .uncollected .card-info{opacity:.7}#card-collection .collected .card-img,#card-collection .collected .card-info{filter:none;opacity:1}#card-collection .locked{display:inline-block;margin-top:4px;font-size:14px;font-weight:700;color:#999}#card-collection .card-info span{display:inline-block;margin-top:4px;font-size:14px;font-weight:700;color:green}.card-rarity{font-size:14px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.rarity-rare{color:#0070dd}.rarity-super_rare{color:#00c6ff}.rarity-super_secret_rare{background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-shadow:0 0 6px rgba(0,114,255,.6),0 0 12px rgba(0,198,255,.4)}.rarity-promo_rare{background:linear-gradient(90deg,#00c6ff,#f3c,#fff,#f3c,#00c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;text-shadow:0 0 6px rgba(255,255,255,.7),0 0 12px rgba(255,51,204,.6);animation:holo-shimmer 4s infinite linear}.rarity-ultra_rare{background:linear-gradient(90deg,#fff,#00c6ff,#f6c,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;text-shadow:0 0 8px rgba(0,198,255,.6),0 0 12px rgba(255,102,204,.6);animation:holo-shimmer 3s infinite linear}.rarity-promo_rare,.rarity-ultra_rare{background-size:300% 300%;will-change:background-position}@keyframes holo-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#redeem-form{margin:20px auto;text-align:center}.redeem-form-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}#redeem-form input{padding:10px;width:240px;border:2px solid #ccc;border-radius:6px;margin-right:8px}#redeem-form button{padding:10px 18px;background:linear-gradient(45deg,var(--primary-orange),var(--primary-orange-dark));color:#fff;border:none;border-radius:6px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);will-change:transform}#redeem-form button:hover{background:linear-gradient(45deg,var(--primary-orange-hover),#ff751a);transform:scale(1.05)}#scan-btn:hover{cursor:pointer}#redeem-msg{display:block;width:100%;margin-top:10px;font-size:14px;font-weight:700;clear:both;text-align:center}#qr-reader{border-radius:8px;overflow:hidden}#redeemed-codes{margin:40px auto;max-width:1400px;padding:0 20px;display:grid;grid-template-columns:repeat(8,1fr);gap:1.5rem}@media(max-width:1199px){#redeemed-codes{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){#redeemed-codes{grid-template-columns:repeat(2,1fr)}}#redeemed-codes .code-item{background:#fff;border:2px solid #eee;border-radius:12px;box-shadow:0 4px 10px #0000000d;text-align:center;padding:12px;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}#redeemed-codes .code-item:hover{transform:translateY(-5px);box-shadow:0 6px 14px #0000001a}#redeemed-codes .code-item img{display:block;width:100%;max-width:220px;margin-bottom:12px;border-radius:12px;box-shadow:0 4px 12px #00000026;background:#fff}#redeemed-codes .code-item p,#redeemed-codes .code-item strong{margin:4px 0;font-size:14px;color:#444}#redeemed-codes .code-item strong{font-size:16px;font-weight:600;color:#222}#redeemed-codes .code-item p:nth-child(4){font-weight:700}#redeemed-codes .code-item p.status-redeemed{color:green}#redeemed-codes .code-item p.status-unredeemed{color:#999}#redeemed-codes .unbind-btn{margin-top:10px;padding:8px 12px;background:linear-gradient(45deg,#ff8c00,#f60);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}#redeemed-codes .unbind-btn:hover{background:linear-gradient(45deg,#ff9c33,#ff751a);transform:scale(1.05)}#back-btn{display:inline-block;padding:10px 18px;background:linear-gradient(45deg,#ff8c00,#f60);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}#back-btn:hover{background:linear-gradient(45deg,#ff9c33,#ff751a);transform:scale(1.05)}.series-block .series-buttons{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}#back-btn{margin:0}.series-icons{display:flex;justify-content:center;gap:20px;padding:0 40px;overflow-x:auto;-webkit-overflow-scrolling:touch}.series-icons::-webkit-scrollbar{display:none}.series-icon{flex:0 0 auto;text-align:center;cursor:pointer}.series-icon img{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 5px}.series-icon span{font-size:12px;margin-top:5px}.card.more-card{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #ccc;border-radius:12px;background:#f9f9f9;cursor:pointer;transition:all .2s ease-in-out;aspect-ratio:3 / 4;width:100%}.card.more-card span{font-size:1rem;font-weight:600;color:#666;text-align:center}.card.more-card:hover{background:#fffaf5;border-color:#f60;box-shadow:0 4px 12px #ff66004d;transform:scale(1.05)}.card.more-card span:before{content:"+";display:block;font-size:2rem;color:#f60;margin-bottom:6px}.card-modal{display:none;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;position:relative}.close-btn{background:transparent;border:0;color:#666;font-size:28px;font-weight:700;position:absolute;top:10px;right:12px;cursor:pointer}.close-btn:hover,.close-btn:focus{color:#000;outline:none}.modal-header-detail{display:flex;gap:20px;padding-bottom:15px;border-bottom:1px solid #eee;align-items:flex-start}.modal-card-img{width:100px;height:auto;border-radius:4px;flex-shrink:0}.modal-card-info{flex:1}.modal-card-info h3{margin:0 0 6px}.modal-code-list{margin-top:20px;max-height:250px;overflow-y:auto;padding-right:10px}.modal-code-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed #eee}.modal-code-item:last-child{border-bottom:none}.modal-code-item .code-info{display:flex;flex-direction:column;gap:4px;flex:1}.modal-code-item .code-value{color:#333}.modal-code-item .code-value.event-date{color:#28a745;font-weight:500}.modal-code-item .redeemed-date{font-size:12px;color:#666;font-style:italic}.modal-code-item .redeemed-date.event-date{color:#28a745;font-weight:500}.unbind-btn-modal{background-color:#dc3545;color:#fff;border:none;padding:6px 10px;cursor:pointer;border-radius:4px;font-size:12px}.unbind-btn-modal[disabled]{opacity:.7;cursor:not-allowed}.skeleton-loader{padding:20px;max-width:1200px;margin:60px auto}.skeleton-header{margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #eee}.skeleton-title{height:28px;width:200px;border-radius:4px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%}.skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}@media(max-width:768px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}.skeleton-card{background:#fff;border:2px solid #eee;border-radius:12px;overflow:hidden}.skeleton-img{width:100%;aspect-ratio:3 / 4;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%}.skeleton-info{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%}.skeleton-pulse{animation:skeleton-shimmer 1.5s ease-in-out infinite;will-change:background-position}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.floating-back-to-top{position:fixed;bottom:90px;right:30px;width:45px;height:45px;background:linear-gradient(45deg,#ff8c00,#f60);color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:999;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.floating-back-to-top:hover{background:linear-gradient(45deg,#ff9c33,#ff751a);transform:translateY(-3px);box-shadow:0 6px 16px #0003}.floating-back-to-top:active{transform:translateY(-1px)}@media(max-width:768px){.floating-back-to-top{bottom:80px;right:20px;width:40px;height:40px;font-size:16px}}.scroll-popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1000;background:transparent;pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .3s ease}.scroll-popup-modal[style*=flex]{pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scroll-popup-container{position:relative;display:inline-block;pointer-events:auto}.scroll-popup-close-btn{position:absolute;top:-8px;right:-8px;background:transparent;border:none;color:red;font-size:32px;font-weight:700;line-height:1;cursor:pointer;z-index:1001;padding:6px 10px;pointer-events:auto;transition:transform .2s ease,opacity .2s ease;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.6);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.scroll-popup-close-btn:hover{transform:scale(1.15);opacity:.85}.scroll-popup-close-btn:active{transform:scale(.9)}.scroll-popup-link{display:block;text-decoration:none;pointer-events:auto;transition:transform .2s ease}.scroll-popup-link:hover{transform:scale(1.02)}.scroll-popup-image{max-width:90vw;max-height:90vh;width:auto;height:auto;display:block;border-radius:8px;box-shadow:0 4px 12px #0003}@media(max-width:768px){.scroll-popup-close-btn{top:-6px;right:-6px;font-size:28px;padding:5px 8px;min-width:40px;min-height:40px}.scroll-popup-image{max-width:85vw;max-height:85vh}.scroll-popup-modal[style*=flex]{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/card-collection.css.map */