@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#080c14;--bg-secondary:#0f1626;--bg-tertiary:#17223b;--accent-gold:#f59e0b;--accent-gold-rgb:245, 158, 11;--accent-gold-hover:#d97706;--accent-blue:#3b82f6;--accent-red:#ef4444;--accent-red-rgb:239, 68, 68;--glass-bg:#0f1626b3;--glass-bg-hover:#11192abf;--glass-border:#ffffff14;--glass-border-hover:#ffffff1f;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-common:#9e9e9e;--color-uncommon:#4caf50;--color-rare:#2196f3;--color-super-rare:#9c27b0;--color-secret-rare:#ff9800;--color-alternate-art:#e91e63;--glow-common:0 0 10px #9e9e9e4d;--glow-uncommon:0 0 15px #4caf5066;--glow-rare:0 0 20px #2196f380;--glow-super-rare:0 0 25px #9c27b0b3, 0 0 10px #9c27b066;--glow-secret-rare:0 0 30px #ff9800cc, 0 0 15px #ff980080;--glow-alternate-art:0 0 35px #e91e63e6, 0 0 20px #e91e6399}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;height:100dvh;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;height:100%;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1)}body.card-modal-open .glass-panel{-webkit-backdrop-filter:none!important;background:#1e293bf2!important;transition:none!important}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(var(--accent-gold-rgb), .3);transform:scale(1)}50%{box-shadow:0 0 25px rgba(var(--accent-gold-rgb), .6);transform:scale(1.03)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.btn-active:active{transition:transform .1s;transform:scale(.96)}.app-container{background-color:var(--bg-primary);flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-header{z-index:100;border-color:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;width:calc(100% - 24px);height:60px;margin:12px 12px 0;padding:0 16px;display:flex}.profile-info{align-items:center;gap:10px;display:flex}.pirate-avatar{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex;box-shadow:0 2px 8px #0006}.pirate-details{flex-direction:column;display:flex}.pirate-rank{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:9px;font-weight:700}.pirate-name{color:var(--text-primary);font-size:13px;font-weight:600}.header-right{flex-direction:column;align-items:center;gap:4px;display:flex}.header-badge{color:var(--accent-gold);letter-spacing:.5px;background:#f59e0b0d;border:1px solid #f59e0b4d;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.app-version{color:var(--text-muted);letter-spacing:.5px;font-size:9px;font-weight:700}.app-main{flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.app-navbar{z-index:100;border-color:#ffffff0d;border-radius:16px;justify-content:space-around;align-items:center;height:65px;padding:0 10px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 -4px 20px #00000080}.app-navbar.hidden{opacity:0;pointer-events:none;transform:translateY(150%)}.nav-item{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:all .2s;display:flex}.nav-icon{font-size:20px;transition:transform .2s}.nav-label{letter-spacing:.5px;font-size:11px;font-weight:600}.nav-item.active{color:var(--accent-gold);text-shadow:0 0 10px #f59e0b4d}.nav-item.active .nav-icon{filter:drop-shadow(0 0 5px #f59e0b80);transform:scale(1.15)translateY(-2px)}.nav-item:active{transform:scale(.95)}@keyframes pulse-icon-collection{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5)drop-shadow(0 0 10px #f59e0bcc);transform:scale(1.4)translateY(-5px)}to{filter:brightness();transform:scale(1)}}.nav-item.animate-pulse-icon .nav-icon{color:var(--accent-gold);animation:1.5s cubic-bezier(.34,1.56,.64,1) pulse-icon-collection}.booster-page-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}.booster-page-container.scrollable{justify-content:flex-start;padding-bottom:90px;overflow-y:auto}.error-message{color:var(--accent-red);text-align:center;border-color:#ef444433;max-width:90%;margin-bottom:20px;padding:12px 20px;font-size:14px;font-weight:500}.cooldown-view{flex-direction:column;align-items:center;display:flex}.chest-artwork{filter:drop-shadow(0 0 15px #00000080);margin-bottom:12px;font-size:80px}.chest-artwork.locked{animation:5s ease-in-out infinite float}.ready-view{flex-direction:column;align-items:center;width:100%;display:flex}.booster-pack-wrapper{perspective:1000px;margin-bottom:15px}.booster-pack{filter:drop-shadow(0 15px 15px #0009)drop-shadow(0 0 10px #f59e0b40);width:260px;height:390px;transform-style:preserve-3d;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;-webkit-mask-image:url(/assets/booster_pack-DJs8yqW9.png);mask-image:url(/assets/booster_pack-DJs8yqW9.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.booster-pack.hoverable:hover{filter:drop-shadow(0 20px 20px #000c)drop-shadow(0 0 20px #f59e0b80);cursor:pointer;transform:translateY(-10px)rotateY(5deg)scale(1.03)}.booster-pack-art{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;width:100%;height:100%}.booster-pack-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);width:100%;height:100%;animation:4s ease-in-out infinite pack-shimmer;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes pack-shimmer{0%{left:-150%}30%{left:150%}to{left:150%}}.booster-pack-wrapper.stack{position:relative}.booster-pack.bg-pack{z-index:1;position:absolute;top:0;left:0}.booster-pack.top-pack{z-index:10;position:relative}.bg-pack-0{z-index:4;opacity:.9;filter:brightness(.85);transform:translateY(-12px)translate(15px)scale(.95)rotate(5deg)}.bg-pack-1{z-index:3;opacity:.8;filter:brightness(.7);transform:translateY(-24px)translate(-10px)scale(.9)rotate(-4deg)}.bg-pack-2{z-index:2;opacity:.6;filter:brightness(.55);transform:translateY(-36px)translate(20px)scale(.85)rotate(6deg)}.bg-pack-3{z-index:1;opacity:.4;filter:brightness(.4);transform:translateY(-48px)translate(-15px)scale(.8)rotate(-5deg)}.open-pack-btn{color:#080c14;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;margin-bottom:12px;padding:14px 28px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #f59e0b66}.open-pack-btn:active{transform:scale(.97);box-shadow:0 2px 8px #f59e0b33}.booster-desc{color:var(--text-secondary);text-align:center;font-size:12px}.pack-opening-scene{flex-direction:column;justify-content:center;align-items:center;height:460px;display:flex;position:relative}.pack-opening-scene .booster-pack.ripping{filter:none;background:0 0;border:none;width:260px;height:390px;position:relative;-webkit-mask-image:none;mask-image:none}.booster-pack-half{background:0 0;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.booster-pack-art-half{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:390px;position:absolute}.booster-pack-art-half.bottom-half{bottom:0}.booster-pack-half.top{transform-origin:top;border-top-left-radius:14px;border-top-right-radius:14px;animation:1.2s cubic-bezier(.25,1,.5,1) forwards rip-top;top:0}.booster-pack-half.bottom{transform-origin:bottom;border-bottom-right-radius:14px;border-bottom-left-radius:14px;animation:1.2s cubic-bezier(.25,1,.5,1) forwards rip-bottom;bottom:0}.pack-glow-flash{width:10px;height:10px;box-shadow:0 0 100px 50px white, 0 0 200px 100px var(--accent-gold);opacity:0;background:#fff;border-radius:50%;animation:1.2s ease-out forwards rip-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-text{color:#fff;text-transform:uppercase;letter-spacing:1.5px;box-shadow:none;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 10px #f59e0bcc,0 0 20px #f59e0b66;background:0 0;margin-top:30px;font-size:18px;font-weight:800;animation:1.5s ease-in-out infinite text-pulse}@keyframes text-pulse{0%,to{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 10px #f59e0bcc,0 0 20px #f59e0b66;transform:scale(1)}50%{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 15px #f59e0b,0 0 30px #f59e0bcc;transform:scale(1.05)}}@keyframes rip-top{0%{opacity:1;transform:translateY(0)rotate(0)}30%{opacity:1;transform:translateY(-15px)rotate(-3deg)}to{opacity:0;transform:translateY(-180px)rotate(-15deg)scale(.8)}}@keyframes rip-bottom{0%{opacity:1;transform:translateY(0)rotate(0)}30%{opacity:1;transform:translateY(15px)rotate(3deg)}to{opacity:0;transform:translateY(180px)rotate(15deg)scale(.8)}}@keyframes rip-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.cards-reveal-header{text-align:center;width:100%;margin-bottom:20px}.cards-reveal-header h2{color:var(--text-primary);font-size:20px;font-weight:800}.cards-reveal-header .subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.cards-grid{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:480px;margin-bottom:24px;padding:8px;display:flex}.grid-card-item{justify-content:center;width:calc(50% - 8px);display:flex}.collect-button{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;max-width:320px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;animation:2s infinite collect-pulse;box-shadow:0 4px 15px #10b9814d}@keyframes collect-pulse{0%,to{box-shadow:0 0 15px #10b98166}50%{box-shadow:0 0 25px #10b981b3}}@media (width<=350px){.cards-grid{gap:10px}}.single-card-reveal-scene{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;margin:10px 0;display:flex}.single-card-wrapper{justify-content:center;align-items:center;width:250px;height:350px;margin:15px 0;display:flex}.card-reveal-actions{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:120px;display:flex}.next-card-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;margin-top:10px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.open-all-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:12px;margin-top:15px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #6d28d94d}.open-all-button:active{transform:scale(.97);box-shadow:0 2px 8px #6d28d933}.hint-text{color:#fffc;text-align:center;text-shadow:0 0 8px #ffffff80;background:0 0;border:none;margin-top:20px;padding:0;font-size:14px;animation:2s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;text-shadow:0 0 12px #fffc;transform:scale(1.02)}}.booster-page-container.swipe-mode{overflow-x:hidden}.shake-sr{animation:2.5s ease-in-out forwards screen-shake-sr}.shake-sec{animation:2.5s ease-in-out forwards screen-shake-sec}.shake-aa{animation:2.5s ease-in-out forwards screen-shake-aa}@keyframes screen-shake-sr{0%,79%{transform:translate(0)rotate(0)}80%{transform:translate(-5px,5px)rotate(-1deg)}82%{transform:translate(5px,-5px)rotate(1deg)}84%{transform:translate(-3px,-3px)rotate(0)}86%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes screen-shake-sec{0%,79%{transform:translate(0)rotate(0)}80%{transform:translate(-10px,10px)rotate(-2deg)}82%{transform:translate(10px,-10px)rotate(2deg)}84%{transform:translate(-5px,-5px)rotate(-1deg)}86%{transform:translate(5px,5px)rotate(1deg)}88%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes screen-shake-aa{0%,79%{transform:translate(0)rotate(0)}80%{transform:translate(-15px,15px)rotate(-3deg)}82%{transform:translate(15px,-15px)rotate(3deg)}84%{transform:translate(-10px,-10px)rotate(-2deg)}86%{transform:translate(10px,10px)rotate(2deg)}88%{transform:translate(-5px,5px)rotate(-1deg)}90%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(0)}}.legendary-flash-overlay{pointer-events:none;z-index:1000;opacity:0;background:radial-gradient(circle,#fff 0%,#ffffffb3 50%,#fff0 100%);position:fixed;inset:0}.flash-sr{animation:2.5s ease-out forwards flash-sr}.flash-sec{animation:2.5s ease-out forwards flash-sec}.flash-aa{animation:2.5s ease-out forwards flash-aa}@keyframes flash-sr{0%,79%{opacity:0}80%{opacity:.6}to{opacity:0}}@keyframes flash-sec{0%,79%{opacity:0}80%{opacity:.8}to{opacity:0}}@keyframes flash-aa{0%,79%{opacity:0}80%{opacity:1}to{opacity:0}}.booster-page-container.swipe-mode{justify-content:flex-start;padding:55px 0 90px}.booster-tabs{background:#0f172a99;border:1px solid #f59e0b33;border-radius:12px;width:calc(100% - 40px);max-width:400px;margin:0 20px 10px;padding:4px;display:flex}.booster-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .3s}.booster-tab.active{background:var(--accent-gold);color:#0b0f19;box-shadow:0 2px 8px #f59e0b4d}.claim-section,.packs-section{width:100%;max-width:400px}.cards-grid.collecting .grid-card-item{animation:1s ease-in forwards fly-to-collection}.cards-grid.collecting .grid-card-item:nth-child(odd){--fly-x:110px}.cards-grid.collecting .grid-card-item:nth-child(2n){--fly-x:-110px}.cards-grid.collecting .grid-card-item:first-child{animation-delay:0s}.cards-grid.collecting .grid-card-item:nth-child(2){animation-delay:50ms}.cards-grid.collecting .grid-card-item:nth-child(3){animation-delay:.1s}.cards-grid.collecting .grid-card-item:nth-child(4){animation-delay:.15s}.cards-grid.collecting .grid-card-item:nth-child(5){animation-delay:.2s}.cards-grid.collecting .grid-card-item:nth-child(6){animation-delay:.25s}.cards-grid.collecting .grid-card-item:nth-child(7){animation-delay:.3s}.cards-grid.collecting .grid-card-item:nth-child(8){animation-delay:.35s}.cards-grid.collecting .grid-card-item:nth-child(9){animation-delay:.4s}.cards-grid.collecting .grid-card-item:nth-child(10){animation-delay:.45s}.cards-grid.collecting .grid-card-item:nth-child(11){animation-delay:.5s}.cards-grid.collecting .grid-card-item:nth-child(12){animation-delay:.55s}@keyframes fly-to-collection{0%{opacity:1;transform:translate(0)scale(1)}20%{opacity:1;transform:translateY(-15px)scale(1.05)}to{transform:translate(var(--fly-x,0), 90vh) scale(.05);opacity:0}}.single-card-wrapper.rarity-glow-c .card-container.flipped .card-inner,.grid-card-item.rarity-glow-c .card-container.flipped .card-inner{box-shadow:var(--glow-common), 0 4px 15px #000000b3}.single-card-wrapper.rarity-glow-uc .card-container.flipped .card-inner,.grid-card-item.rarity-glow-uc .card-container.flipped .card-inner{box-shadow:var(--glow-uncommon), 0 4px 15px #000000b3}.single-card-wrapper.rarity-glow-r .card-container.flipped .card-inner,.grid-card-item.rarity-glow-r .card-container.flipped .card-inner{box-shadow:var(--glow-rare), 0 4px 15px #000000b3}.single-card-wrapper.rarity-glow-sr .card-container.flipped .card-inner,.grid-card-item.rarity-glow-sr .card-container.flipped .card-inner{box-shadow:var(--glow-super-rare), 0 4px 15px #000000b3;animation:6s ease-in-out infinite alternate sr-float}.single-card-wrapper.rarity-glow-sec .card-container.flipped .card-inner,.grid-card-item.rarity-glow-sec .card-container.flipped .card-inner{box-shadow:var(--glow-secret-rare), 0 4px 15px #000c;animation:5s ease-in-out infinite alternate sec-float}.single-card-wrapper.animation-skipped .card-inner{animation:none!important}.single-card-wrapper.rarity-glow-aa .card-container.flipped .card-inner,.grid-card-item.rarity-glow-aa .card-container.flipped .card-inner{box-shadow:var(--glow-alternate-art), 0 4px 15px #000000b3;animation:6s ease-in-out infinite alternate sr-float}.switch-container{justify-content:center;align-items:center;gap:12px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff3;border:1px solid #ffffff1a;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--tg-theme-button-color,#34c759);border-color:#0000}input:checked+.slider:before{transform:translate(20px)}.switch-label{color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500}.normal-cards-list{background:#0f172a99;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:480px;margin-bottom:20px;padding:15px;display:flex}.normal-cards-title{text-align:center;color:var(--text-secondary);border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:8px;font-size:16px;font-weight:700}.normal-card-text{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:14px;display:flex}.card-count{background:#ffffff1a;border-radius:12px;padding:2px 6px;font-size:12px;font-weight:700}.text-color-c{color:#aaa}.text-color-uc{color:#4ade80}.text-color-r{color:#60a5fa}.text-color-don{color:#a78bfa;font-style:italic}.booster-fast-open-container{border-color:#ffffff0d;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:480px;margin-bottom:20px;padding:14px;display:flex}.packs-selection{flex-direction:column;align-items:center;width:100%;animation:.2s ease-out slide-down;display:flex}.packs-slider{width:100%;accent-color:var(--accent-gold);margin:15px 0}.packs-input-row{justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:500;display:flex}.packs-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:60px;padding:6px;font-weight:700}.scroll-bottom-button{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:900;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;animation:.3s fadeIn;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 15px #0000004d}.scroll-bottom-button:active{background:#fff3;transform:scale(.9)}.scroll-bottom-button svg{width:24px;height:24px}.normal-cards-list.collecting{animation:1s ease-in forwards fade-out-down}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(-15px)}to{opacity:0;transform:translateY(90vh)}}.card-container{aspect-ratio:2.5/3.5;perspective:1000px;cursor:pointer;border-radius:12px;width:100%;position:relative}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(0);box-shadow:0 4px 15px #00000080}.card-container.flipped.standard-flip .card-inner,.card-container.flipped.disable-heavy-animations .card-inner{transform:rotateY(180deg)}.card-container.rarity-c .card-front{--rarity-border:#9e9e9e80}.card-container.rarity-uc .card-front{--rarity-border:#4caf5080}.card-container.rarity-r .card-front{--rarity-border:#2196f399}.card-container.rarity-sr .card-front{--rarity-border:#9c27b0b3}.card-container.rarity-sec .card-front{--rarity-border:#ff9800cc}.card-container.rarity-l .card-front{--rarity-border:#f59e0bb3}.card-container.rarity-special .card-front{--rarity-border:#e91e63cc}.card-container.rarity-manga .card-front{--rarity-border:#ffffffe6}.card-container.is-aa .card-front{--rarity-border:#ffd700e6}.card-back,.card-front{backface-visibility:hidden;border:1px solid var(--rarity-border,var(--glass-border,#ffffff1a));background-clip:padding-box;border-radius:12px;outline:1px solid #0000;width:100%;height:100%;animation:2.5s ease-in-out infinite alternate border-ripple;position:absolute;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}@keyframes border-ripple{0%{box-shadow:0 0 2px var(--rarity-border,transparent), inset 0 0 2px var(--rarity-border,transparent)}to{box-shadow:0 0 10px var(--rarity-border,transparent), inset 0 0 10px var(--rarity-border,transparent)}}.card-back{z-index:2;background-image:url(/card_back.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex}.card-front{background-color:#171f30;flex-direction:column;justify-content:flex-end;display:flex;transform:rotateY(180deg)}.card-image{object-fit:cover;border-radius:11px;width:100%;height:100%;display:block}.card-fallback-image{background:linear-gradient(135deg,#1f293d 0%,#111827 100%);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.fallback-artwork{filter:drop-shadow(0 0 10px #fff3);margin-bottom:12px;font-size:48px}.fallback-name{text-align:center;color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.card-info-overlay{pointer-events:none;backface-visibility:hidden;background:linear-gradient(#0000 0%,#000000d9 100%);justify-content:space-between;align-items:center;padding:12px 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateZ(0)}.card-rarity-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;background:#0009;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800;transform:translateZ(0)}.card-container.rarity-c .card-rarity-badge{color:var(--color-common)}.card-container.rarity-uc .card-rarity-badge{color:var(--color-uncommon)}.card-container.rarity-r .card-rarity-badge{color:var(--color-rare)}.card-container.rarity-sr .card-rarity-badge{color:var(--color-super-rare)}.card-container.rarity-sec .card-rarity-badge{color:var(--color-secret-rare)}.card-container.rarity-l .card-rarity-badge{color:var(--accent-gold)}.card-container.rarity-special .card-rarity-badge{color:var(--color-alternate-art)}.card-container.rarity-manga .card-rarity-badge{color:#fff;text-shadow:0 0 5px #fff}.card-price-badge{color:var(--accent-gold);text-shadow:0 1px 3px #000c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;font-size:9px;font-weight:700;transform:translateZ(0)}.card-shine-effect{pointer-events:none;z-index:3;background:linear-gradient(105deg,#0000 20%,#fff6 50%,#0000 80%) -200% -200%/200% 200% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.card-container.flipped:hover .card-shine-effect{animation:2s ease-in-out infinite shine-swipe}@keyframes shine-swipe{0%{background-position:200% 200%}to{background-position:-200% -200%}}.card-container.flipped.rarity-c .card-inner{box-shadow:0 0 5px #9e9e9e26,0 4px 15px #0006}.card-container.flipped.rarity-uc .card-inner{box-shadow:0 0 8px #4caf5033,0 4px 15px #00000080}.card-container.flipped.rarity-r .card-inner{box-shadow:0 0 10px #2196f340,0 4px 15px #0009}.card-container.flipped.rarity-sr .card-front{animation:2.7s ease-in-out infinite alternate sr-float;box-shadow:0 0 12px #9c27b059,0 0 5px #9c27b033,0 4px 15px #000000b3}.card-container.flipped.rarity-sec .card-front{animation:2.2s ease-in-out infinite alternate sec-float;box-shadow:0 0 15px #ff408166,0 0 8px #ff40814d,0 6px 20px #000c}.card-container.flipped.rarity-l .card-inner{box-shadow:0 0 8px #f59e0b4d,0 4px 15px #0009}.card-container.flipped.rarity-special .card-front{animation:2.7s ease-in-out infinite alternate sr-float;box-shadow:0 0 18px #e91e6373,0 0 10px #e91e634d,0 4px 15px #000000b3}.card-container.flipped.rarity-manga .card-front{animation:2.2s ease-in-out infinite alternate sec-float;box-shadow:0 0 13px #ffffff4d,0 4px 15px #000c}@keyframes sr-float{0%{transform:translateY(0)rotateY(180deg)}to{transform:translateY(-4px)rotateY(180deg)rotate(1deg)}}@keyframes sec-float{0%{transform:translateY(0)rotateY(180deg)scale(1)}to{transform:translateY(-6px)rotateY(180deg)scale(1.02)}}.card-container.is-don .card-front{background-color:#000}.card-container.is-don .card-image{object-fit:contain;background:radial-gradient(circle,#ffffff1a 0%,#000 100%)}.card-container.is-aa.flipped .card-front{animation:1.3s cubic-bezier(.36,.07,.19,.97) infinite aa-shake-glow;box-shadow:0 0 15px #ffd70080,0 0 30px #ffd7004d,inset 0 0 10px #ffd70080}.card-container.is-aa.flipped .card-shine-effect{background:linear-gradient(105deg,#0000 20%,#ffd70080 50%,#0000 80%) 0 0/200% 200% no-repeat;animation:2s ease-in-out infinite shine-swipe}@keyframes aa-shake-glow{0%,to{transform:translateY(0)rotateY(180deg)rotate(0)scale(1.02);box-shadow:0 0 15px #ffd70080,0 0 30px #ffd7004d}25%{transform:translateY(-5px)rotateY(180deg)rotate(1deg)scale(1.05);box-shadow:0 0 20px #ffea0080,0 0 40px #ffea0066}50%{transform:translateY(-8px)rotateY(180deg)rotate(-1deg)scale(1.05);box-shadow:0 0 25px #ffea0080,0 0 50px #ffea0073}75%{transform:translateY(-5px)rotateY(180deg)rotate(.5deg)scale(1.05);box-shadow:0 0 20px #ffea0080,0 0 40px #ffea0066}}.card-container.disable-heavy-animations .card-inner,.card-container.disable-heavy-animations .card-shine-effect,.card-container.disable-heavy-animations .card-back,.card-container.disable-heavy-animations .card-front{animation:none!important}.card-container[class*=is-legendary-flip-]:not(.flipped) .card-inner{transition:none!important;animation:none!important;transform:rotateY(0)!important}div.card-container.skip-legendary-anim.flipped .card-inner{transition:transform .3s!important;animation:none!important;transform:rotateY(180deg)!important}div.card-container.skip-legendary-anim.flipped,div.card-container.skip-legendary-anim.flipped .card-front,div.card-container.skip-legendary-anim.flipped .card-shine-effect{animation:none!important}.card-container[class*=is-legendary-flip-].flipped .card-inner{transition:none!important;animation:1.1s cubic-bezier(.1,.8,.2,1) forwards legendary-flip-delay!important}@keyframes legendary-flip-delay{0%{transform:rotateY(0)}80%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card-container.is-legendary-flip-sr.flipped .card-front,.card-container.is-legendary-flip-sec.flipped .card-front,.card-container.is-legendary-flip-aa.flipped .card-front{animation-delay:1.1s!important}.card-container.is-legendary-flip-sr.flipped{animation:1.1s forwards tension-sr}@keyframes tension-sr{0%{transform:scale(1)}10%,30%,50%,70%{transform:translate(-2px,1px)rotate(1deg)scale(1.02)}20%,40%,60%{transform:translate(2px,-1px)rotate(-1deg)scale(1.02)}78%{transform:scale(1.02)}82%{transform:scale(1.1)}to{transform:scale(1)}}.card-container.is-legendary-flip-sec.flipped{animation:1.1s forwards tension-sec}@keyframes tension-sec{0%{transform:scale(1)}10%,30%,50%,70%{transform:translate(-4px,2px)rotate(2deg)scale(1.05)}20%,40%,60%{transform:translate(4px,-2px)rotate(-2deg)scale(1.05)}78%{transform:scale(1.05)}82%{transform:scale(1.15)}to{transform:scale(1)}}.card-container.is-legendary-flip-aa.flipped{animation:1.1s forwards tension-aa}@keyframes tension-aa{0%{transform:scale(1)}5%,15%,25%,35%,45%,55%,65%,75%{filter:brightness(1.2);transform:translate(-6px,3px)rotate(3deg)scale(1.1)}10%,20%,30%,40%,50%,60%,70%{filter:brightness(.8);transform:translate(6px,-3px)rotate(-3deg)scale(1.1)}78%{filter:brightness();transform:scale(1.1)}82%{filter:brightness(1.5);transform:scale(1.25)}to{filter:brightness();transform:scale(1)}}.toast-container{z-index:10000;-webkit-backdrop-filter:blur(10px);pointer-events:none;opacity:0;background:#141419e6;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 32px #00000080}.toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.toast-hidden{opacity:0;transform:translate(-50%)translateY(-20px)}.toast-content{align-items:center;gap:10px;display:flex}.toast-text{color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.toast-icon{font-size:18px}.toast-error{background:#320a0ae6;border:1px solid #ff32324d}.toast-error .toast-text{color:#ff6b6b}.toast-success{background:#0a280ae6;border:1px solid #32ff324d}.toast-success .toast-text{color:#51cf66}@media (width<=480px){.toast-container{width:90%;padding:10px 16px}}.cooldown-timer-box{text-align:center;border-color:#ffffff0d;width:100%;max-width:320px;margin:16px auto;padding:20px}.timer-header{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.timer-value{color:var(--accent-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 15px #f59e0b4d;letter-spacing:1px;margin-bottom:16px;font-size:36px;font-weight:800}.progress-bar-container{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--accent-gold-hover), var(--accent-gold));height:100%;box-shadow:0 0 8px var(--accent-gold);border-radius:3px;transition:width .5s ease-out}.timer-info-text{color:var(--text-muted);font-size:11px;line-height:1.4}.loader-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:32px;display:flex}.compass-loader{border:4px solid var(--accent-gold);background:var(--bg-secondary);border-radius:50%;position:relative;box-shadow:0 0 15px #f59e0b33}.compass-loader.small{border-width:2px;width:40px;height:40px}.compass-loader.medium{width:70px;height:70px}.compass-loader.large{width:100px;height:100px}.compass-ring{border:1px dashed #f59e0b66;border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%}.compass-needle{background:linear-gradient(to top, var(--text-primary) 50%, var(--accent-red) 50%);transform-origin:50%;border-radius:2px;width:4px;height:80%;animation:2s cubic-bezier(.68,-.55,.27,1.55) infinite compass-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.compass-loader.small .compass-needle{width:2px}.compass-center{background:var(--accent-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #000c}.compass-loader.small .compass-center{width:4px;height:4px}.loader-message{color:var(--text-secondary);letter-spacing:.5px;text-align:center;margin-top:16px;font-size:14px;font-weight:500}@keyframes compass-spin{0%{transform:translate(-50%,-50%)rotate(0)}20%{transform:translate(-50%,-50%)rotate(180deg)}40%{transform:translate(-50%,-50%)rotate(90deg)}60%{transform:translate(-50%,-50%)rotate(270deg)}80%{transform:translate(-50%,-50%)rotate(320deg)}to{transform:translate(-50%,-50%)rotate(360deg)}}.streak-bar-container{border-radius:16px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.streak-header{justify-content:space-between;align-items:center;display:flex}.streak-title{color:#ffffffe6;font-size:16px;font-weight:600}.streak-count{color:#ff9800;text-shadow:0 0 10px #ff980080;font-size:18px;font-weight:700}.streak-timeline{scrollbar-width:none;position:relative;overflow-x:auto}.streak-timeline::-webkit-scrollbar{display:none}.streak-timeline-inner{min-width:720px;padding:20px 0 10px;position:relative}.streak-line-bg{z-index:1;background:#ffffff1a;border-radius:2px;width:calc(100% - 48px);height:4px;position:absolute;top:50px;left:24px}.streak-line-fill{background:linear-gradient(90deg,#ff9800,#ffc107);border-radius:2px;height:100%;transition:width .5s ease-out;box-shadow:0 0 10px #ff980080}.streak-nodes{z-index:2;justify-content:space-between;width:100%;display:flex;position:relative}.streak-node{flex-direction:column;flex:1;align-items:center;gap:6px;transition:transform .3s;display:flex;position:relative}.streak-node.current{transform:scale(1.1)}.streak-day-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:10px}.streak-node.completed .streak-day-label,.streak-node.current .streak-day-label{color:#ffffffe6}.streak-reward-icon{background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:relative}.streak-node.completed .streak-reward-icon,.streak-node.current .streak-reward-icon{background:#ff980033;border-color:#ff9800;box-shadow:0 0 10px #ff98004d}.reward-count{color:#fff;background:#ff9800;border-radius:8px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.streak-footer{text-align:center;color:#fff9;margin-top:4px;font-size:11px}.modal-overlay{z-index:1000;background:#04060ad1;justify-content:center;align-items:flex-start;padding:0 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content-container{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:380px;margin:auto 0;padding:40px 0;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modal-scale-in;display:flex}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-card-3d-wrapper{aspect-ratio:2.5/3.5;width:250px;transform-style:preserve-3d;cursor:grab;touch-action:none;border:1px solid #ffffff14;border-radius:16px;transition:box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 15px 35px #000000a6}.modal-card-3d-wrapper:active{cursor:grabbing}.modal-card-image{object-fit:cover;pointer-events:none;border-radius:16px;width:100%;height:100%;display:block}.modal-card-fallback{width:100%;height:100%;color:var(--text-primary);text-align:center;background:linear-gradient(135deg,#1f293d 0%,#0f172a 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.fallback-icon{filter:drop-shadow(0 0 12px #ffffff26);margin-bottom:16px;font-size:64px}.fallback-text{font-size:16px;font-weight:700}.modal-card-glare{pointer-events:none;mix-blend-mode:overlay;z-index:5;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.modal-card-holo-shine{pointer-events:none;z-index:4;opacity:.15;mix-blend-mode:color-dodge;background:linear-gradient(115deg,#0000 20%,#ff64fa4d 30%,#64c8ff4d 45%,#ffff964d 60%,#0000 80%) 0 0/200% 200%;width:100%;height:100%;animation:8s linear infinite holo-sweep;position:absolute;top:0;left:0}@keyframes holo-sweep{0%{background-position:0 0}to{background-position:200% 200%}}.modal-overlay.rarity-c{background-color:#06080cd9}.modal-overlay.rarity-uc{background-image:radial-gradient(circle,#4caf5026 0%,#04060ad9 80%)}.modal-overlay.rarity-r{background-image:radial-gradient(circle,#2196f326 0%,#04060ad9 80%)}.modal-overlay.rarity-sr{background-image:radial-gradient(circle,#9c27b02e 0%,#04060ad9 80%)}.modal-overlay.rarity-sec{background-image:radial-gradient(circle,#ff98002e 0%,#04060ad9 80%)}.modal-overlay.rarity-special{background-image:radial-gradient(circle,#e91e6333 0%,#04060ad9 80%)}.modal-overlay.is-aa{background-image:radial-gradient(circle,#ffd70026 0%,#04060ad9 80%)}.modal-overlay.rarity-manga{background-image:radial-gradient(circle,#ff323238 0%,#04060ad9 80%)}.modal-overlay.rarity-l{background-image:radial-gradient(circle,#f59e0b26 0%,#04060ad9 80%)}.modal-card-3d-wrapper.rarity-c{box-shadow:var(--glow-common), 0 15px 35px #0009}.modal-card-3d-wrapper.rarity-uc{box-shadow:var(--glow-uncommon), 0 15px 35px #000000a6;border-color:#4caf5066}.modal-card-3d-wrapper.rarity-r{box-shadow:var(--glow-rare), 0 15px 35px #000000b3;border-color:#2196f366}.modal-card-3d-wrapper.rarity-sr{box-shadow:var(--glow-super-rare), 0 20px 45px #000c;border-color:#9c27b080}.modal-card-3d-wrapper.rarity-sec{box-shadow:var(--glow-secret-rare), 0 20px 45px #000000d9;border-color:#ff980099}.modal-card-3d-wrapper.rarity-special{box-shadow:var(--glow-alternate-art), 0 22px 50px #000000e6;border-color:#e91e63b3}.modal-card-3d-wrapper.is-aa{border-color:#ffd700b3;box-shadow:0 0 25px #ffd70080,0 22px 50px #000000e6}.modal-card-3d-wrapper.rarity-manga{border-color:#fffc;box-shadow:0 0 35px #ffffffa6,0 22px 50px #000000f2}.modal-card-3d-wrapper.rarity-l{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b80,0 15px 35px #000000b3}.modal-card-3d-wrapper.card-not-owned .modal-card-image,.modal-card-3d-wrapper.card-not-owned .modal-card-fallback{filter:grayscale();opacity:.6}.modal-details-card{border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;width:100%;padding:20px;display:flex}.details-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-detail-title{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.3}.rarity-badge-detail{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.rarity-badge-detail.rarity-c{color:#e0e0e0;background:#9e9e9e33}.rarity-badge-detail.rarity-uc{color:#81c784;background:#4caf5033}.rarity-badge-detail.rarity-r{color:#64b5f6;background:#2196f333}.rarity-badge-detail.rarity-sr{color:#ba68c8;background:#9c27b033}.rarity-badge-detail.rarity-sec{color:#ffb74d;background:#ff980033}.rarity-badge-detail.rarity-special{color:#f06292;background:#e91e6333}.rarity-badge-detail.is-aa{color:gold;background:#ffd70033}.rarity-badge-detail.rarity-manga{color:#fff;background:linear-gradient(135deg,#ff007f 0%,#7f00ff 100%);box-shadow:0 0 10px #ff007f66}.rarity-badge-detail.rarity-l{color:#f59e0b;background:#f59e0b33}.details-body{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:12px 0;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:600}.detail-value.gold-text{color:var(--accent-gold);text-shadow:0 0 8px #f59e0b33;font-weight:800}.modal-close-btn{color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.modal-close-btn:hover{background:#ffffff1f;border-color:#fff3}.modal-close-btn:active{transform:scale(.97)}.details-actions{flex-direction:column;gap:8px;display:flex}.showcase-toggle-btn{color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.showcase-toggle-btn.active{color:var(--accent-gold);background:#f59e0b26;border-color:#f59e0b4d}.showcase-toggle-btn:hover{background:#ffffff14}.showcase-toggle-btn.active:hover{background:#f59e0b40}.modal-overlay.fullscreen-mode .modal-details-card{display:none}.modal-overlay.fullscreen-mode .modal-card-3d-wrapper{aspect-ratio:2.5/3.5;cursor:grab;width:90vw;max-width:min(500px,64.2857vh);height:auto;max-height:90vh}.modal-overlay.fullscreen-mode .modal-content-container{justify-content:center;max-width:none;height:100%}.crop-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.crop-modal-content{background:#19191ef2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:380px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards modal-pop;display:flex;box-shadow:0 20px 50px #00000080}.crop-title{color:#fff;margin:0;font-size:20px;font-weight:700}.crop-preview-container{border:4px solid var(--primary-color,#fa0);background:#0000004d;border-radius:50%;width:200px;height:200px;padding:4px;box-shadow:0 0 20px #ffaa004d}.crop-preview-circle{background:#111;border-radius:50%;width:100%;height:100%;overflow:hidden}.crop-image-layer{touch-action:none;width:100%;height:100%}.crop-controls{flex-direction:column;gap:16px;width:100%;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:#ffffffb3;font-size:13px;font-weight:500}.control-group input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.control-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color,#fa0);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ffaa0080}.crop-actions{gap:12px;width:100%;display:flex}.crop-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600}.crop-cancel-btn{color:#fff;background:#ffffff1a}.crop-save-btn{color:#fff;background:linear-gradient(135deg,#fa0 0%,#f70 100%);box-shadow:0 4px 15px #ffaa004d}.crop-save-btn:disabled{opacity:.6;filter:grayscale()}.crop-hint{color:#ffffff80;text-align:center;margin-top:8px;font-size:12px}.collection-page-container{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:16px 16px 90px;display:flex;overflow-y:auto}.collection-page-container.swipe-mode{padding-left:0;padding-right:0;overflow-x:hidden}.swipeable-container{flex:1;align-self:flex-start;align-items:flex-start;width:200%;transition:transform .3s ease-in-out;display:flex}.swipe-page{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;width:50%;padding:0 16px;display:flex}.swipe-page.inactive{pointer-events:none;height:0;overflow:hidden}.swipe-page.inactive>*{flex-shrink:0}.global-tabs-container{width:100%;max-width:480px;margin-bottom:16px}.global-tabs{background:#0003;border-radius:12px;padding:4px;display:flex}.global-tab{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .3s}.global-tab.active{background:var(--accent-gold);color:#080c14;box-shadow:0 2px 8px #f59e0b4d}.stats-board{border-color:#ffffff0d;justify-content:space-around;align-items:center;width:100%;max-width:480px;margin-bottom:16px;padding:16px;display:flex}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:4px;font-size:11px}.stat-value.gold{color:var(--accent-gold);text-shadow:0 0 10px #f59e0b33}.progress-total{color:var(--text-secondary)}.stat-divider{background:#ffffff1a;width:1px;height:35px}.filters-container{border-color:#ffffff0d;flex-direction:column;gap:12px;width:100%;max-width:480px;margin-bottom:16px;padding:14px;display:flex}.search-row{gap:8px;width:100%;display:flex}.search-input{color:var(--text-primary);font-family:var(--font-primary);background:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:var(--accent-gold)}.toggle-filters-btn{width:42px;color:var(--text-primary);cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.toggle-filters-btn:hover{background:#ffffff0d}.toggle-filters-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:#080c14}.filter-icon{width:18px;height:18px}.filters-collapsible{flex-direction:column;gap:12px;width:100%;animation:.2s ease-out slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selectors-row{gap:12px;width:100%;display:flex}.selector-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.selector-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:600}.filter-select{color:var(--text-primary);font-family:var(--font-primary);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:8px;font-size:13px;overflow:hidden}.filter-tabs{flex-wrap:wrap;gap:6px;padding-bottom:2px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent-gold);color:#080c14;border-color:var(--accent-gold)}.collection-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;padding:4px;display:grid}@media (width>=400px){.collection-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.collection-card-wrapper{border-radius:12px;width:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative}.collection-card-wrapper.preview-mode{z-index:50;transform:scale(1.15)perspective(1000px)rotateX(10deg)rotateY(-5deg)translateZ(30px);box-shadow:0 20px 40px #0009}.collection-card-wrapper.clickable{cursor:pointer}.card-counter-badge{background:var(--bg-secondary,#7c7c80);color:#fff;width:24px;height:24px;box-shadow:0 2px 8px #00000080, 0 0 0 2px var(--bg-primary);z-index:10;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex;position:absolute;top:-8px;right:-8px}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.empty-collection{text-align:center;border-color:#ffffff0d;width:100%;max-width:480px;padding:40px 24px}.empty-title{color:var(--accent-gold);margin-bottom:8px;font-size:18px;font-weight:700}.empty-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.sets-tab-container{width:100%;max-width:480px}.sets-grid{flex-direction:column;gap:12px;display:flex}.set-card{flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.set-card.clickable:hover{background:#ffffff14;border-color:#f59e0b4d;transform:translateY(-2px)}.set-name{color:var(--text-primary);font-size:16px;font-weight:700}.set-progress{flex-direction:column;gap:6px;display:flex}.progress-text{color:var(--text-secondary);font-size:12px}.progress-bar-bg{background:#0000004d;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent-gold);border-radius:4px;height:100%;transition:width .5s ease-out}.card-not-owned{position:relative}.card-not-owned .card-image,.card-not-owned .card-fallback-image{filter:grayscale();opacity:.4}.card-not-owned .card-back{filter:grayscale();opacity:.5}.back-btn-circle{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;left:12px}.back-btn-circle:hover{background:#fff3;transform:scale(1.05)}.back-btn-circle svg{width:20px;height:20px}.set-detail-info.sticky-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#1e232dd9;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:16px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0003}.set-detail-title{color:var(--accent-gold);text-align:center;font-size:18px;font-weight:700}.set-progress-container{flex-direction:column;gap:12px;width:100%;display:flex}.progress-bar-fill.value-fill{background:var(--accent-gold)}.scroll-to-top-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:900;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;animation:.3s fadeIn;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 15px #0000004d}.scroll-to-top-btn:active{background:#fff3;transform:scale(.9)}.scroll-to-top-btn svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-page-container{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:16px 16px 90px;display:flex;overflow-y:auto}.leaderboard-header{text-align:center;width:100%;margin-bottom:24px}.leaderboard-header h1{color:var(--text-primary);font-size:20px;font-weight:800}.leaderboard-header .subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.podium-container{border-color:#ffffff0d;justify-content:center;align-items:flex-end;width:100%;max-width:480px;margin-bottom:20px;padding:24px 12px 12px;display:flex}.podium-item{flex-direction:column;flex:1;align-items:center;transition:transform .3s;display:flex;position:relative}.podium-item:hover{transform:translateY(-4px)}.podium-avatar-wrapper{margin-bottom:8px;position:relative}.podium-avatar{background:var(--bg-tertiary);border:2px solid var(--text-muted);width:50px;height:50px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 10px #00000080}.podium-rank-badge{filter:drop-shadow(0 2px 4px #00000080);font-size:16px;position:absolute;bottom:-6px;right:-6px}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;color:var(--text-secondary);text-align:center;margin-bottom:2px;font-size:11px;font-weight:600;overflow:hidden}.podium-title{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;margin-bottom:4px;font-size:9px;overflow:hidden}.podium-value{color:var(--accent-gold);margin-bottom:12px;font-size:11px;font-weight:700}.podium-stand{background:linear-gradient(180deg, var(--bg-secondary) 0%, #0f162666 100%);border:1px solid #ffffff0d;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center;width:90%;display:flex;box-shadow:inset 0 1px #ffffff0d}.stand-number{color:var(--text-muted);padding:8px 0;font-size:20px;font-weight:800}.rank-1 .podium-stand{background:linear-gradient(#f59e0b26 0%,#0f162666 100%);border-color:#f59e0b40;height:70px}.rank-1 .podium-avatar{border-color:var(--accent-gold);width:62px;height:62px;font-size:18px;box-shadow:0 0 15px #f59e0b4d}.rank-1 .podium-name{color:var(--text-primary);font-size:13px;font-weight:700}.rank-1 .podium-title{margin-bottom:4px;font-size:10px}.rank-1 .podium-value{font-size:13px}.rank-1 .stand-number{color:var(--accent-gold);padding:12px 0;font-size:28px}.rank-2 .podium-stand{background:linear-gradient(#ffffff0d 0%,#0f162666 100%);height:48px}.rank-2 .podium-avatar{border-color:#cbd5e1}.rank-2 .stand-number{color:#cbd5e1}.rank-3 .podium-stand{background:linear-gradient(#d977060d 0%,#0f162666 100%);height:32px}.rank-3 .podium-avatar{border-color:#b45309}.rank-3 .stand-number{color:#b45309}.highlight-user .podium-name{color:#10b981!important}.leaderboard-list{border-color:#ffffff0d;flex-direction:column;width:100%;max-width:480px;padding:8px;display:flex}.list-row{border-radius:8px;align-items:center;margin-bottom:4px;padding:10px 8px;transition:background-color .2s;display:flex}.list-row:last-child{margin-bottom:0}.list-row:nth-child(2n){background:#ffffff05}.list-row:hover{background:#ffffff0a}.list-row.me{background:#10b98114;border:1px solid #10b98133}.row-rank{width:32px;color:var(--text-muted);text-align:center;font-size:13px;font-weight:700}.row-avatar{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:10px;font-weight:700;display:flex}.row-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.row-name-wrapper{align-items:center;gap:8px;display:flex}.row-title{color:var(--text-muted);font-size:10px;font-weight:400}.row-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:500;overflow:hidden}.me-badge{background:var(--accent-red);color:#fff;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.row-value{color:var(--accent-gold);font-size:13px;font-weight:700}.me .row-name{color:#10b981;font-weight:600}.user-avatar{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000004d}.user-avatar.default-avatar{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:2px solid #fff3}.user-avatar.custom-avatar{border:2px solid var(--primary-color,#fa0);box-shadow:0 0 15px #fa03}.user-avatar:active{transform:scale(.95)}.profile-overlay{z-index:1000;background:#0f172ad9;justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.profile-panel{background:#1e293bcc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 6px #0003}.profile-drag-handle{z-index:2;background:#ffffff4d;border-radius:10px;width:40px;height:5px;margin:-10px auto 15px}.profile-modal-content{background:var(--bg-primary);border:1px solid #ffffff1a;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:600px;max-height:calc(100dvh - 20px);padding:24px 16px;animation:.3s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 -10px 40px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-header-bg{background:linear-gradient(135deg, var(--accent-gold) 0%, #f59e0b33 100%);opacity:.15;z-index:0;width:100%;height:100px;position:absolute;top:0;left:0}.profile-avatar-container{z-index:1;justify-content:center;margin-top:10px;display:flex}.profile-avatar{background:var(--bg-tertiary);border:3px solid var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:45px;display:flex;box-shadow:0 4px 15px #0006}.profile-info-section{text-align:center;z-index:1}.profile-name{color:var(--text-primary);letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;margin:0;font-size:24px;font-weight:700;display:flex}.name-edit-icon{cursor:pointer;opacity:.5;background:0 0;border:none;align-items:center;padding:4px;font-size:16px;transition:opacity .2s;display:flex}.name-edit-icon:hover{opacity:1}.name-edit-form{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.name-edit-input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:12px;outline:none;width:160px;padding:8px 12px;font-family:inherit;font-size:20px;font-weight:700;transition:border-color .2s}.name-edit-input:focus{border-color:var(--accent-gold)}.name-save-btn,.name-cancel-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;font-size:16px;display:flex}.name-save-btn:active,.name-cancel-btn:active{transform:scale(.9)}.profile-title{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:14px;font-weight:600;display:block}.profile-stats{z-index:1;gap:12px;display:flex}.stat-box{background:#ffffff08;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;display:flex}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);text-align:center;font-size:12px}.gold-text{color:var(--accent-gold);text-shadow:0 0 10px #f59e0b4d}.profile-showcase{z-index:1;flex-direction:column;gap:12px;display:flex}.showcase-title{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.showcase-slots{justify-content:space-between;gap:12px;display:flex}.showcase-slot{aspect-ratio:2/3;background:#ffffff05;border:1px dashed #ffffff26;border-radius:8px;flex:1;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.showcase-slot.filled{background:#0003;border:1px solid #fff3;padding:4px}.showcase-slot.clickable{cursor:pointer}.showcase-slot.clickable:active{transform:scale(.97)}.showcase-card-img{object-fit:cover;border-radius:4px;width:100%;height:100%}.showcase-card-glare{pointer-events:none;mix-blend-mode:overlay;z-index:5;opacity:0;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.empty-slot-icon{color:#fff3;font-size:24px}.showcase-hint{color:var(--text-muted);text-align:center;opacity:.7;margin-top:4px;font-size:11px}.profile-close-btn{width:100%;color:var(--text-primary);z-index:1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:10px;padding:16px;font-size:16px;font-weight:600}.settings-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row-col{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;margin-bottom:12px;padding:12px 16px;display:flex}.settings-row-col:last-child{margin-bottom:0}.settings-row-header{justify-content:space-between;align-items:center;width:100%;display:flex}.profile-sync-info{z-index:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;font-size:13px;display:flex}.sync-info-label{color:var(--text-muted)}.sync-info-value{color:var(--accent-gold);font-weight:500}.profile-settings{z-index:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:16px;margin-top:4px;padding:16px;display:flex}.settings-title{color:var(--text-secondary);margin:0 0 4px;font-size:16px;font-weight:600}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-label{color:var(--text-primary);font-size:14px}.settings-switch{width:50px;height:28px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{cursor:pointer;background-color:#fff3;transition:all .3s;position:absolute;inset:0}.settings-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.settings-slider{background-color:var(--accent-gold)}input:focus+.settings-slider{box-shadow:0 0 1px var(--accent-gold)}input:checked+.settings-slider:before{transform:translate(22px)}.settings-slider.round{border-radius:28px}.settings-label-group{flex-direction:column;gap:8px;display:flex}.settings-row-col .packs-slider{width:100%;accent-color:var(--accent-gold);margin-top:15px;margin-bottom:5px}.settings-hint{color:var(--text-muted);opacity:.7;margin-top:8px;font-size:11px}.settings-divider{background:#ffffff12;height:1px;margin:4px 0}.showcase-tooltip{pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ef2;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:10px;animation:.2s ease-out forwards tooltip-fade-in;box-shadow:0 8px 32px #00000080}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-loader,.tooltip-error,.tooltip-empty{color:#fff9;text-align:center;padding:10px;font-size:12px}.tooltip-header{color:#fc0;text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}.tooltip-cards{justify-content:center;gap:6px;display:flex}.tooltip-card{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;width:50px;height:70px;overflow:hidden}.tooltip-card img{object-fit:contain;width:100%;height:100%}.patch-notes-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#04060abf;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out patch-fade-in;display:flex;position:fixed;inset:0}@keyframes patch-fade-in{0%{opacity:0}to{opacity:1}}.patch-notes-modal{background:#141923d9;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:360px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) patch-slide-up;display:flex;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes patch-slide-up{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.patch-notes-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.patch-notes-header h2{color:var(--text-primary);background:linear-gradient(135deg,#fff,#a0a5b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:800}.patch-version-block{border-bottom:1px dashed #ffffff1a;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.patch-version-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.patch-version-header{justify-content:space-between;align-items:center;display:flex}.patch-version-badge{color:var(--accent-gold);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:800}.patch-date{color:var(--text-secondary);font-size:12px}.patch-notes-content{flex-direction:column;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.patch-notes-content::-webkit-scrollbar{width:4px}.patch-notes-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.patch-notes-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.patch-notes-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.patch-notes-list li{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4;position:relative}.patch-notes-close-btn{color:#fff;font-size:15px;font-weight:700;font-family:var(--font-primary);cursor:pointer;background:linear-gradient(135deg,#f59e0be6 0%,#d97706e6 100%);border:none;border-radius:14px;width:100%;padding:14px;transition:all .2s;box-shadow:0 4px 12px #f59e0b40}.patch-notes-close-btn:active{transform:scale(.96);box-shadow:0 2px 6px #f59e0b33}