@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Nunito:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--color-common:#9d9d9d;--color-uncommon:#1eff00;--color-rare:#0070dd;--color-epic:#a335ee;--color-legendary:#ff8000;--color-mythic:#d00;--color-iconic:#f48;--glow-common:0 0 8px #9d9d9d66;--glow-uncommon:0 0 12px #1eff0080, 0 0 24px #1eff0033;--glow-rare:0 0 12px #0070dd80, 0 0 24px #0070dd33;--glow-epic:0 0 16px #a335ee99, 0 0 32px #a335ee4d;--glow-legendary:0 0 20px #ff8000b3, 0 0 40px #ff80004d, 0 0 60px #ff800026;--glow-mythic:0 0 20px #dc000099, 0 0 40px #b400004d, 0 0 60px #dc000026;--glow-iconic:0 0 20px #ff4488b3, 0 0 40px #6444ff66, 0 0 60px #44c8ff33;--color-gold:#009e8f;--color-ember:#00b3a2;--color-bronze:#007a6e;--color-graphite:#433a3f;--color-slate:#3d5a6c;--bg-primary:#e1f0eb;--bg-secondary:#d7e6e1;--bg-surface:#e1f0ebbf;--bg-surface-hover:#d2e6ded9;--bg-overlay:#00000073;--text-primary:#2d2d2d;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--text-on-accent:#0a1420;--accent-primary:#009e8f;--accent-secondary:#00857a;--accent-highlight:#00b3a2;--error-color:#f44;--border-subtle:#009e8f40;--card-width:280px;--card-height:400px;--card-border-radius:12px;--card-mini-width:160px;--card-mini-height:228px;--font-display:"Space Grotesk", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-body:"Space Grotesk", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--navbar-height:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:20px;--radius-full:50%;--disabled-opacity:.5;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-card:1;--z-card-hover:10;--z-modal:100;--z-navbar:50;--z-particles:5;--status-open:var(--color-ember);--status-closed:#f0a500;--status-resolved:var(--color-gold);--status-cancelled:var(--error-color);--status-draft:#a89478;--bet-color-1:#6366f1;--bet-color-2:#ec4899;--bet-color-3:#f59e0b;--bet-color-4:#10b981;--bet-color-5:#8b5cf6;--bet-color-6:#ef4444}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotate-border{0%{--border-angle:0deg}to{--border-angle:360deg}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rainbow-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes legendary-pulse{0%,to{box-shadow:0 0 6px #ff800026}50%{box-shadow:0 0 12px #ff800040,0 0 24px #ff80001a}}@keyframes epic-rotate{0%{background:conic-gradient(#a335ee,#7b1fa2,#a335ee)}to{background:conic-gradient(from 360deg,#a335ee,#7b1fa2,#a335ee)}}@keyframes bobbing{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-1deg)}75%{transform:translateY(-5px)rotate(1deg)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-4px)rotate(-.5deg)}20%{transform:translate(4px)rotate(.5deg)}30%{transform:translate(-6px)rotate(-1deg)}40%{transform:translate(6px)rotate(1deg)}50%{transform:translate(-8px)rotate(-1.5deg)}60%{transform:translate(8px)rotate(1.5deg)}70%{transform:translate(-10px)rotate(-2deg)}80%{transform:translate(10px)rotate(2deg)}90%{transform:translate(-12px)rotate(-2deg)}}@keyframes tear-open{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,50% 0,30% 50%,0 100%)}}@keyframes flash-burst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}@keyframes card-flip{0%{transform:rotateY(180deg)scale(.8)}50%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)scale(1)}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-5px)}20%{transform:translate(5px,3px)}30%{transform:translate(-3px,5px)}40%{transform:translate(3px,-3px)}50%{transform:translate(-5px,5px)}60%{transform:translate(5px,-5px)}70%{transform:translate(-3px,3px)}80%{transform:translate(3px,-3px)}90%{transform:translate(-5px,-5px)}}@keyframes golden-rain{0%{opacity:1;transform:translateY(-100%)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes teal-glow{0%,to{border-color:#009e8f80;box-shadow:0 0 4px #009e8f33,inset 0 0 4px #009e8f1a}50%{border-color:#009e8f99;box-shadow:0 0 12px #009e8f80,0 0 24px #009e8f33,inset 0 0 8px #009e8f29}}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:linear-gradient(135deg, var(--color-gold), var(--color-bronze)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;color:var(--text-on-accent);font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:14px 40px;font-size:1rem;font-weight:700;animation:3s linear infinite rotate-border-gradient;box-shadow:0 4px 20px #009e8f66}.btn-primary:hover{border-color:#009e8f99;transform:translateY(-2px);box-shadow:0 8px 30px #009e8f99}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(#e1f0eb99, #e1f0eb99) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;color:var(--text-secondary);font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:14px 40px;font-size:1rem;font-weight:600;animation:3s linear infinite rotate-border-gradient}.btn-secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#009e8f99;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none}.btn-danger{color:var(--error-color);border-color:#f443}.btn-danger:hover{color:var(--error-color);background:#ff44440f;border-color:#f446}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.empty-state{align-items:center;gap:var(--space-lg);padding:var(--space-3xl);text-align:center;color:var(--text-muted);flex-direction:column;font-size:1.1rem;display:flex}.empty-state__icon{color:var(--text-muted);opacity:.5}.empty-state__text{max-width:400px;line-height:1.6}.back-btn{align-items:center;gap:var(--space-xs);color:var(--text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast);cursor:pointer;font-size:.9rem;font-family:var(--font-body);background:0 0;border:none;text-decoration:none;display:inline-flex}.back-btn:hover{color:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:#e8f0ec;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:1;background-image:url(/assets/textures/bg2.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bronze);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(#0000 40%,#00000026 100%);position:fixed;inset:0}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-border-gradient{to{--border-angle:360deg}}.rotating-border{transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;box-shadow:0 0 12px #009e8f33,inset 0 0 4px #009e8f0f;background:linear-gradient(var(--_panel-bg,var(--bg-surface)), var(--_panel-bg,var(--bg-surface))) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box!important;border:1px solid #0000!important}.page{padding:var(--space-lg);flex:1;width:100%;max-width:1600px;margin:0 auto}.page-title{font-family:var(--font-heading);color:var(--accent-primary);margin-bottom:var(--space-lg);text-align:center;text-shadow:none;font-size:2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.page{padding:var(--space-md)}.page-title{font-size:1.5rem}}@media (width<=480px){.page{padding:var(--space-sm) var(--space-md)}.page-title{font-size:1.3rem}}.rotating-border:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.reduced-fx .particles-canvas,.reduced-fx .card__particles{display:none}.reduced-fx .rotating-border,.reduced-fx .audio-modal,.reduced-fx .navbar__songitos,.reduced-fx .navbar__pack-notif,.reduced-fx .navbar__avatar,.reduced-fx .collection-sell-dupes__btn,.reduced-fx .collection-confirm,.reduced-fx .collection-confirm__cancel{border-color:#009e8f4d!important;animation:none!important}.reduced-fx .card__glow--uncommon,.reduced-fx .card__glow--rare,.reduced-fx .card__glow--epic,.reduced-fx .card__glow--legendary,.reduced-fx .card__glow--mythic,.reduced-fx .card__glow--iconic,.reduced-fx .card--epic:after,.reduced-fx .card--mythic:after,.reduced-fx .card--iconic:after,.reduced-fx .card--foil .card__holo,.reduced-fx .card--foil .card__glow:before{animation:none!important}.reduced-fx .card__glow--epic:before,.reduced-fx .card__glow--legendary:before,.reduced-fx .card__glow--legendary:after,.reduced-fx .card__glow--mythic:before,.reduced-fx .card__glow--mythic:after,.reduced-fx .card__glow--iconic:before,.reduced-fx .card__glow--iconic:after{content:none!important;background:0 0!important;animation:none!important}.reduced-fx .navbar,.reduced-fx .navbar__links,.reduced-fx .audio-modal,.reduced-fx .card__frame-top,.reduced-fx .card__frame-bottom,.reduced-fx .collection-confirm-overlay,.reduced-fx .modal-overlay{-webkit-backdrop-filter:none!important}.navbar{z-index:var(--z-navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid #0000;border-image:conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) 1;box-shadow:none;background:#e1f0ebbf;animation:20s linear infinite rotate-border-gradient;position:sticky;top:0}.navbar__inner{max-width:1600px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.navbar__brand{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:3px;text-transform:uppercase;flex-shrink:0;font-size:1.3rem;font-weight:700}@keyframes brand-gem-pulse{0%,to{filter:drop-shadow(0 0 6px #b4ebf5cc)}50%{filter:drop-shadow(0 0 14px #c8f0ff)drop-shadow(0 0 24px #a0e6f080)}}@keyframes brand-gem-shift{0%{background-position:0%}to{background-position:300%}}.navbar__links{align-items:center;gap:2px;display:flex}.navbar__link{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;font-size:.95rem;font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary)}.navbar__link.active{color:#009e8f;font-weight:700}.navbar__link.active:after{content:"";bottom:0;left:var(--space-md);right:var(--space-md);background:#009e8f;border-radius:1px;height:2px;position:absolute}.navbar__link--admin{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;display:flex}.navbar__link--admin.active{color:var(--color-gold)}.navbar__admin-dropdown{position:relative}.navbar__admin-trigger{cursor:pointer;background:0 0;border:none}.navbar__admin-menu{z-index:200;background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-md);border:1px solid #0000;min-width:140px;padding:4px;animation:3s linear infinite rotate-border-gradient;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.navbar__admin-dropdown:hover .navbar__admin-menu,.navbar__admin-dropdown:focus-within .navbar__admin-menu{flex-direction:column;display:flex}.navbar__admin-menu-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;padding:8px 14px;font-size:.78rem;font-weight:500}.navbar__admin-menu-item:hover{color:var(--text-primary);background:#009e8f1f}.navbar__admin-menu-item.active{color:var(--color-gold)}.navbar__dot{background:var(--color-ember);border-radius:var(--radius-full);width:6px;height:6px;animation:2s ease-in-out infinite nav-dot-pulse;position:absolute;top:6px;right:4px}@keyframes nav-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.navbar__badge-count{background:var(--color-gold);min-width:16px;height:16px;color:var(--text-on-accent);border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:0}.navbar__audio-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__audio-btn:hover{color:var(--text-primary);background:#009e8f33}.audio-modal__backdrop{z-index:999;position:fixed;inset:0}.audio-modal{top:calc(var(--navbar-height) - 4px);right:var(--space-lg);z-index:1000;background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);border:1px solid #0000;min-width:200px;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;position:absolute;box-shadow:0 8px 32px #00000080}.audio-modal__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.audio-modal__row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-secondary);transition:color var(--transition-fast);display:flex}.audio-modal__row:hover{color:var(--text-primary)}.audio-modal__label{flex:1;font-size:.85rem;font-weight:500}.audio-modal__slider{appearance:none;background:#009e8f4d;border-radius:2px;outline:none;flex-shrink:0;width:90px;height:4px}.audio-modal__slider::-webkit-slider-thumb{appearance:none;background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.audio-modal__slider::-moz-range-thumb{background:var(--color-gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.audio-modal__slider::-webkit-slider-runnable-track{border-radius:2px;height:4px}.audio-modal__slider::-moz-range-track{background:#009e8f4d;border-radius:2px;height:4px}.audio-modal__divider{height:1px;margin:var(--space-sm) 0;background:#009e8f26}.audio-modal__toggle-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);display:flex}.audio-modal__toggle-row:hover{color:var(--text-primary)}.audio-modal__toggle-row input{display:none}.audio-modal__switch{background:#ffffff1f;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .3s;position:relative}.audio-modal__switch:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .3s,background .3s;position:absolute;top:3px;left:3px}.audio-modal__toggle-row input:checked~.audio-modal__switch{background:linear-gradient(135deg,#00d4b499,#00bcd499)}.audio-modal__toggle-row input:checked~.audio-modal__switch:after{background:#fff;transform:translate(16px)}.audio-modal__hint{color:var(--text-muted);opacity:.7;margin:2px 0 0;font-size:.7rem}.navbar__pack-notif{height:32px;color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#d5f6ec;border:none;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:90px;padding:0 12px;font-size:.85rem;font-weight:700;display:flex;position:relative}.navbar__pack-badge{color:#fff;background:#009e8f;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.navbar__pack-timer{color:var(--text-primary);font-size:.85rem;font-weight:700}.navbar__songitos{height:32px;color:var(--text-primary);white-space:nowrap;background:#d5f6ec;border:none;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:90px;padding:0 12px;font-size:.85rem;font-weight:700;display:flex}.navbar__right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.navbar__user{flex-shrink:0;align-items:center;display:flex}.navbar__avatar{border-radius:var(--radius-full);object-fit:cover;background:#d5f6ec;border:2px solid #009e8f;width:32px;height:32px}.navbar__avatar--placeholder{color:var(--color-gold);font-family:var(--font-heading);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.navbar__hamburger{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{color:var(--text-primary);background:#009e8f33}.navbar__backdrop{display:none}@media (width<=768px){.navbar__inner{padding:0 var(--space-md)}.navbar__brand{letter-spacing:2px;font-size:.9rem}.navbar__avatar{width:28px;height:28px}.navbar__hamburger{display:flex}.navbar__links{top:var(--navbar-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-sm) 0;opacity:0;pointer-events:none;z-index:100;background:#e1f0ebf7;border-bottom:2px solid #009e8f4d;flex-direction:column;gap:0;transition:opacity .2s,transform .2s;display:flex;position:absolute;left:0;right:0;transform:translateY(-8px);box-shadow:0 0 8px #009e8f70,inset 0 0 4px #009e8f24}.navbar__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__link{padding:var(--space-md) var(--space-lg);border-bottom:2px solid #009e8f1f;font-size:.9rem;box-shadow:0 0 8px #009e8f2e,inset 0 0 4px #009e8f0f}.navbar__link:last-child{border-bottom:none}.navbar__link.active:after{top:50%;bottom:auto;left:var(--space-sm);border-radius:2px;width:3px;height:60%;right:auto;transform:translateY(-50%)}.navbar__admin-dropdown{display:contents}.navbar__admin-trigger{display:none}.navbar__admin-menu{display:contents}.navbar__admin-menu-item{padding:var(--space-md) var(--space-lg);color:var(--text-muted);border-bottom:2px solid #009e8f1f;font-size:.85rem;box-shadow:0 0 8px #009e8f2e,inset 0 0 4px #009e8f0f}.navbar__backdrop{inset:0;top:var(--navbar-height);z-index:99;background:#00000080;display:block;position:fixed}}@media (width<=480px){.navbar__brand{letter-spacing:1px;font-size:.8rem}.navbar__link{padding:var(--space-sm) var(--space-lg);font-size:.85rem}}.audio-modal:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-container{z-index:1;width:100%;max-width:400px;padding:var(--space-2xl) var(--space-xl);background:linear-gradient(#e1f0eb, #e1f0eb) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:3px solid #0000;animation:20s linear infinite rotate-border-gradient;position:relative;box-shadow:0 0 16px #79550066,0 0 32px #ffd70026}.login-header{text-align:center;margin-bottom:var(--space-sm)}.login-logo{width:auto;height:240px;margin:-16px auto -8px;display:block}.login-subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.9rem}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-group input{border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);background:#ffffffb3;border:1px solid #009e8f33;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:hover{border-color:#009e8f66}.form-group input:focus{border-color:#009e8f;box-shadow:0 0 0 3px #009e8f1f}.form-group input::placeholder{color:var(--text-muted)}.login-error{color:#d32f2f;text-align:center;padding:var(--space-sm);border-radius:var(--radius-sm);background:#d32f2f14;font-size:.85rem}.btn-primary{color:#fff;font-size:.9rem;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#009e8f;border:none;padding:14px;transition:background .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:#00b3a2;box-shadow:0 4px 16px #009e8f4d}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.login-toggle{text-align:center;color:var(--text-secondary);font-size:.9rem}.login-toggle button{color:#009e8f;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:700}.login-toggle button:hover{text-decoration:underline}@media (width<=480px){.login-container{max-width:100%;padding:var(--space-xl) var(--space-lg);margin:0 var(--space-md)}.login-title{letter-spacing:1px;font-size:1.8rem}.login-subtitle{font-size:.8rem}}.title-prefix{color:#1a1a1a;white-space:nowrap;margin-right:4px;font-size:.85em;font-weight:700}.title-suffix{color:#1a1a1a;white-space:nowrap;margin-left:4px;font-size:.8em;font-weight:700}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid #0000;width:100%;max-width:600px;max-height:90vh;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;position:relative;overflow-y:auto;box-shadow:0 8px 40px #00000080,0 0 20px #009e8f29}.modal-title{font-family:var(--font-heading);color:var(--color-gold);margin-bottom:var(--space-lg);text-shadow:0 1px 4px #009e8f66;font-size:1.3rem}.modal-close{top:var(--space-md);right:var(--space-md);color:var(--text-muted);padding:var(--space-xs);transition:color var(--transition-fast);font-size:1.2rem;position:absolute}.modal-close:hover{color:var(--color-gold)}@media (width<=480px){.modal-overlay{padding:var(--space-sm)}.modal-content{padding:var(--space-lg);border-radius:var(--radius-lg)}.modal-title{font-size:1.1rem}}.modal-content:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}@keyframes gem-golden{0%{background-position:0%}to{background-position:300%}}@keyframes gem-rainbow{0%{background-position:0%}to{background-position:300%}}@keyframes gem-pulse{0%,to{box-shadow:0 0 6px #ff800080}50%{box-shadow:0 0 14px #ff8000e6,0 0 22px #ffc8004d}}.home-page{max-width:1600px;padding:var(--space-2xl) var(--space-lg) 0;gap:var(--space-2xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.home-hero__logo{z-index:2;pointer-events:none;width:auto;height:280px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.home-welcome{font-family:var(--font-heading);color:var(--text-primary);text-align:right;font-size:3rem;font-weight:800;line-height:1.1}.home-username{color:#009e8f}.home-subtitle{color:var(--text-secondary);margin-top:var(--space-sm);max-width:500px;font-size:1.05rem;line-height:1.6}.home-news-banner{gap:var(--space-sm);flex-direction:column;margin-top:140px;display:flex}.news-banner__viewport{border-radius:var(--radius-xl);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border:5px solid #0000;min-height:550px;animation:20s linear infinite rotate-border-gradient;position:relative;overflow:visible;box-shadow:0 0 16px #79550066,0 0 32px #ffd70026}.news-banner__slide{cursor:pointer;border-radius:calc(var(--radius-xl) - 5px);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:550px;display:flex;position:relative;overflow:hidden}.news-banner__overlay{pointer-events:none;background:linear-gradient(90deg,#e1f0eb 0%,#e1f0ebf2 30%,#e1f0eb99 55%,#0000 75%);position:absolute;inset:0}.news-banner__content{z-index:1;gap:var(--space-sm);max-width:500px;padding:var(--space-2xl);flex-direction:column;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.news-banner__tag{text-transform:uppercase;letter-spacing:2px;color:#009e8f;width:fit-content;font-size:.65rem;font-weight:700;display:inline-block}.news-banner__title{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;font-size:3.5rem;font-weight:700;line-height:1.15}.news-banner__btn{color:#fff;border-radius:var(--radius-md);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:background var(--transition-fast);width:fit-content;margin-top:var(--space-sm);background:#009e8f;border:none;padding:10px 28px;font-size:.85rem;font-weight:700}.news-banner__btn:hover{background:#00b3a2}.news-banner__subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.news-banner__dots{justify-content:center;gap:8px;display:flex}.news-banner__dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#79550066;border:none;border-radius:50%;padding:0}.news-banner__dot--active{background:#009e8f;transform:scale(1.25);box-shadow:0 0 8px #79550099}.news-modal-body{gap:var(--space-md);flex-direction:column;display:flex}.news-modal-body__img{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:280px}.news-modal-body__subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.news-modal-body__text{color:var(--text-secondary);white-space:pre-wrap;font-size:.9rem;line-height:1.7}.news-modal-body__date{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.home-stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-lg);transition:box-shadow .8s ease-in-out;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #0000;flex-direction:column;animation:3s linear infinite rotate-border-gradient;display:flex}.stat-card:hover{border-color:#009e8f4d;box-shadow:0 0 30px #009e8f14}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:.7rem;font-weight:600}.stat-card__icon{color:var(--color-gold);opacity:.3}.stat-card__value{font-family:var(--font-heading);color:var(--text-primary);font-size:2.4rem;font-weight:700;line-height:1}.stat-card__total{color:var(--text-muted);font-size:1rem;font-weight:400}.stat-card__unit{color:var(--text-muted);margin-left:2px;font-size:1.2rem}.stat-card__bar{width:100%;height:4px;margin-top:var(--space-xs);background:#009e8f29;border-radius:2px;overflow:hidden}.stat-card__bar-fill{background:linear-gradient(90deg, var(--color-gold), var(--color-ember));border-radius:2px;height:100%;transition:width .8s;box-shadow:0 0 8px #009e8f99}.stat-card__hint{color:var(--text-muted);margin-top:auto;font-size:.75rem}.home-split{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.home-split__panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);border-bottom:3px solid #0000;border-image:conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) 1;background:#e1f0ebbf;border-image-slice:0 0 1;flex-direction:column;animation:20s linear infinite rotate-border-gradient;display:flex}.home-split__empty{color:var(--text-muted);text-align:center;padding:var(--space-lg);font-size:.85rem}.home-pulls__list{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.home-duel-ranking{flex-direction:column;gap:4px;display:flex}.home-duel-rank-row{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff80;grid-template-columns:32px 80px 1fr 56px 52px;align-items:center;gap:6px;padding:8px 12px;display:grid;position:relative;overflow:hidden}.home-duel-rank-row__bg{opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.home-duel-rank-row--has-bg>:not(.home-duel-rank-row__bg){z-index:1;position:relative}.home-duel-rank-row:hover{background:#009e8f14}.home-duel-rank-row--me{border-left:3px solid var(--color-gold);background:#009e8f1f}.home-duel-rank-row--top1{background:#ffd70014}.home-duel-rank-row--top2{background:#c0c0c014}.home-duel-rank-row--top3{background:#cd7f3214}.home-duel-rank-row__pos{font-family:var(--font-heading);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.home-duel-rank-row__pos--podium{font-size:1.2rem}.home-duel-rank-row--top1 .home-duel-rank-row__pos,.home-duel-rank-row--top2 .home-duel-rank-row__pos,.home-duel-rank-row--top3 .home-duel-rank-row__pos{color:var(--text-primary)}.home-duel-rank-row__badge{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.home-duel-rank-row__division{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.55rem;font-weight:600}.home-duel-rank-row__player{align-items:center;gap:6px;min-width:0;display:flex}.home-duel-rank-row__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.home-duel-rank-row__avatar--placeholder{background:var(--bg-surface-hover);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.home-duel-rank-row__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.home-duel-rank-row__elo{font-family:var(--font-heading);color:#1a1a1a;text-align:right;font-size:1.15rem;font-weight:700}.home-duel-rank-row__record{color:#1a1a1a;text-align:right;font-size:.95rem;font-weight:700}.home-recent{gap:var(--space-lg);flex-direction:column;display:flex}.home-recent__header{justify-content:space-between;align-items:center;display:flex}.home-recent__title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:var(--space-md);font-size:1.4rem;font-weight:700;display:flex}.home-recent__link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;color:#009e8f;transition:color var(--transition-fast);font-size:.75rem;font-weight:700}.home-recent__link:hover{color:gold}.home-pulls__grid{gap:var(--space-sm);flex-direction:column;display:flex}.home-pull{align-items:center;gap:var(--space-md);padding:var(--space-md);box-sizing:border-box;border-radius:var(--radius-lg);cursor:pointer;height:100%;transition:all var(--transition-fast);background:#ffffffb3;border:none;display:flex}.home-pull:hover{border-color:var(--pull-color,var(--accent-primary));box-shadow:0 0 20px color-mix(in srgb, var(--pull-color,var(--accent-primary)) 15%, transparent);background:#ffffff0a}.home-pull__gem{flex-shrink:0;transform:scale(1.6)}.home-pull__img{border-radius:var(--radius-md);width:52px;height:52px;box-shadow:0 0 12px color-mix(in srgb, var(--pull-color,var(--accent-primary)) 20%, transparent);flex-shrink:0;overflow:hidden}.home-pull__img img{object-fit:cover;width:100%;height:100%}.home-pull__info{flex-direction:column;gap:2px;min-width:0;display:flex}.home-pull__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.home-pull__rarity{text-transform:uppercase;letter-spacing:1px;color:var(--pull-color,var(--accent-primary));font-size:.65rem;font-weight:700}.home-pull__opener{color:var(--text-muted);font-size:.72rem}.home-footer{align-items:center;gap:var(--space-sm);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-xl);flex-direction:column;display:flex}.home-footer__brand{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:1px;font-size:1rem;font-weight:700}.home-footer__copy{color:var(--text-muted);opacity:.5;font-size:.7rem}@media (width<=768px){.home-page{padding:var(--space-lg) var(--space-md) 0;gap:var(--space-xl)}.home-welcome{font-size:2rem}.news-banner__viewport{min-height:200px}.news-banner__slide{min-height:200px;padding:var(--space-xl)}.news-banner__title{font-size:1.4rem}.home-stats{grid-template-columns:1fr}.stat-card{align-items:center;gap:var(--space-xs) var(--space-md);flex-flow:wrap}.stat-card__header{width:100%}.stat-card__value{font-size:2rem}.stat-card__bar{width:100%}.home-recent__header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.home-split{grid-template-columns:1fr}}@media (width<=480px){.home-welcome{font-size:1.6rem}.news-banner__title{font-size:1.2rem}.stat-card__value{font-size:1.6rem}}.news-banner__slide:hover{box-shadow:0 0 20px #79550059,0 0 40px #ffd7001f}.card__glow{z-index:10;pointer-events:none;border-radius:var(--card-border-radius);transition:box-shadow var(--transition-normal);position:absolute;inset:0}.card__glow--common{box-shadow:inset 0 0 0 1px #ffffff26}.card__glow--uncommon{animation:3s ease-in-out infinite glow-uncommon;box-shadow:inset 0 0 0 1px #1eff004d}@keyframes glow-uncommon{0%,to{box-shadow:inset 0 0 0 1px #1eff0040,0 0 4px #1eff001a}50%{box-shadow:inset 0 0 0 1px #1eff0080,0 0 8px #1eff0033}}.card:hover .card__glow--uncommon{box-shadow:inset 0 0 0 2px #1eff0080, var(--glow-uncommon)}.card__glow--rare{animation:3s ease-in-out infinite glow-rare;box-shadow:inset 0 0 0 2px #0070dd66}@keyframes glow-rare{0%,to{box-shadow:inset 0 0 0 2px #0070dd4d,0 0 6px #0070dd26}50%{box-shadow:inset 0 0 0 2px #0070dd99,0 0 12px #0070dd4d}}.card:hover .card__glow--rare{box-shadow:inset 0 0 0 2px #0070ddb3, var(--glow-rare)}.card__glow--epic{box-shadow:inset 0 0 0 2px #a335ee59}.card__glow--epic:before{content:"";border-radius:calc(var(--card-border-radius) + 2px);background:conic-gradient(from var(--border-angle,0deg), #a335ee80, #7b1fa226, #a335ee80, #ba0cf840, #a335ee80);z-index:-1;opacity:.1;transition:opacity .6s ease-in;animation:3s linear infinite rotate-border;position:absolute;inset:-2px}.card:hover .card__glow--epic{box-shadow:inset 0 0 0 2px #a335ee80, var(--glow-epic)}.card:hover .card__glow--epic:before{opacity:.35}.card__glow--legendary{box-shadow:inset 0 0 0 2px #ff800066}.card__glow--legendary:before{content:"";border-radius:calc(var(--card-border-radius) + 3px);background:conic-gradient(from var(--border-angle,0deg), #ff80008c, #ffc80040, #ff80008c, #ff3c0040, #ff80008c);z-index:-1;opacity:.12;transition:opacity .6s ease-in;animation:2s linear infinite rotate-border;position:absolute;inset:-3px}.card__glow--legendary:after{content:"";border-radius:var(--card-border-radius);pointer-events:none;animation:2s ease-in-out infinite legendary-pulse;position:absolute;inset:0}.card:hover .card__glow--legendary{box-shadow:inset 0 0 0 2px #ff800099, var(--glow-legendary)}.card:hover .card__glow--legendary:before{opacity:.4}.card__glow--mythic{box-shadow:inset 0 0 0 2px #dc000066}.card__glow--mythic:before{content:"";border-radius:calc(var(--card-border-radius) + 3px);background:conic-gradient(from var(--border-angle,0deg), #dc000099, #b400004d, #ff282899, #c800004d, #dc000099);z-index:-1;opacity:.15;transition:opacity .6s ease-in;animation:2.5s linear infinite rotate-border;position:absolute;inset:-3px}.card__glow--mythic:after{content:"";border-radius:var(--card-border-radius);pointer-events:none;animation:2.5s ease-in-out infinite mythic-pulse;position:absolute;inset:0}.card:hover .card__glow--mythic{box-shadow:inset 0 0 0 2px #dc000099, var(--glow-mythic)}.card:hover .card__glow--mythic:before{opacity:.5}@keyframes mythic-pulse{0%,to{box-shadow:0 0 6px #dc000026,0 0 6px #b400001a}50%{box-shadow:0 0 14px #dc000040,0 0 14px #ff282826,0 0 28px #b400001a}}.card__glow--iconic{box-shadow:inset 0 0 0 2px #ff448880}.card__glow--iconic:before{content:"";border-radius:calc(var(--card-border-radius) + 3px);background:conic-gradient(from var(--border-angle,0deg), #ff4488b3, #6444ffb3, #44c8ffb3, #44ff88b3, #ffdd44b3, #ff4488b3);z-index:-1;opacity:.25;transition:opacity .6s ease-in;animation:2s linear infinite rotate-border;position:absolute;inset:-3px}.card__glow--iconic:after{content:"";border-radius:var(--card-border-radius);pointer-events:none;animation:3s ease-in-out infinite iconic-pulse;position:absolute;inset:0}.card:hover .card__glow--iconic{box-shadow:inset 0 0 0 2px #ff4488b3,0 0 20px #ff448880,0 0 40px #6444ff4d}.card:hover .card__glow--iconic:before{opacity:.6}@keyframes iconic-pulse{0%,to{box-shadow:0 0 8px #f483,0 0 8px #6444ff1a}50%{box-shadow:0 0 18px #ff448859,0 0 18px #6444ff33,0 0 36px #44c8ff1f}}@property --foil-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes plat-spin{0%{--foil-angle:0deg}to{--foil-angle:360deg}}.card--foil .card__holo{background:conic-gradient(from var(--foil-angle), #00ffcc1a, #00bcd426, #64ffda14, #0096881f, #00e6c81a, #00ffcc1a);filter:brightness(1.3)contrast(1.1);mix-blend-mode:color-dodge;animation:8s linear infinite plat-spin;opacity:.25!important}.card--foil:hover .card__holo{opacity:.5!important}.card--foil .card__image img,.card--foil .card__image video{filter:saturate(.9)contrast(1.06)brightness(1.12)hue-rotate(175deg)}.card--foil:after{content:"";z-index:10;pointer-events:none;border-radius:var(--card-border-radius);position:absolute;inset:0;box-shadow:inset 0 0 30px #00e6c84d,inset 0 0 60px #00c8b426,inset 0 0 90px #00b4aa12}.card--foil .card__image:after{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0,#b4f0f50d 1px,#0000 2px 3px),repeating-linear-gradient(0deg,#0000 0,#dcffff08 2px,#0000 4px 7px),linear-gradient(155deg,#00c8d21f 0%,#0000 30% 70%,#00c8d21a 100%);position:absolute;inset:0}.card--foil .card__glow{box-shadow:none!important;overflow:visible!important}.card--foil .card__glow:before{content:""!important;border-radius:calc(var(--card-border-radius) + 4px)!important;background:conic-gradient(from var(--foil-angle), #00ffcce6, #00c8b4b3, #00968880, #64ffe6cc, #00bcd4e6, #00e6c899, #00ffcce6)!important;z-index:-1!important;opacity:.55!important;-webkit-mask-composite:xor!important;padding:4px!important;transition:opacity .4s!important;animation:5s linear infinite plat-spin!important;position:absolute!important;inset:-4px!important;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0)!important;-webkit-mask-position:0 0,0 0!important;mask-position:0 0,0 0!important;-webkit-mask-size:auto,auto!important;mask-size:auto,auto!important;-webkit-mask-repeat:repeat,repeat!important;mask-repeat:repeat,repeat!important;-webkit-mask-clip:content-box,border-box!important;mask-clip:content-box,border-box!important;-webkit-mask-origin:content-box,border-box!important;mask-origin:content-box,border-box!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;-webkit-mask-source-type:auto,auto!important;mask-mode:match-source,match-source!important}.card--foil .card__glow:after{content:none!important}.card--foil:hover .card__glow:before{opacity:.9!important;padding:5px!important;inset:-5px!important}.card--foil .card__frame-top{border:2px solid #00dcbe80!important;border-radius:8px!important;margin:4px 6px 0!important;box-shadow:0 0 10px #00d4b440,inset 0 0 8px #00ffcc1a!important}.card--foil .card__frame-divider-line{background:linear-gradient(90deg,#0000,#0fc9,#00bcd4b3,#64ffe680,#00c8aa99,#0000)!important;height:6px!important;animation:none!important}.card--foil .card__frame-bottom{border:2px solid #00dcbe80!important;border-radius:8px!important;margin:0 6px 4px!important;box-shadow:0 0 10px #00bcd440,inset 0 0 8px #00ffcc1a!important}.card--foil .card__frame-divider{background:linear-gradient(90deg,#00d4b40f,#1414148c,#00bcd40f)!important;border:1px solid #00dcbe40!important;border-radius:6px!important;margin:0 6px!important}.card--foil .card__frame--iconic .card__frame-iconic-top,.card--foil .card__frame--iconic .card__frame-iconic-bottom,.card--foil .card__frame--mythic .card__frame-mythic-bottom{box-shadow:0 0 6px #00d4b426,inset 0 0 4px #00ffcc14!important}.card--foil{filter:drop-shadow(0 0 6px #00d4b426);animation:4s ease-in-out infinite plat-outer-glow}@keyframes plat-outer-glow{0%,to{filter:drop-shadow(0 0 6px #00d4b41f)}50%{filter:drop-shadow(0 0 8px #0fc3)}}.card--foil:hover{animation:3s ease-in-out infinite plat-outer-glow-hover}@keyframes plat-outer-glow-hover{0%,to{filter:drop-shadow(0 0 10px #00d4b440)}50%{filter:drop-shadow(0 0 14px #00ffcc59)}}.card--foil .card__foil{opacity:.12;mix-blend-mode:overlay;filter:none!important;background:repeating-linear-gradient(0deg,#0000 0,#c8f0f014 1px,#0000 2px 4px),repeating-linear-gradient(0deg,#0000 0,#ffffff0a 3px,#0000 5px 9px)!important;animation:none!important}.card--foil:hover .card__foil{opacity:.2}.card__foil-badge{z-index:20;letter-spacing:2px;text-transform:uppercase;color:#c0fff0;text-shadow:0 0 6px #00ffcc80,0 1px 2px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:linear-gradient(135deg,#003c32bf,#005a50bf,#00463cbf);border:1px solid #00ffcc59;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:8px;font-weight:800;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #00d4b433,inset 0 0 6px #00ffcc14}.card--mini .card__foil-badge{letter-spacing:1.5px;padding:1px 4px;font-size:6px;top:3px;right:3px}.collection-tile--foil{position:relative}.collection-tile--foil:after{content:"";border-radius:inherit;background:conic-gradient(from var(--foil-angle), #00ffcc4d, #00bcd433, #64ffe640, #00c8aa33, #00ffcc4d);z-index:1;opacity:.3;pointer-events:none;animation:5s linear infinite plat-spin;position:absolute;inset:0}.foil-qty-badge{background:linear-gradient(135deg,#0fc,#00bcd4,#00d4aa) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:2px;font-size:10px;font-weight:700;animation:4s ease-in-out infinite plat-badge-text;display:inline-flex}@keyframes plat-badge-text{0%{background-position:0%}to{background-position:200%}}.card--bloom .card__image img,.card--bloom .card__image video{filter:saturate(2.2)contrast(1.08)brightness(1.05)sepia(.2)hue-rotate(70deg)}.card--bloom .card__holo{z-index:9!important;opacity:.6!important;filter:none!important;mix-blend-mode:hue!important;background:#40c040!important;transition:opacity .6s cubic-bezier(.4,0,.2,1)!important;animation:none!important}.card--bloom:hover .card__holo{opacity:0!important}.card--bloom .card__foil{background:linear-gradient(125deg,#00ff5080 0%,#ffdc0066 12%,#00dc8280 22%,#00b4ff66 33%,#50ff3c80 44%,#ff64c859 55%,#00ffa080 66%,#c8ff0066 77%,#00c8ff66 88%,#00ff5080 100%) 0 0/400% 400%!important;background-position:var(--mouse-x,50%) var(--mouse-y,50%)!important;mix-blend-mode:hue!important;opacity:0!important;filter:brightness(1.4)contrast(1.2)!important;transition:opacity .6s cubic-bezier(.4,0,.2,1)!important}.card--bloom:hover .card__foil{opacity:.7!important}.card--bloom:after{content:"";z-index:11;pointer-events:none;border-radius:var(--card-border-radius);position:absolute;inset:0;box-shadow:inset 0 0 40px #50c83233,inset 0 0 70px #64ff3c1f,inset 0 0 100px #32a03c14}.card--bloom .card__image img,.card--bloom .card__image video{animation:5s ease-in-out infinite bloom-breathe}@keyframes bloom-breathe{0%,to{filter:saturate(2.2)contrast(1.08)brightness(1.05)sepia(.2)hue-rotate(70deg)}50%{filter:saturate(2.5)contrast(1.12)brightness(1.12)sepia(.25)hue-rotate(70deg)}}.card--bloom:hover .card__image img,.card--bloom:hover .card__image video{animation:3s ease-in-out infinite bloom-breathe-hover}@keyframes bloom-breathe-hover{0%,to{filter:saturate(2.4)contrast(1.1)brightness(1.08)sepia(.2)hue-rotate(70deg)}50%{filter:saturate(2.8)contrast(1.15)brightness(1.18)sepia(.3)hue-rotate(70deg)}}.card--bloom{animation:5s ease-in-out infinite bloom-outer}@keyframes bloom-outer{0%,to{filter:drop-shadow(0 0 6px #64c83c26)drop-shadow(0 0 12px #8cdc501a)}50%{filter:drop-shadow(0 0 10px #64c83c40)drop-shadow(0 0 20px #8cdc5026)}}.card--bloom:hover{animation:3s ease-in-out infinite bloom-outer-hover}@keyframes bloom-outer-hover{0%,to{filter:drop-shadow(0 0 10px #64c83c40)drop-shadow(0 0 18px #8cdc502e)}50%{filter:drop-shadow(0 0 16px #64c83c66)drop-shadow(0 0 28px #8cdc5040)}}.card__dust{z-index:12;pointer-events:none;background:0 0;border-radius:50%;position:absolute;top:0;left:0}.card__dust:after{content:"";width:inherit;height:inherit;background:inherit;border-radius:inherit;box-shadow:inherit;position:absolute;top:700px}.card__dust--1{width:1px;height:1px;animation:22s linear infinite bloom-fall;box-shadow:28px 42px #90e65a,152px 88px #b4ff78,243px 15px #78dc50,338px 67px #c8ff8c,421px 105px #64d246,67px 178px #dcffb4,115px 225px #a0f064,258px 195px #8ce65a,345px 240px #b4ff78,440px 170px #78dc50,12px 320px #c8ff8c,88px 375px #64d246,210px 348px #a0f064,305px 395px #dcffb4,455px 335px #8ce65a,45px 468px #b4ff78,175px 510px #78dc50,265px 485px #c8ff8c,370px 525px #64d246,415px 455px #a0f064,55px 598px #8ce65a,130px 640px #dcffb4,285px 615px #b4ff78,380px 658px #78dc50,462px 590px #c8ff8c,195px 130px #a0f064,398px 280px #8ce65a,35px 545px #64d246,315px 150px #b4ff78,460px 480px #c8ff8c}.card__dust--2{width:2px;height:2px;animation:42s linear infinite bloom-fall;box-shadow:45px 65px #8ce65a,128px 140px #b4ff78,270px 52px #78dc50,365px 110px #c8ff8c,438px 185px #64d246,22px 230px #dcffb4,95px 295px #a0f064,225px 270px #8ce65a,320px 315px #b4ff78,452px 260px #78dc50,58px 405px #c8ff8c,160px 440px #64d246,295px 385px #a0f064,415px 425px #dcffb4,78px 530px #8ce65a,200px 565px #b4ff78,350px 548px #78dc50,445px 590px #c8ff8c,120px 650px #64d246,275px 680px #a0f064,15px 130px #dcffb4,380px 350px #8ce65a,190px 25px #b4ff78,465px 45px #78dc50,310px 500px #c8ff8c}.card__dust--3{width:3px;height:3px;animation:75s linear infinite bloom-fall;box-shadow:60px 35px #90e65a,185px 115px #b4ff78,340px 80px #78dc50,450px 155px #c8ff8c,35px 260px #64d246,145px 330px #a0f064,280px 290px #8ce65a,410px 345px #b4ff78,75px 445px #78dc50,220px 480px #c8ff8c,370px 460px #64d246,125px 570px #a0f064,300px 600px #dcffb4,455px 555px #8ce65a,50px 660px #b4ff78,240px 185px #78dc50,395px 520px #c8ff8c,15px 80px #a0f064}@keyframes bloom-fall{0%{transform:translateY(0)}to{transform:translateY(-700px)}}.card--bloom .card__glow:before,.card--bloom .card__glow:after{content:none!important;display:none!important}.card__foil-badge--bloom{color:#ffe680;text-shadow:0 0 8px #ffc83c99,0 1px 2px #00000080;background:linear-gradient(135deg,#3c320acc,#50410fcc,#372d0acc);border:1px solid #ffc85066;box-shadow:0 0 10px #ffc85026,inset 0 0 6px #ffdc641a}.progress-bar{background:#009e8f33;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar__fill{border-radius:3px;height:100%;transition:width .6s}.collection-stats{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e1f0ebbf;border:1px solid #009e8f1a;flex-direction:column;display:flex}.stats-overview{align-items:center;gap:var(--space-xl);display:flex}.stats-main{flex-direction:column;align-items:center;min-width:120px;display:flex}.stats-main-value{font-family:var(--font-heading);color:#009e8f;font-size:1.8rem;font-weight:700}.stats-main-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.stats-completion{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.stats-percent{color:var(--text-secondary);text-align:right;font-size:.8rem}.stats-rarity-inline{justify-content:space-around;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.stats-rarity-item{align-items:center;gap:8px;display:flex}.stats-rarity-item .card__gem{width:20px;height:20px}.stats-gem-wrap{justify-content:center;align-items:center;display:inline-flex}.stats-rarity-inline .card__gem{filter:none!important}.stats-rarity-inline .card__gem.card__gem--common{width:20px;height:20px}.stats-rarity-inline .card__gem.card__gem--uncommon{border-bottom-width:20px;border-left-width:10px;border-right-width:10px;width:0;height:0}.stats-rarity-inline .card__gem.card__gem--rare{width:20px;height:20px}.stats-rarity-inline .card__gem.card__gem--epic{width:22px;height:22px}.stats-rarity-inline .card__gem.card__gem--legendary,.stats-rarity-inline .card__gem.card__gem--mythic{width:24px;height:20px}.stats-rarity-inline .card__gem.card__gem--iconic{width:26px;height:26px}.stats-gem-wrap--common{filter:none}.stats-gem-wrap--uncommon{filter:drop-shadow(0 0 4px #1eff0066)}.stats-gem-wrap--rare{filter:drop-shadow(0 0 6px #0070dd99)}.stats-gem-wrap--epic{filter:drop-shadow(0 0 8px #a335eee6)drop-shadow(0 0 16px #a335ee66)}.stats-gem-wrap--legendary{filter:drop-shadow(0 0 10px #ff8000)drop-shadow(0 0 22px #ff8000b3)drop-shadow(0 0 36px #ffc8004d);animation:4s ease-in-out infinite stats-glow-legendary}.stats-gem-wrap--mythic{filter:drop-shadow(0 0 10px #dc0000)drop-shadow(0 0 22px #ff2828b3)drop-shadow(0 0 36px #dc00004d);animation:4s ease-in-out infinite stats-glow-mythic}.stats-gem-wrap--iconic{filter:drop-shadow(0 0 10px #f48)drop-shadow(0 0 22px #6444ffcc)drop-shadow(0 0 36px #44c8ff66);animation:4s ease-in-out infinite stats-glow-iconic}@keyframes stats-glow-legendary{0%,to{filter:drop-shadow(0 0 6px #ff800066)drop-shadow(0 0 12px #ff800026)}50%{filter:drop-shadow(0 0 10px #ff8000a6)drop-shadow(0 0 16px #ffc8004d)}}@keyframes stats-glow-mythic{0%,to{filter:drop-shadow(0 0 6px #dc000066)drop-shadow(0 0 12px #ff282826)}50%{filter:drop-shadow(0 0 10px #dc0000a6)drop-shadow(0 0 16px #ff28284d)}}@keyframes stats-glow-iconic{0%,to{filter:drop-shadow(0 0 6px #f486)drop-shadow(0 0 12px #6444ff33)}50%{filter:drop-shadow(0 0 10px #ff4488a6)drop-shadow(0 0 16px #6444ff59)}}.stats-rarity-count{font-size:1.05rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.5px}@media (width<=768px){.stats-overview{flex-direction:column}.stats-rarity-inline{justify-content:center}}.loading-spinner-container{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:200px;display:flex}.loading-spinner{border:3px solid #009e8f66;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);font-size:.9rem}.collection-page{padding-top:var(--space-xl)}.collection-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.collection-filters{margin-top:var(--space-lg);flex-direction:column;gap:10px;display:flex}.collection-filters__main-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.collection-filters__main-row .collection-sell-dupes{margin-left:auto}.collection-filters__row{align-items:center;gap:10px;display:flex}.collection-filters__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:48px;font-size:.72rem;font-weight:600}.collection-filters__pills{flex-wrap:wrap;gap:4px;display:flex}.collection-filters__pill{color:var(--text-muted);cursor:pointer;background:#e1f0eb80;border:1px solid #009e8f26;border-radius:14px;padding:4px 12px;font-size:.74rem;font-weight:500;transition:all .2s}.collection-filters__pill:hover{color:var(--text-secondary);border-color:#009e8f4d}.collection-filters__pill--active{color:#fff;background:#009e8f;border-color:#009e8f}.collection-filters__pill--mana{text-align:center;min-width:32px;padding:4px 8px}.collection-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:center;display:grid}.collection-card-wrapper{cursor:pointer;width:100%;position:relative}.collection-card-wrapper.not-owned{pointer-events:none}.collection-tile{aspect-ratio:3/4;background:#120e0a;border:2px solid;border-radius:12px;width:100%;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.collection-card-wrapper:hover .collection-tile{transform:translateY(-3px);box-shadow:0 6px 20px #0006}.collection-tile__img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.collection-tile .card__glow{border-radius:12px}.collection-tile--epic:after,.collection-tile--legendary:after,.collection-tile--mythic:after,.collection-tile--iconic:after{content:"";pointer-events:none;z-index:5;background-size:200% 100%;border-radius:12px;animation:8s linear infinite tile-shimmer;position:absolute;inset:0}.collection-tile--epic:after{background:linear-gradient(105deg,#0000 35%,#a335ee0d 45%,#ffffff12 50%,#a335ee0d 55%,#0000 65%) 0 0/200% 100%}.collection-tile--legendary:after{background:linear-gradient(105deg,#0000 35%,#ff80000d 45%,#ffffff17 50%,#ff80000d 55%,#0000 65%) 0 0/200% 100%}.collection-tile--mythic:after{background:linear-gradient(105deg,#0000 35%,#dc00000d 45%,#ffffff17 50%,#dc00000d 55%,#0000 65%) 0 0/200% 100%}.collection-tile--iconic:after{background:linear-gradient(105deg,#0000 30%,#ff44880f 40%,#6444ff0f 45%,#ffffff1c 50%,#44c8ff0f 55%,#44ff880f 60%,#0000 70%) 0 0/200% 100%;animation-duration:7s}@keyframes tile-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.collection-tile__info{align-items:center;gap:6px;min-width:0;padding:6px 2px 0;display:flex}.collection-tile__name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.collection-tile__qty{z-index:6;font-size:1.5rem;font-weight:800;font-family:var(--font-heading);color:#ffffffbf;text-shadow:0 1px 4px #00000080,0 0 8px #0000004d;pointer-events:none;position:absolute;bottom:6px;right:6px}.collection-tile__foil{z-index:6;font-size:1.1rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,currentColor 40%,#fff 60%,currentColor 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px #00000080);pointer-events:none;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite foil-shimmer;position:absolute;bottom:6px;left:6px}@keyframes foil-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.card-placeholder{aspect-ratio:3/4;width:100%;color:var(--text-muted);background:#e1f0eb4d;border:1px solid #009e8f1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.collection-empty{text-align:center;padding:var(--space-3xl);color:var(--text-muted);font-size:1.1rem}@media (width<=768px){.collection-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.collection-sell-dupes{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.collection-sell-dupes__btn{color:#009e8f;cursor:pointer;background:#e1f0eb99;border:1px solid #009e8f33;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.collection-sell-dupes__btn:hover{background:#e1f0ebd9;border-color:#009e8f66}.collection-sell-dupes__preview{color:var(--text-muted);font-size:.75rem;font-weight:600}.collection-confirm-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.collection-confirm{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e1f0ebf2;border:1px solid #009e8f26;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 60px #0003}.collection-confirm__options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.collection-confirm h3{color:var(--text-primary);margin:0 0 12px;font-size:1.05rem}.collection-confirm p{color:var(--text-secondary);margin:0 0 20px;font-size:.85rem;line-height:1.5}.collection-confirm__actions{gap:10px;display:flex}.collection-confirm__cancel{color:var(--text-secondary);cursor:pointer;background:#e1f0eb99;border:1px solid #009e8f33;border-radius:10px;flex:1;padding:10px;font-size:.82rem;font-weight:600;transition:all .2s}.collection-confirm__cancel:hover{background:#e1f0ebd9;border-color:#009e8f4d}.collection-confirm__sell{color:#d32f2f;cursor:pointer;background:#f8717126;border:1px solid #f8717166;border-radius:10px;flex:1;padding:10px;font-size:.82rem;font-weight:700;transition:all .2s}.collection-confirm__sell:hover:not(:disabled){background:#f8717140}.collection-confirm__sell:disabled,.collection-confirm__cancel:disabled{opacity:.5;cursor:not-allowed}.collection-confirm__danger-toggle{cursor:pointer;color:var(--text-secondary);background:#ff44440f;border:1px solid #ff444426;border-radius:8px;align-items:center;gap:8px;margin:12px 0 4px;padding:8px 12px;font-size:.82rem;transition:border-color .2s;display:flex}.collection-confirm__danger-toggle:hover{border-color:#ff44444d}.collection-confirm__danger-toggle input{accent-color:#f44}.collection-confirm__sell--danger{color:#fff!important;background:linear-gradient(135deg,#c22,#f44)!important;border-color:#f44!important}.collection-confirm__sell--danger:hover:not(:disabled){background:linear-gradient(135deg,#d33,#f55)!important}.collection-confirm__error{color:#d32f2f;margin-top:10px;font-size:.78rem}@media (width<=480px){.collection-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.collection-page{padding-left:var(--space-sm);padding-right:var(--space-sm)}}.card-wrapper{display:inline-block;position:relative}.card{border-radius:var(--card-border-radius);transition:transform var(--transition-normal), box-shadow var(--transition-normal);-webkit-user-select:none;user-select:none;background:#111;border:3px solid #ffffff26;position:relative;overflow:hidden;box-shadow:0 12px 40px #000000b3}.card--uncommon{border-color:#1eff004d}.card--rare{border-color:#0070dd66}.card--epic{border-color:#a335ee66}.card--legendary{border-color:#ff800080}.card--mythic{border-color:#dc000080}.card--normal{width:var(--card-width);height:var(--card-height)}.card--mini{width:var(--card-mini-width);height:var(--card-mini-height)}.card--large{width:480px;height:686px}.card--disabled{pointer-events:none;filter:brightness(.15)grayscale()}.card--disabled .card__name,.card--disabled .card__desc,.card--disabled .card__type,.card--disabled .card__flavor,.card--disabled .card__abilities,.card--disabled .card__class,.card--disabled .card__role{visibility:hidden}.card__image{z-index:1;position:absolute;inset:0}.card__image img,.card__image video{object-fit:cover;width:100%;height:100%}.card__shine{z-index:4;pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.card__foil{z-index:5;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff04 2px 4px);position:absolute;inset:0}.card__frame{z-index:8;pointer-events:none;border-radius:var(--card-border-radius);box-shadow:none;border:none;flex-direction:column;display:flex;position:absolute;inset:0}.card__frame-top{background:linear-gradient(#000c 40%,#0000);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.card__frame-top-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__name-group{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.card__name{font-family:var(--font-heading);color:#fff;text-shadow:0 1px 3px #000000e6;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;min-width:0;font-size:.9rem;font-weight:700}.card__type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;background:#009e8f29;border-radius:10px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:.6rem;font-weight:600}.card__desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.card__frame-art{flex:1;min-height:0}.card__frame-divider,.card__frame-divider-line{display:none}.card__frame-bottom{background:linear-gradient(#0000,#000c 60%);flex-direction:column;gap:4px;min-height:0;padding:16px 12px 10px;display:flex}.card__class-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__class{text-shadow:0 0 4px #000c,0 0 2px #0009;font-size:.65rem;font-weight:600}.card__role{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:500}.card__base-value{color:gold;flex-shrink:0;font-size:1.1rem;font-weight:800}.card__abilities{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.card__ability{color:gold;white-space:nowrap;background:#5cb8c81f;border:1px solid #5cb8c840;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:600}.card__flavor{color:#ffffffd9;-webkit-line-clamp:2;text-shadow:0 1px 3px #000000e6;-webkit-box-orient:vertical;font-size:.3rem;font-style:italic;line-height:1.25;display:-webkit-box;overflow:hidden}.card__edition{color:#ffffff4d;z-index:12;align-items:center;display:flex;position:absolute;bottom:6px;right:8px}.card--large .card__edition{bottom:10px;right:12px}.card--large .card__edition svg{width:18px;height:18px}.card--disabled .card__edition{visibility:hidden}.card--mini{border-width:2px}.card--mini .card__frame-top{gap:2px;padding:4px 8px}.card--mini .card__desc{font-size:.55rem}.card--mini .card__name{font-size:.7rem}.card--mini .card__frame-bottom{padding:10px 8px 6px}.card--mini .card__class{font-size:.55rem}.card--mini .card__role{font-size:.5rem}.card--large{border-width:4px}.card--large .card__frame-top{gap:6px;padding:14px 18px}.card--large .card__name{font-size:1.25rem}.card--large .card__type{padding:3px 12px;font-size:.7rem}.card--large .card__desc{font-size:1.1rem;line-height:1.5}.card--large .card__frame-bottom{gap:8px;padding:24px 18px 14px}.card--large .card__class{font-size:.8rem}.card--large .card__role{font-size:.75rem}.card--large .card__flavor{color:var(--text-secondary);-webkit-line-clamp:3;font-size:.8rem}@media (width<=480px){.card--large{aspect-ratio:480/686;width:100%;max-width:100%;height:auto}}.card__gem{border:1px solid #ffffff26;flex-shrink:0;width:12px;height:12px;position:relative}.card__gem--common{border-radius:var(--radius-full);background:linear-gradient(135deg,#b8b8b8,#6d6d6d)}.card__gem--uncommon{border:none;border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:12px solid var(--color-uncommon);filter:drop-shadow(0 0 4px #1eff0080);background:0 0;width:0;height:0}.card__gem--rare{background:linear-gradient(135deg, #5bb8ff, var(--color-rare));border-radius:2px;transform:rotate(45deg);box-shadow:0 0 5px #0070dd80}.card__gem--epic{clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);background:0 0;background:linear-gradient(135deg, #d48eff, var(--color-epic));filter:drop-shadow(0 0 4px #a335ee80);border:none;width:13px;height:13px}.card__gem--legendary{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:0 0;background:linear-gradient(135deg, #ffd06b, var(--color-legendary));filter:drop-shadow(0 0 5px #ff800099);border:none;width:14px;height:12px;animation:2s ease-in-out infinite gem-pulse}.card__gem--mythic{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);filter:drop-shadow(0 0 5px #dc000099);background:linear-gradient(135deg,#d00,#ff4040,#d00) 0 0/300% 300%;border:none;width:14px;height:12px;animation:2s linear infinite gem-rainbow}.card__gem--iconic{clip-path:polygon(50% 0%,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0% 50%,35% 35%);filter:drop-shadow(0 0 6px #f48c);background:linear-gradient(135deg,#f48,#64f,#4cf,#4f8,#fd4,#f48) 0 0/300% 300%;border:none;width:16px;height:16px;animation:2s linear infinite gem-golden}.card--mini .card__gem{width:8px;height:8px}.card--mini .card__gem--uncommon{border-bottom-width:8px;border-left-width:4px;border-right-width:4px}.card--mini .card__gem--epic{width:9px;height:9px}.card--mini .card__gem--legendary,.card--mini .card__gem--mythic{width:10px;height:8px}.card--mini .card__gem--iconic{width:12px;height:12px}.card--large .card__gem{width:16px;height:16px}.card--large .card__gem--uncommon{border-bottom-width:16px;border-left-width:8px;border-right-width:8px}.card--large .card__gem--rare{border-radius:3px}.card--large .card__gem--epic{width:17px;height:17px}.card--large .card__gem--legendary,.card--large .card__gem--mythic{width:18px;height:16px}.card--large .card__gem--iconic{width:22px;height:22px}.card--legendary{animation:6s ease-in-out infinite legendary-card-glow-mini}.card--legendary.card--large,.card--legendary.card--normal:not(.card--mini){animation:6s ease-in-out infinite legendary-card-glow}@keyframes legendary-card-glow-mini{0%,to{box-shadow:0 0 4px #ffa00026,0 0 8px #ff800014}33%{box-shadow:0 0 6px #ffc86433,0 0 12px #ffb4321a}66%{box-shadow:0 0 6px #ffdc5033,0 0 12px #ffc8001a}}@keyframes legendary-card-glow{0%,to{box-shadow:0 0 12px #ff800059,0 0 25px #ff800033}33%{box-shadow:0 0 22px #ffb45080,0 0 40px #ffa03240,0 0 60px #ffc8641a}66%{box-shadow:0 0 22px #ffdc3c80,0 0 40px #ffc80040,0 0 60px #fff0501a}}.card--mythic{animation:6s ease-in-out infinite mythic-card-glow-mini}.card--mythic.card--large,.card--mythic.card--normal:not(.card--mini){animation:6s ease-in-out infinite mythic-card-glow}@keyframes mythic-card-glow-mini{0%,to{box-shadow:0 0 4px #dc000026,0 0 8px #b4000014}33%{box-shadow:0 0 6px #ff282833,0 0 12px #dc00001a}66%{box-shadow:0 0 6px #c8000033,0 0 12px #ff28281a}}@keyframes mythic-card-glow{0%,to{box-shadow:0 0 12px #dc000066,0 0 25px #b4000033}33%{box-shadow:0 0 22px #ff282880,0 0 40px #dc000040,0 0 60px #b400001a}66%{box-shadow:0 0 22px #c8000073,0 0 40px #ff282840,0 0 60px #dc00001a}}.card__frame--mythic{box-shadow:none;border:none;justify-content:flex-end}.card__frame--mythic .card__frame-art{flex:1}.card__frame-mythic-bottom{background:linear-gradient(#0000 0%,#04040cd9 40%,#04040cf2 100%);flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 10px;display:flex}.card__frame-mythic-bottom .card__gem{margin-bottom:2px}.card__frame-mythic-bottom .card__class-row{width:100%}.card__frame-mythic-bottom .card__name{background:linear-gradient(90deg, var(--color-mythic), #64f, #4df, #4f8, #fd4, var(--color-mythic));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1rem;animation:3s linear infinite mythic-text-shift}@keyframes mythic-text-shift{0%{background-position:0%}to{background-position:200%}}.card__frame-mythic-bottom .card__desc{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.card__frame-mythic-bottom .card__flavor{font-size:.6rem}.card--mini .card__frame-mythic-bottom{gap:2px;padding:10px 8px 6px}.card--mini .card__frame-mythic-bottom .card__name{font-size:.75rem}.card--mini .card__frame-mythic-bottom .card__gem{width:8px;height:8px}.card--large .card__frame-mythic-bottom{gap:6px;padding:24px 20px 16px}.card--large .card__frame-mythic-bottom .card__name{font-size:1.4rem}.card--large .card__frame-mythic-bottom .card__desc{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.card--large .card__frame-mythic-bottom .card__flavor{-webkit-line-clamp:3;font-size:1rem}.card--large .card__frame-mythic-bottom .card__gem{width:18px;height:16px}.card--iconic{animation:6s cubic-bezier(.4,0,.2,1) infinite iconic-card-glow-mini}.card--iconic.card--large,.card--iconic.card--normal:not(.card--mini){animation:6s cubic-bezier(.4,0,.2,1) infinite iconic-card-glow}@keyframes iconic-card-glow-mini{0%,to{box-shadow:0 0 6px #f483,0 0 12px #6444ff1a}25%{box-shadow:0 0 8px #44c8ff59,0 0 16px #44ff882e}50%{box-shadow:0 0 10px #ffdd4473,0 0 20px #ff448838}75%{box-shadow:0 0 8px #6444ff59,0 0 16px #44c8ff2e}}@keyframes iconic-card-glow{0%,to{box-shadow:0 0 12px #ff44884d,0 0 28px #6444ff26,0 0 45px #44c8ff14,inset 0 0 20px #ff448808}25%{box-shadow:0 0 18px #44c8ff73,0 0 38px #44ff8840,0 0 60px #ffdd441f,inset 0 0 28px #6444ff0d}50%{box-shadow:0 0 22px #ffdd448c,0 0 45px #ff44884d,0 0 70px #6444ff26,0 0 100px #44c8ff0f,inset 0 0 35px #ff44880f}75%{box-shadow:0 0 18px #6444ff73,0 0 38px #44c8ff40,0 0 60px #ff44881f,inset 0 0 28px #44ff880d}}.card--iconic .card__image:after{content:"";mix-blend-mode:screen;pointer-events:none;z-index:1;background:radial-gradient(40% 50% at 20% 15%,#ff448840 0%,#0000 70%),radial-gradient(35% 40% at 75% 25%,#6444ff33 0%,#0000 65%),radial-gradient(50% 35% at 50% 55%,#44c8ff2e 0%,#0000 60%),radial-gradient(30% 45% at 30% 80%,#44ff8838 0%,#0000 65%),radial-gradient(40% 30% at 80% 70%,#ffdd4426 0%,#0000 60%);animation:5s ease-in-out infinite alternate iconic-light-zones;position:absolute;inset:0}.card--iconic .card__image:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(60px at 65% 20%,#ff448859 0%,#0000 70%),radial-gradient(40px at 25% 45%,#6444ff4d 0%,#0000 65%),radial-gradient(50px at 80% 60%,#44c8ff40 0%,#0000 70%),radial-gradient(35px at 40% 75%,#44ff884d 0%,#0000 65%);animation:3s ease-in-out infinite alternate iconic-sparkle-zones;position:absolute;inset:0}.card--iconic:hover .card__image:before{opacity:1}@keyframes iconic-light-zones{0%{background:radial-gradient(40% 50% at 20% 15%,#ff448840 0%,#0000 70%),radial-gradient(35% 40% at 75% 25%,#6444ff33 0%,#0000 65%),radial-gradient(50% 35% at 50% 55%,#44c8ff2e 0%,#0000 60%),radial-gradient(30% 45% at 30% 80%,#44ff8838 0%,#0000 65%),radial-gradient(40% 30% at 80% 70%,#ffdd4426 0%,#0000 60%)}to{background:radial-gradient(45% 55% at 25% 20%,#ff44884d 0%,#0000 70%),radial-gradient(40% 45% at 70% 30%,#6444ff47 0%,#0000 65%),radial-gradient(45% 40% at 55%,#44c8ff38 0%,#0000 60%),radial-gradient(35% 50% at 25% 75%,#44ff8847 0%,#0000 65%),radial-gradient(35% 35% at 85% 65%,#fd43 0%,#0000 60%)}}@keyframes iconic-sparkle-zones{0%{opacity:.4;filter:brightness()}to{opacity:.8;filter:brightness(1.3)}}.card--iconic .card__frame{box-shadow:none;border:none;justify-content:flex-end}.card__frame--iconic{justify-content:flex-end;box-shadow:none!important;border:none!important}.card--iconic{border:none!important;outline:none!important}.card__frame-iconic-top{text-align:center;background:linear-gradient(#0009 0%,#0000004d 60%,#0000 100%);padding:10px 14px 6px}.card__frame-iconic-top .card__name{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 8px #f489,0 0 16px #6444ff4d,0 1px 4px #000000e6;background:0 0;font-size:1rem;font-weight:700;animation:none}.card__frame-iconic-top .card__desc{color:#dcc8f0e6;text-shadow:0 1px 4px #000000e6,0 0 8px #00000080;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;font-weight:600;overflow:hidden}@keyframes iconic-top-text{0%{background-position:0%}to{background-position:200%}}.card__frame--iconic .card__frame-art{flex:1}.card__frame-iconic-bottom{background:linear-gradient(#0000 0%,#140a1e99 30%,#0f0814e6 60%,#0a050ff7 100%);flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 10px;display:flex;position:relative}.card__frame-iconic-bottom .card__gem{margin-bottom:2px}.card__frame-iconic-bottom .card__class-row{width:100%}.card--mini .card__frame-iconic-top{padding:6px 8px 4px}.card--mini .card__frame-iconic-top .card__name{font-size:.7rem}.card--mini .card__frame-iconic-top .card__desc{font-size:.55rem}.card--large .card__frame-iconic-top{padding:16px 20px 10px}.card--large .card__frame-iconic-top .card__name{font-size:1.4rem}.card--large .card__frame-iconic-top .card__desc{font-size:1rem}.card__frame-iconic-bottom .card__desc{color:#c8b4e6cc;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.card__frame-iconic-bottom .card__flavor{color:#b4a0dcb3;text-align:center;width:100%;font-size:.6rem}.card--iconic .card__edition{color:#f489;filter:drop-shadow(0 0 3px #6444ff66)}.card--mini .card__frame-iconic-bottom{gap:2px;padding:10px 8px 6px}.card--mini .card__frame-iconic-bottom .card__name{font-size:.75rem}.card--mini .card__frame-iconic-bottom .card__gem{width:8px;height:8px}.card--large .card__frame-iconic-bottom{gap:6px;padding:24px 20px 16px}.card--large .card__frame-iconic-bottom .card__name{font-size:1.4rem}.card--large .card__frame-iconic-bottom .card__desc{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.card--large .card__frame-iconic-bottom .card__flavor{-webkit-line-clamp:3;font-size:1rem}.card--large .card__frame-iconic-bottom .card__gem{width:18px;height:16px}.card__holo{z-index:3;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);mix-blend-mode:color-dodge;background:linear-gradient(125deg,#ff000026 0%,#ff9a0026 10%,#d0de2126 20%,#4fdc4a26 30%,#3fdad826 40%,#2fc9e226 50%,#1c7fee26 60%,#5f15f226 70%,#ba0cf826 80%,#fb07d926 90%,#ff000026 100%) 0 0/200% 200%;background-position:var(--mouse-x,50%) var(--mouse-y,50%);filter:brightness(1.2)contrast(1.1);position:absolute;inset:0}.card:hover .card__holo{opacity:1}.card--uncommon .card__holo{opacity:0}.card--uncommon:hover .card__holo{opacity:.7}.card--rare .card__holo{background-color:#0000;background-image:linear-gradient(125deg,#0070dd33 0%,#3fdad833 25%,#1c7fee40 50%,#2fc9e233 75%,#0070dd33 100%),linear-gradient(225deg,#ff00001a 0%,#ff9a001a 20%,#4fdc4a1a 40%,#1c7fee1a 60%,#ba0cf81a 80%,#ff00001a 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-position:var(--mouse-x,50%) var(--mouse-y,50%)}.card--rare:hover .card__holo{opacity:.85}.card--epic .card__holo{background:linear-gradient(125deg,#a335ee1a 0%,#ba0cf814 20%,#5f15f21a 40%,#fb07d914 60%,#a335ee1a 80%,#1c7fee0f 100%) 0 0/200% 200%;background-position:var(--mouse-x,50%) var(--mouse-y,50%);filter:brightness()contrast()}.card--epic:hover .card__holo{opacity:.5}.card--legendary .card__holo{background:linear-gradient(125deg,#ff80001f 0%,#ffc8001a 15%,#ff000014 30%,#ff9a001f 45%,#d0de2114 60%,#ff80001f 75%,#ffc8001a 90%,#ff80001f 100%) 0 0/200% 200%;background-position:var(--mouse-x,50%) var(--mouse-y,50%);filter:brightness()contrast()}.card--legendary:hover .card__holo{opacity:.5;animation:4s linear infinite rainbow-shift}.card--mythic .card__holo{background:linear-gradient(125deg,#dc00001f 0%,#ff28281f 20%,#b400001f 40%,#ff3c3c1f 60%,#c800001f 80%,#dc00001f 100%) 0 0/200% 200%;background-position:var(--mouse-x,50%) var(--mouse-y,50%);filter:brightness()contrast()}.card--mythic:hover .card__holo{opacity:.6;animation:3s linear infinite rainbow-shift}.card--iconic .card__holo{background:linear-gradient(125deg,#ff448826 0%,#6444ff26 16%,#44c8ff26 33%,#44ff8826 50%,#ffdd4426 66%,#ff800026 83%,#ff448826 100%) 0 0/200% 200%;background-position:var(--mouse-x,50%) var(--mouse-y,50%);filter:brightness(1.3)contrast(1.1);opacity:.3}.card--iconic:hover .card__holo{opacity:.7;animation:3s linear infinite rainbow-shift}.card-detail-page{padding-top:var(--space-xl)}.back-btn{color:#fff;margin-bottom:var(--space-lg);transition:background var(--transition-fast);background:#009e8f;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.back-btn:hover{background:#00857a}.card-detail-layout{gap:var(--space-3xl);justify-content:center;align-items:flex-start;display:flex}.card-detail-visual{flex-shrink:0}.card-detail-info{gap:var(--space-md);flex-direction:column;max-width:400px;display:flex}.detail-name{color:var(--text-primary);font-size:2rem}.detail-badges{gap:var(--space-sm);flex-wrap:wrap;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.badge-rarity{color:var(--text-primary);background:#e1f0eb80;border:1px solid}.badge-type{color:var(--text-secondary);background:#e1f0eb99;border:1px solid #009e8f1a}.badge-class{border:1px solid}.detail-description{color:var(--text-secondary);line-height:1.7}.detail-flavor{color:var(--text-primary);padding:var(--space-md);border-left:2px solid #009e8f66;font-style:italic}.detail-ownership{padding:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);color:var(--text-secondary);background:#e1f0ebbf;border:1px solid #009e8f1a;flex-wrap:wrap;align-items:center;gap:12px 16px;font-weight:500;display:flex}.detail-sell{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.detail-sell__controls{align-items:center;gap:4px;display:flex}.detail-sell__qty-btn{border-radius:var(--radius-sm);color:#009e8f;width:28px;height:28px;transition:background var(--transition-fast);background:#009e8f26;border:1px solid #009e8f40;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.detail-sell__qty-btn:hover:not(:disabled){background:#009e8f33}.detail-sell__qty-btn:disabled{opacity:.3;cursor:default}.detail-sell__qty{text-align:center;min-width:24px;color:var(--text-primary);font-weight:600}.detail-sell__preview{color:#009e8f;font-size:.85rem;font-weight:600}.detail-sell__btn{border-radius:var(--radius-sm);color:#009e8f;transition:background var(--transition-fast);background:#009e8f1a;border:1px solid #009e8f33;padding:6px 16px;font-size:.8rem;font-weight:600}.detail-sell__btn:hover:not(:disabled){background:#009e8f33}.detail-sell__btn:disabled{opacity:.5;cursor:default}.detail-sell__error{color:var(--error-color);width:100%;font-size:.8rem}.detail-sell__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);min-width:48px;font-size:.75rem;font-weight:700}.detail-sell__label--spirit{background:linear-gradient(135deg,#00d4aa,#00bcd4,#0fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.detail-sell--spirit .detail-sell__qty-btn{background:#00d4b41a}.detail-sell--spirit .detail-sell__qty-btn:hover:not(:disabled){background:#00d4b433}.detail-sell__btn--spirit{background:#00d4b41a;border-color:#00d4b433}.detail-sell__btn--spirit:hover:not(:disabled){background:#00d4b433}.detail-foil-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-left:4px;display:inline-flex}.detail-foil-toggle input{display:none}.detail-foil-toggle__slider{background:#009e8f26;border:1px solid #009e8f33;border-radius:10px;width:36px;height:20px;transition:background .3s;position:relative}.detail-foil-toggle__slider:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .3s,background .3s;position:absolute;top:2px;left:3px}.detail-foil-toggle input:checked+.detail-foil-toggle__slider{background:linear-gradient(135deg,#00d4b480,#00bcd480,#00ffcc80);border-color:#00d4b466}.detail-foil-toggle input:checked+.detail-foil-toggle__slider:after{background:#fff;transform:translate(16px)}.detail-foil-toggle__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.detail-foil-toggle input:checked~.detail-foil-toggle__label{background:linear-gradient(135deg,#00d4aa,#00bcd4,#0fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.card-detail-layout{flex-direction:column;align-items:center}.card-detail-info{text-align:center;max-width:100%}.detail-badges{justify-content:center}.detail-flavor{padding-top:var(--space-md);border-top:2px solid #009e8f66;border-left:none}}.profile-page{align-items:center;gap:var(--space-2xl);padding-top:var(--space-3xl);flex-direction:column;display:flex}.profile-header{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.profile-avatar img{border:2px solid var(--accent-primary);border-radius:50%;width:80px;height:80px}.avatar-placeholder{background:var(--bg-surface);border:2px solid var(--accent-primary);width:80px;height:80px;font-family:var(--font-heading);color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.profile-name{color:var(--accent-primary);font-size:1.8rem}.profile-email{color:var(--text-muted)}.btn-edit-profile{margin-top:var(--space-sm);background:linear-gradient(transparent, transparent) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;color:var(--accent-primary);border-radius:var(--radius-md);transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:6px 16px;font-size:.85rem;font-weight:500;animation:3s linear infinite rotate-border-gradient}.btn-edit-profile:hover{border-color:var(--accent-primary);background:#009e8f33}.profile-edit-form{gap:var(--space-md);width:100%;max-width:300px;margin-top:var(--space-md);flex-direction:column;display:flex}.profile-edit-form .form-group{gap:var(--space-xs);text-align:left;flex-direction:column;display:flex}.profile-edit-form .form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.profile-edit-form .form-group input[type=text]{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:box-shadow .8s ease-in-out;transition:border-color var(--transition-fast);border:1px solid #0000;outline:none;padding:10px 14px;font-size:.95rem;animation:3s linear infinite rotate-border-gradient}.profile-edit-form .form-group input[type=text]:focus{border-color:var(--accent-primary)}.checkbox-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.edit-actions{gap:var(--space-sm);justify-content:center;display:flex}.btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 20px;font-size:.9rem;font-weight:600}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #009e8f99}.btn-save:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn-cancel{background:linear-gradient(transparent, transparent) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;color:var(--text-secondary);border-radius:var(--radius-md);transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:8px 20px;font-size:.9rem;animation:3s linear infinite rotate-border-gradient}.btn-cancel:hover{background:#009e8f1a}.profile-stats-grid{gap:var(--space-lg);display:flex}.profile-stat{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);border-radius:var(--radius-lg);flex-direction:column;min-width:130px;display:flex}.profile-stat-value{font-family:var(--font-heading);color:var(--accent-primary);font-size:1.8rem;font-weight:700}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.profile-favorite{text-align:center}.profile-actions{margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.btn-unlock-all{color:var(--color-epic);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #a335ee4d;padding:12px 32px;font-size:.95rem;font-weight:500}.btn-unlock-all:hover:not(:disabled){border-color:var(--color-epic);background:#a335ee1a}.btn-unlock-all:disabled{opacity:.5;cursor:not-allowed}.btn-logout{color:var(--error-color);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #ff44444d;padding:12px 32px;font-size:.95rem;font-weight:500}.btn-logout:hover{border-color:var(--error-color);background:#ff44441a}@media (width<=768px){.profile-stats-grid{flex-direction:column;width:100%}.profile-stat{flex-direction:row;justify-content:space-between}}@media (width<=480px){.profile-page{padding-top:var(--space-xl);gap:var(--space-xl)}.profile-avatar img,.avatar-placeholder{width:64px;height:64px}.avatar-placeholder{font-size:1.5rem}.profile-name,.profile-stat-value{font-size:1.4rem}.profile-stat{padding:var(--space-md) var(--space-lg);min-width:0}}.btn-edit-profile:hover,.profile-edit-form .form-group input[type=text]:hover,.btn-cancel:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.cosmetics-page{padding-top:var(--space-xl);max-width:700px;margin:0 auto}.cosmetics-page .page-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.cosmetics-preview{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-surface);margin-bottom:var(--space-xl);border:1px solid #009e8f33;border-radius:16px;display:flex}.cosmetics-preview__avatar img{object-fit:cover;border:2px solid var(--accent-primary);border-radius:50%;width:56px;height:56px}.cosmetics-preview__placeholder{background:var(--bg-surface);border:2px solid var(--accent-primary);width:56px;height:56px;font-family:var(--font-heading);color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.cosmetics-preview__info{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.cosmetics-preview__name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.cosmetics-empty{text-align:center;color:var(--text-muted);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border:1px solid #0000;border-radius:16px;padding:40px 20px;font-size:.9rem;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.cosmetics-sections{gap:var(--space-xl);flex-direction:column;display:flex}.cosmetics-section{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid #009e8f26}.cosmetics-section__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);font-size:.85rem;font-weight:700}.cosmetics-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.cosmetics-item{padding:var(--space-md);background:var(--bg-primary);border:1px solid #009e8f1f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s;display:flex}.cosmetics-item--equipped{background:#facc150f;border-color:#facc1540}.cosmetics-item__preview{justify-content:center;align-items:center;min-height:48px;display:flex}.cosmetics-item__title-text{color:#facc15;text-align:center;font-size:.85rem;font-weight:600}.cosmetics-item__img{object-fit:cover;border-radius:8px;width:48px;height:48px}.cosmetics-item__img--round{border-radius:50%}.cosmetics-item__name{color:var(--text-primary);text-align:center;font-size:.78rem;font-weight:600}.cosmetics-item__desc{color:var(--text-muted);text-align:center;font-size:.68rem;line-height:1.3}.cosmetics-item__btn{cursor:pointer;background:var(--accent-primary);color:#000;border:none;border-radius:6px;margin-top:auto;padding:4px 14px;font-size:.72rem;font-weight:700;transition:all .15s}.cosmetics-item__btn:hover:not(:disabled){filter:brightness(1.1)}.cosmetics-item__btn--unequip{color:#fff;background:#ef4444}.cosmetics-item__btn:disabled{opacity:.4;cursor:not-allowed}.cosmetics-empty:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.cosmetics-item:hover{border-color:#009e8f59}.leaderboard-page{padding-top:var(--space-xl)}.leaderboard-tabs{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.leaderboard-tab{-webkit-backdrop-filter:blur(12px);color:var(--text-muted);cursor:pointer;background:#e1f0eba6;border:1px solid #009e8f33;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:box-shadow .8s ease-in-out;display:flex}.leaderboard-tab:hover{color:var(--text-secondary)}.leaderboard-tab--active{color:var(--color-gold);border-color:var(--accent-primary)}.leaderboard-table{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);background:#e1f0eba6;border:1px solid #009e8f33;max-width:700px;margin:0 auto;transition:box-shadow .8s ease-in-out;overflow:hidden}.leaderboard-header{padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#009e8f1a;border-bottom:2px solid #009e8f33;grid-template-columns:60px 1fr 80px 90px;font-size:.8rem;font-weight:600;display:grid;box-shadow:0 0 8px #009e8f4d,inset 0 0 4px #009e8f14}.leaderboard-row{padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast);cursor:pointer;border-bottom:2px solid #009e8f14;grid-template-columns:60px 1fr 80px 90px;align-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 0 8px #009e8f1f,inset 0 0 4px #009e8f0a}.lb-row-bg{opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.leaderboard-row--has-bg>:not(.lb-row-bg){z-index:1;position:relative}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#009e8f14}.leaderboard-row--current{border-left:3px solid var(--color-gold);background:#009e8f29}.leaderboard-row--current:hover{background:#009e8f3d}.leaderboard-row--top1{background:#5cb8c80d}.leaderboard-row--top1:not(.leaderboard-row--current):hover{background:#5cb8c814}.lb-col{align-items:center;display:flex}.lb-col--rank{font-family:var(--font-heading);color:var(--text-primary);justify-content:center;font-size:1.15rem;font-weight:700}.lb-col--player{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.lb-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.lb-avatar--placeholder{background:var(--bg-surface-hover);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden}.lb-you-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;background:#009e8f66;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.lb-col--cards{color:var(--text-secondary);justify-content:center;font-size:1rem}.lb-col--points{font-family:var(--font-heading);color:var(--color-gold);justify-content:flex-end;font-size:1.25rem;font-weight:700}.leaderboard-header--collection,.leaderboard-row--collection-grid{grid-template-columns:60px 1fr 130px}.lb-col--collection{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.lb-collection-count{font-family:var(--font-heading);color:var(--text-secondary);font-size:1.15rem;font-weight:700}.lb-collection-count--complete{color:gold}.lb-collection-pct{color:var(--text-muted);font-size:.7rem}.lb-collection-date{color:gold;opacity:.8;font-size:.65rem}.leaderboard-header--duel,.leaderboard-row--duel-grid{grid-template-columns:60px 1fr 80px 70px 80px}.lb-col--badge{flex-direction:column;justify-content:center;align-items:center;gap:0}.lb-division{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.6rem;font-weight:600}.lb-col--elo{font-family:var(--font-heading);color:var(--color-gold);justify-content:flex-end;font-size:1.25rem;font-weight:700}.lb-col--record{color:var(--text-muted);justify-content:center;font-size:.95rem}.leaderboard-header--fantasy,.leaderboard-row--fantasy-grid{grid-template-columns:60px 1fr 30px 30px 30px 50px 65px}.lb-col--fstat{color:var(--text-secondary);justify-content:center;font-size:.95rem}.lb-col--fwin,.lb-col--fdraw,.lb-col--floss{color:var(--accent-primary)}.lb-col--lp{font-family:var(--font-heading);color:var(--accent-primary);justify-content:flex-end;font-size:1.15rem;font-weight:700}.lb-col--fp{color:var(--text-muted);justify-content:flex-end;font-size:.95rem;font-weight:600}.lb-league-break{align-items:center;gap:var(--space-md);padding:12px var(--space-lg);background:var(--lb-league-gradient);border-top:2px solid #00000014;border-bottom:1px solid #0000000f;display:flex}.lb-league-break__name{font-family:var(--font-heading);color:#1a1a1a;text-transform:uppercase;letter-spacing:1.5px;font-size:1rem;font-weight:700}.lb-hide-mobile{display:flex}.leaderboard-empty{padding:var(--space-2xl);text-align:center;color:var(--text-muted)}@media (width<=768px){.leaderboard-header,.leaderboard-row{padding:var(--space-sm) var(--space-md);grid-template-columns:44px 1fr 60px 70px}.leaderboard-header--collection,.leaderboard-row--collection-grid{grid-template-columns:44px 1fr 100px}.leaderboard-header--duel,.leaderboard-row--duel-grid{grid-template-columns:44px 1fr 42px 55px 65px}.leaderboard-header--fantasy,.leaderboard-row--fantasy-grid{grid-template-columns:44px 1fr 28px 28px 28px 46px 60px}.lb-avatar{width:28px;height:28px}.lb-col--points,.lb-col--elo{font-size:1.1rem}.lb-you-badge{display:none}}@media (width<=480px){.leaderboard-header,.leaderboard-row{padding:var(--space-xs) var(--space-sm);grid-template-columns:36px 1fr 50px 60px}.leaderboard-header--collection,.leaderboard-row--collection-grid{grid-template-columns:36px 1fr 90px}.leaderboard-header--duel,.leaderboard-row--duel-grid{grid-template-columns:36px 1fr 36px 48px 55px}.leaderboard-header--fantasy,.leaderboard-row--fantasy-grid{grid-template-columns:36px 1fr 44px 58px}.lb-hide-mobile{display:none!important}.lb-avatar{width:24px;height:24px}.lb-name{font-size:.9rem}.lb-col--points,.lb-col--elo{font-size:1rem}.lb-col--record{font-size:.85rem}.lb-col--cards{font-size:.9rem}}.leaderboard-tab:hover,.leaderboard-table:hover{box-shadow:0 0 12px #009e8f26}.card-filters{gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{gap:var(--space-xs);flex-direction:column;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.filter-group select,.filter-group input{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:box-shadow .8s ease-in-out;transition:border-color var(--transition-fast);border:1px solid #0000;outline:none;padding:8px 12px;font-size:.9rem;animation:3s linear infinite rotate-border-gradient}.filter-group select:focus,.filter-group input:focus{border-color:var(--accent-primary)}.filter-search{flex:1;min-width:180px}.filter-search input{width:100%}@media (width<=768px){.card-filters{flex-direction:column}.filter-group,.filter-group select,.filter-group input{width:100%}}.filter-group select,.filter-group input:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.public-collection-header{align-items:center;gap:var(--space-lg);max-width:700px;margin:0 auto var(--space-xl);padding:var(--space-lg);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #009e8f, gold, #009e8f, gold, #009e8f) border-box;border-radius:var(--radius-lg);border:1px solid #0000;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:flex}.public-collection-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.public-collection-avatar--placeholder{background:var(--bg-surface-hover);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.public-collection-info{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.public-collection-name{font-family:var(--font-heading);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;font-weight:700;overflow:hidden}.public-collection-points{font-family:var(--font-heading);color:var(--accent-primary);font-size:1.1rem;font-weight:700}.public-collection-back{align-items:center;gap:var(--space-xs);color:var(--text-muted);margin-bottom:var(--space-md);transition:color var(--transition-fast);font-size:.85rem;text-decoration:none;display:inline-flex}.public-collection-back:hover{color:var(--text-primary)}@media (width<=768px){.public-collection-header{gap:var(--space-md);padding:var(--space-md)}.public-collection-avatar,.public-collection-avatar--placeholder{width:48px;height:48px;font-size:1.2rem}.public-collection-name{font-size:1.1rem}}.public-collection-header:hover{box-shadow:0 0 20px #009e8f59,0 0 40px #009e8f1f,inset 0 0 8px #009e8f14}.app-preloader{z-index:99999;opacity:1;background:#edf5f1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.app-preloader--fading{opacity:0;pointer-events:none}.app-preloader__logo{width:140px;height:auto;animation:1.4s ease-in-out infinite preloader-heartbeat}.app-preloader__phrase{font-family:var(--font-display,sans-serif);color:#4a7c6a;margin-top:1.6rem;font-size:1rem;animation:.4s ease-out preloader-phrase-in}@keyframes preloader-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.05)}56%{transform:scale(1)}to{transform:scale(1)}}@keyframes preloader-phrase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-preloader__logo,.app-preloader__phrase{animation:none}.app-preloader{transition:none}}