@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Nunito: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:#5cb8c8;--color-ember:#1ac0e8;--color-bronze:#3a8a9a;--color-graphite:#433a3f;--color-slate:#3d5a6c;--bg-primary:#04101e;--bg-secondary:#040c16;--bg-surface:#051018;--bg-surface-hover:#071520;--bg-overlay:#000000bf;--text-primary:#c8dce8;--text-secondary:#78a0b8;--text-muted:#446a80;--text-on-accent:#0a1420;--accent-primary:#5cb8c8;--accent-secondary:#3c9aaa;--accent-highlight:#1ac0e8;--error-color:#f44;--border-subtle:#64d2dc99;--card-width:280px;--card-height:400px;--card-border-radius:12px;--card-mini-width:160px;--card-mini-height:228px;--font-display:"Cinzel", serif;--font-heading:"Cinzel", serif;--font-body:"Nunito", 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:#64d2dc80;box-shadow:0 0 4px #64d2dc33,inset 0 0 4px #64d2dc1a}50%{border-color:#64d2dc99;box-shadow:0 0 12px #64d2dc80,0 0 24px #64d2dc33,inset 0 0 8px #64d2dc29}}@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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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 #64d2dc66}.btn-primary:hover{border-color:#64d2dc99;transform:translateY(-2px);box-shadow:0 8px 30px #64d2dc99}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(#2d241899, #2d241899) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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:#64d2dc99;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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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}*,: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:#04101e;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.25;background-image:url(/assets/textures/bg.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)}.video-bg{object-fit:cover;z-index:0;pointer-events:none;filter:blur(8px);mix-blend-mode:screen;opacity:.4;width:100%;height:100%;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(#0000 40%,#000000b3 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 #64d2dc33,inset 0 0 4px #64d2dc0f;background:linear-gradient(var(--_panel-bg,var(--bg-surface)), var(--_panel-bg,var(--bg-surface))) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box!important;border:1px solid #0000!important}.page{padding:var(--space-lg);flex:1;width:100%;max-width:1200px;margin:0 auto}.page-title{font-family:var(--font-heading);color:var(--accent-primary);margin-bottom:var(--space-lg);text-align:center;text-shadow:0 2px 8px #64d2dc66;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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.navbar{z-index:var(--z-navbar);background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#0000,#6ec8d0,#3a9ea8,#6ec8d0,#0000) 1;position:sticky;top:0;box-shadow:0 4px 20px #64d2dc59,0 8px 40px #64d2dc26,0 1px 6px #64d2dc40}.navbar__inner{max-width:1200px;padding:0 var(--space-lg);height:var(--navbar-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__brand{font-family:var(--font-heading);color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 4px #64d2dc99;flex-shrink:0;font-size:1.1rem;font-weight:700}.navbar__brand:hover{color:var(--color-gold)}.navbar__brand-gem{vertical-align:middle;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);filter:drop-shadow(0 0 6px #b4ebf5cc);background:linear-gradient(135deg,#a0e8f0,#d0f4ff,#80d8e8) 0 0/300% 300%;width:14px;height:12px;margin-right:6px;animation:2s ease-in-out infinite brand-gem-pulse,3s linear infinite brand-gem-shift;display:inline-block}@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:.85rem;font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary)}.navbar__link.active{color:var(--color-gold)}.navbar__link.active:after{content:"";bottom:0;left:var(--space-md);right:var(--space-md);background:var(--color-gold);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__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:#64d2dc33}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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:#64d2dc4d;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:#64d2dc4d;border-radius:2px;height:4px}.navbar__pack-notif{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:flex}.navbar__pack-notif:hover{box-shadow:0 0 12px #64d2dc4d}.navbar__pack-badge{color:#04101e;background:var(--color-ember);border-radius:8px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1.5}.navbar__pack-timer{color:var(--text-muted);font-size:.7rem}.navbar__songitos{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--color-gold);white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;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);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;object-fit:cover;border:1px solid #0000;width:32px;height:32px;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.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:#64d2dc33}.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:#1a1410f7;border-bottom:2px solid #64d2dc4d;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 #64d2dc70,inset 0 0 4px #64d2dc24}.navbar__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__link{padding:var(--space-md) var(--space-lg);border-bottom:2px solid #64d2dc1f;font-size:.9rem;box-shadow:0 0 8px #64d2dc2e,inset 0 0 4px #64d2dc0f}.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__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,.navbar__songitos:hover,.navbar__avatar:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.particles-canvas{z-index:1;pointer-events:none;opacity:1;position:fixed;inset:0}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(ellipse at 20% 50%, #a335ee1f 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, #64d2dc33 0%, transparent 50%), radial-gradient(ellipse at 50% 0%, #3a8a9a14 0%, transparent 50%), var(--bg-primary);z-index:0;position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl);background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-xl);border:1px solid #0000;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;position:relative;box-shadow:0 20px 60px #00000080,0 0 30px #64d2dc1a}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-title{font-family:var(--font-heading);color:var(--color-gold);text-shadow:0 0 30px #64d2dc99;letter-spacing:2px;font-size:2.5rem;font-weight:900}.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:500}.form-group input{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;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:12px 16px;animation:3s linear infinite rotate-border-gradient}.form-group input:focus{border-color:var(--color-gold)}.form-group input::placeholder{color:var(--text-muted)}.login-error{color:var(--error-color);text-align:center;padding:var(--space-sm);border-radius:var(--radius-sm);background:#ff44441a;font-size:.85rem}.btn-primary{background:linear-gradient(135deg, var(--color-gold), var(--color-bronze)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-on-accent);border-radius:var(--radius-md);transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;border:1px solid #0000;padding:14px;font-size:1rem;font-weight:600;animation:3s linear infinite rotate-border-gradient}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #64d2dc99}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.login-divider{align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#64d2dc3d;flex:1;height:1px}.btn-google{justify-content:center;align-items:center;gap:var(--space-sm);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);color:var(--text-primary);transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:12px;font-size:.95rem;font-weight:500;animation:3s linear infinite rotate-border-gradient;display:flex}.btn-google:hover:not(:disabled){background:var(--bg-surface-hover);border-color:#64d2dc80}.btn-google:disabled{opacity:.6;cursor:not-allowed}.login-toggle{text-align:center;color:var(--text-secondary);font-size:.9rem}.login-toggle button{color:var(--color-gold);font-size:.9rem;font-weight:600}.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);box-shadow:0 12px 40px #0006}.login-title{letter-spacing:1px;font-size:1.8rem}.login-subtitle{font-size:.8rem}}.login-container:hover,.form-group input:hover,.btn-primary:hover,.btn-google:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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 #64d2dc29}.modal-title{font-family:var(--font-heading);color:var(--color-gold);margin-bottom:var(--space-lg);text-shadow:0 1px 4px #64d2dc66;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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}@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:1100px;padding:var(--space-2xl) var(--space-lg) 0;gap:var(--space-2xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.home-hero{padding:var(--space-xl) 0 0}.home-welcome{font-family:var(--font-heading);color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1.1}.home-username{background:linear-gradient(135deg, var(--color-gold), var(--color-ember));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.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;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), #5cd8e8, #a0f0ff, #40b8c8, #80e0f0, #5cd8e8) border-box;border:2px solid #0000;min-height:550px;animation:3s linear infinite rotate-border-gradient;position:relative;overflow:hidden;box-shadow:0 0 16px #64d2dc4d,0 0 32px #64d2dc1a}.news-banner__slide{min-height:550px;padding:var(--space-2xl);cursor:pointer;background-position:50%;background-size:cover;background-color:var(--bg-surface);border-radius:var(--radius-xl);align-items:flex-end;display:flex;position:relative;overflow:hidden}.news-banner__slide:after{content:"";pointer-events:none;background:linear-gradient(145deg,#143c5a26 0%,#0000 50%,#0a1e3c1f 100%);position:absolute;inset:0}.news-banner__overlay{pointer-events:none;background:linear-gradient(#0f284640 0%,#0a1e3780 50%,#04101eeb 100%);position:absolute;inset:0}.news-banner__content{z-index:1;gap:var(--space-sm);flex-direction:column;max-width:600px;display:flex;position:relative}.news-banner__tag{text-transform:uppercase;letter-spacing:2px;color:var(--color-ember);width:fit-content;font-size:.65rem;font-weight:700;display:inline-block}.news-banner__title{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.15}.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:#64d2dc66;border:none;border-radius:50%;padding:0}.news-banner__dot--active{background:var(--color-gold);transform:scale(1.25);box-shadow:0 0 8px #64d2dc99}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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:#64d2dc4d;box-shadow:0 0 30px #64d2dc14}.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:#64d2dc29;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 #64d2dc99}.stat-card__hint{color:var(--text-muted);margin-top:auto;font-size:.75rem}.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:var(--accent-primary);transition:color var(--transition-fast);font-size:.75rem;font-weight:600}.home-recent__link:hover{color:var(--color-ember)}.home-pulls__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.home-pull{align-items:center;gap:var(--space-md);padding:var(--space-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;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:600}.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}}@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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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}}.progress-bar{background:#64d2dc33;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);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border:1px solid #0000;flex-direction:column;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;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:var(--accent-primary);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 #64d2dc66;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-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:5s linear infinite tile-shimmer;position:absolute;inset:0}.collection-tile--epic:after{background:linear-gradient(105deg,#0000 30%,#a335ee1a 40%,#ffffff26 50%,#a335ee1a 60%,#0000 70%) 0 0/200% 100%}.collection-tile--legendary:after{background:linear-gradient(105deg,#0000 30%,#ff80001a 40%,#ffffff2e 50%,#ff80001a 60%,#0000 70%) 0 0/200% 100%}.collection-tile--mythic:after{background:linear-gradient(105deg,#0000 30%,#dc00001a 40%,#ffffff2e 50%,#dc00001a 60%,#0000 70%) 0 0/200% 100%}.collection-tile--iconic:after{background:linear-gradient(105deg,#0000 25%,#ff44881f 35%,#6444ff1f 42%,#ffffff38 50%,#44c8ff1f 58%,#44ff881f 65%,#0000 75%) 0 0/200% 100%;animation-duration:4s}@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{color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-weight:700}.card-placeholder{aspect-ratio:3/4;color:#3a3020;background:#120e0a;border:1px solid #0a1420;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;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{margin-top:var(--space-xl);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.collection-sell-dupes__btn{background:linear-gradient(135deg, #64d2dc3d, #3a8a9a1f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--color-gold);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .2s;animation:3s linear infinite rotate-border-gradient;display:flex}.collection-sell-dupes__btn:hover{background:linear-gradient(135deg,#64d2dc70,#3a8a9a38);border-color:#64d2dc99;box-shadow:0 0 16px #64d2dc4d}.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:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.collection-confirm{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border:1px solid #0000;border-radius:16px;width:100%;max-width:400px;padding:24px;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.collection-confirm h3{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{background:linear-gradient(#64d2dc14, #64d2dc14) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;padding:10px;font-size:.82rem;font-weight:600;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.collection-confirm__sell{color:#f87171;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:#ffffffb3;background:#ff444414;border:1px solid #f443;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:#f446}.collection-confirm__danger-toggle input{accent-color:#f44}.collection-confirm__sell--danger{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:#f87171;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)}}.collection-sell-dupes__btn:hover,.collection-confirm:hover,.collection-confirm__cancel:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.card-wrapper{display:inline-block;position:relative}.card{border-radius:var(--card-border-radius);background:var(--bg-secondary);transition:transform var(--transition-normal), box-shadow var(--transition-normal);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.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--epic:not(.card--mini):after{content:"";border-radius:var(--card-border-radius);pointer-events:none;z-index:9;background:linear-gradient(105deg,#0000 30%,#a335ee1f 40%,#ffffff40 50%,#a335ee1f 60%,#0000 70%) 0 0/200% 100%;animation:6s ease-in-out infinite epic-shimmer;position:absolute;inset:0}@keyframes epic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.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);border:5px solid #1a1410eb;flex-direction:column;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #64d2dc66}.card--uncommon .card__frame{box-shadow:inset 0 0 0 1px #1eff0026}.card--rare .card__frame{box-shadow:inset 0 0 0 1px #0070dd33}.card--epic .card__frame{box-shadow:inset 0 0 0 1px #a335ee40}.card--legendary .card__frame{box-shadow:inset 0 0 0 1px #ff80004d}.card--mythic .card__frame{box-shadow:inset 0 0 0 1px #dc00004d}.card--iconic .card__frame{box-shadow:none;border:none}.card__frame-top{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1410e0;border-bottom:2px solid #64d2dc99;flex-direction:column;gap:4px;padding:8px 12px;display:flex;box-shadow:0 0 8px #64d2dc99,inset 0 0 4px #64d2dc3d}.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:#64d2dc29;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{background:#1a14108c;align-items:center;gap:8px;padding:5px 12px;display:flex}.card__frame-divider-line{background:linear-gradient(90deg,#0000,#64d2dc99,#0000);flex:1;height:1px}.card__frame-bottom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1410e0;border-top:2px solid #64d2dc99;flex-direction:column;gap:4px;min-height:0;padding:8px 12px;display:flex;box-shadow:0 0 8px #64d2dc99,inset 0 0 4px #64d2dc3d}.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:var(--text-secondary);-webkit-line-clamp:2;-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 .card__frame{border-width:3px}.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-divider{gap:5px;padding:2px 6px}.card--mini .card__frame-bottom{padding:4px 8px}.card--mini .card__class{font-size:.55rem}.card--mini .card__role{font-size:.5rem}.card--large .card__frame{border-width:6px}.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-divider{gap:10px;padding:7px 16px}.card--large .card__frame-bottom{gap:8px;padding:14px 18px}.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--mythic:not(.card--mini):after{content:"";border-radius:var(--card-border-radius);pointer-events:none;z-index:9;background:linear-gradient(105deg,#0000 25%,#dc00001f 33%,#ff282826 40%,#ffffff4d 50%,#ff282826 60%,#dc00001f 67%,#0000 75%) 0 0/200% 100%;animation:5s ease-in-out infinite epic-shimmer;position:absolute;inset:0}.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:not(.card--mini):after{content:"";border-radius:var(--card-border-radius);pointer-events:none;z-index:9;background:linear-gradient(105deg,#0000 20%,#ff448814 28%,#6444ff26 35%,#ffffff59 50%,#44c8ff26 65%,#44ff8814 72%,#0000 80%) 0 0/200% 100%;animation:4s ease-in-out infinite iconic-shimmer;position:absolute;inset:0}@keyframes iconic-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.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:var(--text-secondary);padding:var(--space-sm) 0;margin-bottom:var(--space-lg);transition:color var(--transition-fast);font-size:.95rem}.back-btn:hover{color:var(--color-gold)}.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{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:#ffffff0d;border:1px solid}.badge-type{background:var(--bg-surface);color:var(--text-secondary)}.badge-class{color:var(--color-gold);background:#64d2dc4d}.detail-description{color:var(--text-secondary);line-height:1.7}.detail-flavor{color:var(--text-muted);padding:var(--space-md);border-left:2px solid #64d2dc99;font-style:italic}.detail-fantasy{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);gap:var(--space-md);border:1px solid #5cb8c826;flex-direction:column;display:flex}.detail-fantasy__base{justify-content:space-between;align-items:center;display:flex}.detail-fantasy__base-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.detail-fantasy__base-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.detail-fantasy__abilities{gap:var(--space-sm);flex-direction:column;display:flex}.detail-fantasy__ability{flex-direction:column;gap:2px;display:flex}.detail-fantasy__ability-name{color:gold;font-size:.9rem;font-weight:700}.detail-fantasy__ability-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.detail-stats{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.detail-stat{justify-content:space-between;display:flex}.detail-stat-label{color:var(--text-muted)}.detail-stat-value{color:var(--color-gold);font-weight:600}.detail-ownership{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500}.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);width:28px;height:28px;color:var(--text-primary);transition:background var(--transition-fast);background:#64d2dc29;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.detail-sell__qty-btn:hover:not(:disabled){background:#64d2dc4d}.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:gold;font-size:.85rem;font-weight:600}.detail-sell__btn{border-radius:var(--radius-sm);color:gold;transition:background var(--transition-fast);background:#5cb8c826;border:1px solid #5cb8c84d;padding:6px 16px;font-size:.8rem;font-weight:600}.detail-sell__btn:hover:not(:disabled){background:#5cb8c840}.detail-sell__btn:disabled{opacity:.5;cursor:default}.detail-sell__error{color:var(--error-color);width:100%;font-size:.8rem}@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 #64d2dc99;border-left:none}}.title-prefix{color:#facc15;white-space:nowrap;margin-right:4px;font-size:.85em;font-weight:500}.title-suffix{color:#a78bfa;white-space:nowrap;margin-left:4px;font-size:.8em;font-weight:500}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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:#64d2dc33}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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 #64d2dc99}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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:#64d2dc1a}.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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;margin-bottom:var(--space-xl);border:1px solid #0000;border-radius:16px;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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__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:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s;animation:3s linear infinite rotate-border-gradient;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-preview:hover,.cosmetics-empty:hover,.cosmetics-item:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.leaderboard-page{padding-top:var(--space-xl)}.leaderboard-tabs{gap:var(--space-xs);margin-bottom:var(--space-xl);justify-content:center;display:flex}.leaderboard-tab{background:linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-muted);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:.85rem;font-weight:600;animation:3s linear infinite rotate-border-gradient;display:flex}.leaderboard-tab:hover{color:var(--text-secondary);background:#64d2dc14}.leaderboard-tab--active{color:var(--color-gold);background:#64d2dc29;border-color:#64d2dc99}.leaderboard-table{border-radius:var(--radius-lg);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border:1px solid #0000;max-width:700px;margin:0 auto;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;overflow:hidden}.leaderboard-header{padding:var(--space-md) var(--space-lg);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#64d2dc14;border-bottom:2px solid #64d2dc33;grid-template-columns:60px 1fr 80px 90px;font-size:.75rem;font-weight:600;display:grid;box-shadow:0 0 8px #64d2dc4d,inset 0 0 4px #64d2dc14}.leaderboard-row{padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast);cursor:pointer;border-bottom:2px solid #64d2dc14;grid-template-columns:60px 1fr 80px 90px;align-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 0 8px #64d2dc1f,inset 0 0 4px #64d2dc0a}.lb-row-bg{opacity:.06;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:#64d2dc14}.leaderboard-row--current{border-left:3px solid var(--color-gold);background:#64d2dc29}.leaderboard-row--current:hover{background:#64d2dc3d}.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-secondary);justify-content:center;font-size:1rem;font-weight:700}.lb-rank--podium{font-size:1.3rem}.leaderboard-row--top1 .lb-rank--podium{color:gold}.leaderboard-row--top2 .lb-rank--podium{color:silver}.leaderboard-row--top3 .lb-rank--podium{color:#cd7f32}.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-weight:500;overflow:hidden}.lb-you-badge{color:var(--color-gold);text-transform:uppercase;letter-spacing:.5px;background:#64d2dc66;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:.9rem}.lb-col--points{font-family:var(--font-heading);color:var(--color-gold);justify-content:flex-end;font-size:1.1rem;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:1rem;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-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}.lb-avatar{width:28px;height:28px}.lb-col--points{font-size:.95rem}.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}.lb-avatar{width:24px;height:24px}.lb-name,.lb-col--points{font-size:.85rem}.lb-col--cards{font-size:.8rem}}.leaderboard-tab:hover,.leaderboard-table:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.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), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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 #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.status-badge--open{color:var(--status-open);background:#1eff001f;border:1px solid #1eff0040}.status-badge--closed{color:var(--status-closed);background:#f0a5001f;border:1px solid #f0a50040}.status-badge--resolved{color:var(--status-resolved);background:#0070dd1f;border:1px solid #0070dd40}.status-badge--cancelled{color:var(--status-cancelled);background:#ff44441f;border:1px solid #ff444440}.status-badge--draft{color:var(--status-draft);background:#9898a81f;border:1px solid #9898a840}.category-badge{background:linear-gradient(#64d2dc1a, #64d2dc1a) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:inline-flex}.category-badge:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.event-card{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);gap:var(--space-sm);border:1px solid #0000;flex-direction:column;animation:3s linear infinite rotate-border-gradient;display:flex}.event-card:hover{background:var(--bg-surface-hover);border-color:#64d2dc4d;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.event-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.event-card__badges{gap:var(--space-xs);display:flex}.event-card__time{color:var(--text-muted);font-size:.7rem}.event-card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.event-card__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.event-card__odds{margin-top:var(--space-xs);flex-direction:column;gap:4px;display:flex}.event-card__option{border-radius:var(--radius-sm);background:#64d2dc0f;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.event-card__opt-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.event-card__opt-mult{color:var(--accent-primary);flex-shrink:0;font-size:.8rem;font-weight:700}.event-card__more{color:var(--text-muted);text-align:center;font-size:.7rem}.event-card__footer{padding-top:var(--space-sm);border-top:2px solid #64d2dc1a;margin-top:auto;box-shadow:0 0 8px #64d2dc29,inset 0 0 4px #64d2dc0a}.event-card__bets{color:var(--text-muted);font-size:.75rem}@media (width<=480px){.event-card{padding:var(--space-md)}.event-card__title{font-size:.95rem}.event-card__desc{font-size:.75rem}}.event-card:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.betting-page{padding-top:var(--space-xl)}.betting-page__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.crash-banner{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);background:linear-gradient(135deg, #64d2dc33, #3a8a9a14) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;padding:16px 20px;text-decoration:none;transition:all .2s;animation:3s linear infinite rotate-border-gradient;display:flex}.crash-banner:hover{border-color:var(--color-gold);background:linear-gradient(135deg,#64d2dc4d,#3a8a9a1f);transform:translateY(-1px)}.crash-banner__icon{width:48px;height:48px;color:var(--color-gold);background:#64d2dc4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.crash-banner__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.crash-banner__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:700}.crash-banner__desc{color:var(--text-secondary);font-size:.82rem;line-height:1.3}.crash-banner__arrow{color:var(--color-gold);flex-shrink:0;font-size:1.4rem}@media (width<=480px){.crash-banner{padding:12px 14px}.crash-banner__icon{width:40px;height:40px}.crash-banner__title{font-size:1rem}.crash-banner__desc{font-size:.75rem}}.betting-filters{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.betting-filters__group{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.betting-filters__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:70px;font-size:.75rem;font-weight:600}.betting-filters__chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-chip{background:linear-gradient(#64d2dc14, #64d2dc14) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:500;animation:3s linear infinite rotate-border-gradient}.filter-chip:hover{color:var(--text-primary);background:#64d2dc29}.filter-chip--active{border-color:var(--color-gold);color:var(--color-gold);background:#64d2dc4d}.betting-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.betting-page__empty{text-align:center;padding:var(--space-3xl);color:var(--text-muted);font-size:.95rem}@media (width<=768px){.betting-grid{grid-template-columns:1fr}.betting-filters__group{flex-direction:column;align-items:flex-start}}@media (width<=480px){.filter-chip{padding:4px 10px;font-size:.73rem}.betting-page__empty{padding:var(--space-xl);font-size:.85rem}}.crash-banner:hover,.filter-chip:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.odds-chart{width:100%}.odds-binary{border-radius:var(--radius-lg);gap:2px;min-height:72px;display:flex;overflow:hidden}.odds-binary__side{padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--bar-color) 15%, transparent);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.odds-binary__side:not(:disabled):hover{background:color-mix(in srgb, var(--bar-color) 25%, transparent);border-color:var(--bar-color)}.odds-binary__side:disabled{cursor:default}.odds-binary__side--selected{background:color-mix(in srgb, var(--bar-color) 25%, transparent);border-color:var(--bar-color)!important}.odds-binary__side--winner{box-shadow:inset 0 0 20px #1eff001a;border-color:var(--status-open)!important}.odds-binary__label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.95rem;font-weight:600;overflow:hidden}.odds-binary__pct{font-size:1.3rem;font-weight:700;font-family:var(--font-heading);color:var(--bar-color)}.odds-binary__mult{color:var(--text-muted);font-size:.75rem}.odds-chart--multi{gap:var(--space-sm);flex-direction:column;display:flex}.odds-bar{text-align:left;background:linear-gradient(#64d2dc0f, #64d2dc0f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;animation:3s linear infinite rotate-border-gradient}.odds-bar:not(:disabled):hover{background:#64d2dc1f;border-color:#64d2dc4d}.odds-bar:disabled{cursor:default}.odds-bar--selected{background:#64d2dc29;border-color:var(--accent-primary)!important}.odds-bar--winner{background:#1eff000d;border-color:var(--status-open)!important}.odds-bar__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.odds-bar__label{color:var(--text-primary);font-size:.9rem;font-weight:600}.odds-bar__stats{align-items:center;gap:6px;display:flex}.odds-bar__pct{font-weight:700;font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem}.odds-bar__dot{color:var(--text-muted)}.odds-bar__mult{color:var(--accent-primary);font-size:.85rem;font-weight:600}.odds-bar__track{background:#64d2dc1f;border-radius:3px;width:100%;height:6px;overflow:hidden}.odds-bar__fill{background:var(--bar-color);border-radius:3px;height:100%}.odds-bar__count{color:var(--text-muted);margin-top:4px;font-size:.7rem;display:block}@media (width<=768px){.odds-binary{min-height:60px}.odds-binary__pct{font-size:1.1rem}.odds-binary__label{font-size:.85rem}}@media (width<=480px){.odds-binary{gap:var(--space-xs);flex-direction:column}.odds-binary__side{width:100%}.odds-bar__label{font-size:.8rem}.odds-bar__pct{font-size:.85rem}}.odds-bar:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.bet-list{border-radius:var(--radius-md);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border:1px solid #0000;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;overflow:visible}.bet-list__empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.9rem}.bet-list__header,.bet-list__row{padding:var(--space-sm) var(--space-md);grid-template-columns:1fr .8fr .7fr .8fr;align-items:center;display:grid}.bet-list--with-user .bet-list__header,.bet-list--with-user .bet-list__row{grid-template-columns:1.2fr 1fr .8fr .7fr .8fr}.bet-list__header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#64d2dc0f;font-size:.7rem;font-weight:600}.bet-list__row{border-top:2px solid #64d2dc14;font-size:.8rem;box-shadow:0 0 8px #64d2dc1f,inset 0 0 4px #64d2dc0a}.bet-list__row--won{background:#1eff0008}.bet-list__row--lost{background:#ff444408}.bet-list__option{color:var(--text-primary);font-weight:500}.bet-list__user{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.bet-list__stake{color:var(--text-secondary);text-align:center;font-size:.8rem}.bet-list__payout{color:var(--status-open);font-size:.75rem;font-weight:600}.bet-list__odds{font-family:var(--font-heading);color:var(--accent-primary);font-weight:700}.bet-list__outcome--pending{color:var(--text-muted)}.bet-list__outcome--won{color:var(--status-open)}.bet-list__outcome--lost{color:var(--status-cancelled)}.bet-list__outcome--cancelled{color:var(--text-muted)}@media (width<=768px){.bet-list__header,.bet-list__row{grid-template-columns:1fr .6fr .8fr;font-size:.75rem}.bet-list--with-user .bet-list__header,.bet-list--with-user .bet-list__row{grid-template-columns:1fr .8fr .6fr .8fr}.bet-list__header{font-size:.65rem}}@media (width<=480px){.bet-list__header,.bet-list__row{padding:var(--space-xs) var(--space-sm);font-size:.7rem}.bet-list__odds{font-size:.85rem}}.bet-list:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--color-gold), var(--color-bronze)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-on-accent);border:1px solid #0000;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #64d2dc99}.btn--secondary{background:linear-gradient(#2d241880, #2d241880) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-primary);border:1px solid #0000;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient}.btn--secondary:hover:not(:disabled){background:#3a302099;border-color:#64d2dc99}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text-primary)}.btn--primary:hover,.btn--secondary:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.place-bet-modal{gap:var(--space-lg);flex-direction:column;display:flex}.place-bet__section{gap:var(--space-sm);flex-direction:column;display:flex}.place-bet__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.place-bet__choice{padding:var(--space-md);background:linear-gradient(#64d2dc29, #64d2dc29) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);color:var(--text-primary);border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:600;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:flex}.place-bet__odds{font-family:var(--font-heading);color:var(--accent-primary);font-size:1.1rem;font-weight:700}.place-bet__songitos-balance{color:var(--text-secondary);font-size:.85rem}.place-bet__songitos-balance strong{color:var(--accent-primary);font-family:var(--font-heading)}.place-bet__presets{gap:var(--space-sm);display:flex}.place-bet__preset-btn{border-radius:var(--radius-md);background:linear-gradient(#64d2dc1f, #64d2dc1f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-primary);font-family:var(--font-heading);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;flex:1;padding:8px 12px;font-size:.9rem;font-weight:700;animation:3s linear infinite rotate-border-gradient}.place-bet__preset-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#64d2dc4d}.place-bet__preset-btn--active{border-color:var(--accent-primary);color:var(--accent-primary);background:#64d2dc66}.place-bet__preset-btn:disabled{opacity:.3;cursor:not-allowed}.place-bet__amount-input{gap:var(--space-sm);align-items:center;display:flex}.place-bet__input{border-radius:var(--radius-md);background:linear-gradient(#64d2dc1f, #64d2dc1f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-primary);font-family:var(--font-heading);transition:box-shadow .8s ease-in-out;transition:border-color var(--transition-fast);border:1px solid #0000;outline:none;flex:1;padding:10px 14px;font-size:1.1rem;font-weight:700;animation:3s linear infinite rotate-border-gradient}.place-bet__input:focus{border-color:var(--accent-primary)}.place-bet__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.place-bet__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.place-bet__input[type=number]{-moz-appearance:textfield}.place-bet__max-btn{border-radius:var(--radius-md);background:linear-gradient(#64d2dc1f, #64d2dc1f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);letter-spacing:1px;cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;padding:10px 16px;font-size:.75rem;font-weight:700;animation:3s linear infinite rotate-border-gradient}.place-bet__max-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:#64d2dc4d}.place-bet__max-btn:disabled{opacity:.3;cursor:not-allowed}.place-bet__summary{gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(#64d2dc0f, #64d2dc0f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);border:1px solid #0000;flex-direction:column;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:flex}.place-bet__summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.place-bet__reward{color:var(--status-open);font-weight:600}.place-bet__loss{color:var(--status-cancelled);font-weight:600}.place-bet__actions{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:2px solid #64d2dc1a;display:flex;box-shadow:0 0 8px #64d2dc29,inset 0 0 4px #64d2dc0a}@media (width<=480px){.place-bet__choice{padding:var(--space-sm);font-size:.9rem}.place-bet__summary-row{font-size:.8rem}.place-bet__actions{flex-direction:column}.place-bet__presets{flex-wrap:wrap}.place-bet__preset-btn{min-width:60px}}.place-bet__choice:hover,.place-bet__preset-btn:hover,.place-bet__input:hover,.place-bet__max-btn:hover,.place-bet__summary:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.resolve-modal{gap:var(--space-lg);flex-direction:column;display:flex}.resolve-modal__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.resolve-modal__desc strong{color:var(--text-primary)}.resolve-modal__options{gap:var(--space-sm);flex-direction:column;display:flex}.resolve-option{padding:var(--space-md);background:linear-gradient(#64d2dc0f, #64d2dc0f) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;animation:3s linear infinite rotate-border-gradient;display:flex}.resolve-option:hover{background:#64d2dc1f;border-color:#64d2dc66}.resolve-option--selected{background:#1eff000d;border-color:var(--status-open)!important}.resolve-option__label{color:var(--text-primary);font-weight:600}.resolve-option__count{color:var(--text-muted);font-size:.8rem}.resolve-modal__confirm{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#ff44440d;border:1px solid #ff444426;flex-direction:column;display:flex}.resolve-modal__warning{color:var(--status-cancelled);font-size:.85rem;font-weight:500}.resolve-modal__actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.resolve-modal__divider{border-top:2px solid #64d2dc1f;box-shadow:0 0 8px #64d2dc2e,inset 0 0 4px #64d2dc0f}.resolve-modal__cancel-btn{width:100%;color:var(--status-cancelled)!important;border-color:#ff44444d!important}.resolve-option:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.reward-summary{gap:var(--space-md);flex-direction:column;display:flex}.reward-summary__title{font-family:var(--font-heading);color:var(--accent-primary);font-size:1.1rem}.reward-summary__section{padding:var(--space-md);border-radius:var(--radius-md);gap:var(--space-sm);flex-direction:column;display:flex}.reward-summary__section--won{background:#1eff000d;border:1px solid #1eff0026}.reward-summary__section--lost{background:#ff44440d;border:1px solid #ff444426}.reward-summary__subtitle{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.reward-summary__section--won .reward-summary__subtitle{color:var(--status-open)}.reward-summary__section--lost .reward-summary__subtitle{color:var(--status-cancelled)}.reward-entry{padding:var(--space-sm);border-radius:var(--radius-sm);background:#64d2dc0f;flex-direction:column;gap:4px;display:flex}.reward-entry__info{justify-content:space-between;align-items:center;display:flex}.reward-entry__option{color:var(--text-primary);font-size:.9rem;font-weight:600}.reward-entry__odds{font-family:var(--font-heading);color:var(--accent-primary);font-weight:700}.reward-entry__details{flex-direction:column;gap:2px;display:flex}.reward-entry__card{color:var(--text-secondary);font-size:.8rem}.reward-entry__bonus{color:var(--status-open);font-size:.8rem;font-weight:600}.reward-entry__lost-card{color:var(--status-cancelled);font-size:.8rem}.reward-loot-btn{justify-content:center;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--accent-primary), var(--color-gold));color:var(--text-on-accent);font-family:var(--font-heading);border-radius:var(--radius-lg);cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all var(--transition-fast);margin-top:var(--space-sm);border:none;align-self:center;padding:14px 32px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 20px #64d2dc99}.reward-loot-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 28px #64d2dc99}.reward-loot-btn:active{transform:translateY(0)scale(1)}.reward-loot-claimed{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--text-muted);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-lg);border:1px solid #0000;align-self:center;padding:10px 24px;font-size:.85rem;font-weight:600;transition:box-shadow .8s ease-in-out;animation:3s linear infinite rotate-border-gradient;display:flex}@media (width<=480px){.reward-loot-btn{letter-spacing:1px;padding:12px 24px;font-size:.9rem}.reward-entry__info{flex-direction:column;align-items:flex-start;gap:2px}}.reward-loot-claimed:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.event-detail-page{padding-top:var(--space-lg);gap:var(--space-xl);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.event-detail__back{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem}.event-detail__back:hover{color:var(--text-primary)}.event-detail__header{gap:var(--space-sm);flex-direction:column;display:flex}.event-detail__badges{gap:var(--space-xs);display:flex}.event-detail__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.3}.event-detail__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.event-detail__time,.event-detail__total{color:var(--text-muted);font-size:.8rem}.event-detail__section-title{font-family:var(--font-heading);color:var(--accent-primary);margin-bottom:var(--space-md);font-size:1rem;font-weight:700}.event-detail__odds-section,.event-detail__bets-section,.event-detail__admin{flex-direction:column;display:flex}.event-detail__bets-section{gap:var(--space-lg)}.event-detail__admin{padding:var(--space-lg);background:linear-gradient(#64d2dc1a, #64d2dc1a) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) 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}.event-detail__not-found{align-items:center;gap:var(--space-lg);padding:var(--space-3xl);color:var(--text-muted);flex-direction:column;font-size:1rem;display:flex}@media (width<=768px){.event-detail-page{gap:var(--space-lg)}.event-detail__title{font-size:1.3rem}.event-detail__admin{padding:var(--space-md)}}@media (width<=480px){.event-detail-page{max-width:100%;padding-top:var(--space-md)}.event-detail__title{font-size:1.15rem}.event-detail__badges{flex-wrap:wrap}.event-detail__desc{font-size:.85rem}.event-detail__not-found{padding:var(--space-xl)}}.event-detail__admin:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.create-event-form{gap:var(--space-lg);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.form-input{background:linear-gradient(#64d2dc1a, #64d2dc1a) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:box-shadow .8s ease-in-out;transition:border-color var(--transition-fast);border:1px solid #0000;padding:10px 14px;animation:3s linear infinite rotate-border-gradient}.form-input:focus{border-color:var(--accent-primary);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--status-cancelled);font-size:.75rem}.form-categories{gap:var(--space-xs);flex-wrap:wrap;display:flex}.form-category{background:linear-gradient(#64d2dc1a, #64d2dc1a) padding-box, linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, conic-gradient(from var(--border-angle), #3a9ea8, #6ec8d0, #2a808a, #4db0b8, #3a9ea8) border-box;color:var(--text-secondary);cursor:pointer;transition:box-shadow .8s ease-in-out;transition:all var(--transition-fast);border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:500;animation:3s linear infinite rotate-border-gradient}.form-category:hover{background:#64d2dc29}.form-category--active{border-color:var(--accent-primary);color:var(--accent-primary);background:#64d2dc4d}.form-options{gap:var(--space-sm);flex-direction:column;display:flex}.form-option{gap:var(--space-sm);align-items:center;display:flex}.form-option .form-input{flex:1}.form-option__remove{width:32px;height:32px;color:var(--status-cancelled);cursor:pointer;transition:background var(--transition-fast);background:#ff44441a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.form-option__remove:hover{background:#f443}.form-actions{padding-top:var(--space-md);border-top:2px solid #64d2dc1f;justify-content:flex-end;display:flex;box-shadow:0 0 8px #64d2dc2e,inset 0 0 4px #64d2dc0f}@media (width<=768px){.create-event-form{gap:var(--space-md)}.form-option{flex-wrap:wrap}}@media (width<=480px){.form-input{padding:8px 12px;font-size:.85rem}.form-category{padding:5px 10px;font-size:.75rem}}.form-input:hover,.form-category:hover{box-shadow:0 0 20px #64d2dc59,0 0 40px #64d2dc1f,inset 0 0 8px #64d2dc14}.create-event-page{padding-top:var(--space-lg);max-width:700px;margin:0 auto}.create-event__back{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);margin-bottom:var(--space-lg);background:0 0;border:none;padding:0;font-size:.85rem;display:block}.create-event__back:hover{color:var(--text-primary)}.create-event__denied{text-align:center;padding:var(--space-3xl);color:var(--text-muted);font-size:1rem}
