@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700;800;900&family=Rajdhani:wght@600;700&display=swap";:root{--color-bg-primary: #1b181b;--color-bg-secondary: #241f2b;--color-bg-tertiary: #15121a;--color-bg-card: #17171f;--color-bg-elevated: #1d1d27;--color-bg-hover: #23233a;--color-bg-input: #241f2b;--color-bg-deep: #0f0d12;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .16);--color-border-active: rgba(255, 255, 255, .28);--color-text-primary: #fcfbfc;--color-text-secondary: #b7b0bf;--color-text-muted: #918ca6;--color-text-inverse: #1b181b;--color-primary-50: #f5f3ff;--color-primary-100: #ede9fe;--color-primary-200: #ddd6fe;--color-primary-300: #c4b5fd;--color-primary-400: #a78bfa;--color-primary-500: #8b5cf6;--color-primary-600: #7c3aed;--color-primary-700: #6d28d9;--color-primary-800: #5b21b6;--color-primary-900: #4c1d95;--brand-purple-deep: #2b1e47;--brand-purple-mid: #4a2577;--brand-purple: #7a30e5;--brand-purple-bright: #774ead;--brand-magenta: #db50eb;--brand-cookie: #b07e49;--brand-cookie-dark: #62483c;--color-secondary-500: #db50eb;--color-secondary-600: #b03ec0;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #38bdf8;--color-live: #ef4444;--gold: #b07e49;--gold-hi: #c8975a;--gold-lo: rgba(176, 126, 73, .1);--accent: #7a30e5;--accent-hi: #774ead;--accent-lo: rgba(122, 48, 229, .14);--gradient-primary: linear-gradient(135deg, #7a30e5, #4a2577);--gradient-accent: linear-gradient(135deg, #db50eb, #7a30e5);--gradient-hero: linear-gradient(180deg, #241f2b 0%, #1b181b 100%);--gradient-card: none;--gradient-glow: none;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Baloo 2", var(--font-primary);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-tight: 1.2;--leading-normal: 1.55;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--radius-2xl: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .55);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .65);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-glow-purple: 0 0 18px rgba(122, 48, 229, .6), 0 0 40px rgba(122, 48, 229, .25);--shadow-glow-pink: 0 0 16px rgba(219, 80, 235, .55), 0 0 36px rgba(219, 80, 235, .2);--shadow-glow-blue: 0 0 12px rgba(96, 165, 250, .4), 0 0 28px rgba(96, 165, 250, .15);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .1s;--duration-normal: .18s;--duration-slow: .32s;--duration-slower: .5s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-max: 9999;--container-max: 1200px;--sidebar-width: 260px;--header-height: 56px;--banner-height: 36px;--glass-bg-card: var(--color-bg-card);--glass-bg-panel: var(--color-bg-secondary);--glass-bg-overlay: rgba(15, 13, 18, .97);--glass-blur: none;--glass-blur-sm: none;--glass-border: rgba(255, 255, 255, .08);--glass-border-hi: rgba(255, 255, 255, .14);--glass-shadow: var(--shadow-card);--glass-inner-glow: none;--foil-common: rgba(156, 163, 175, .08);--foil-uncommon: rgba(34, 197, 94, .1);--foil-semi-rare: rgba(59, 130, 246, .12);--foil-rare: rgba(168, 85, 247, .14);--foil-epic: rgba(249, 115, 22, .14);--foil-legendary: rgba(251, 191, 36, .18);--glow-purple-sm: 0 0 10px rgba(122, 48, 229, .45), 0 0 20px rgba(122, 48, 229, .15);--glow-purple-md: 0 0 18px rgba(122, 48, 229, .6), 0 0 40px rgba(122, 48, 229, .25);--glow-purple-lg: 0 0 30px rgba(122, 48, 229, .7), 0 0 60px rgba(122, 48, 229, .3);--glow-pink-sm: 0 0 16px rgba(219, 80, 235, .55), 0 0 36px rgba(219, 80, 235, .2);--glow-blue-sm: 0 0 12px rgba(96, 165, 250, .4), 0 0 28px rgba(96, 165, 250, .15);--shadow-premium: 0 20px 60px rgba(0, 0, 0, .7);--accent-stripe: 3px solid var(--accent);--accent-stripe-sm: 2px solid var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-primary);font-weight:var(--font-regular)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-600);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:var(--font-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-elevated);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-hover) transparent}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.app-wrapper{display:flex;min-height:100vh}.main-content{flex:1;padding-top:calc(var(--header-height) + var(--banner-height));padding-left:var(--space-8);padding-right:var(--space-8);padding-bottom:var(--space-12);transition:padding-top .28s var(--ease-smooth)}body.banner-scroll-hidden .main-content,body.banner-game-hidden .main-content{padding-top:var(--header-height)}.section{padding:var(--space-12) 0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.section-label:before{content:"";width:3px;height:12px;background:var(--accent);border-radius:1px;flex-shrink:0}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth)}.card:hover{border-color:var(--color-border-hover)}.card--accented{border-top:2px solid var(--accent)}.card--gold{border-top:2px solid var(--gold)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.card-title{font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.card-body{position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px var(--space-5);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast),transform 80ms;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hi)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-accent{background:var(--color-accent-600);color:#fff}.btn-accent:hover{background:var(--color-accent-500)}.btn-gold{background:var(--gold);color:#07070b}.btn-gold:hover{background:var(--gold-hi)}.btn-danger{background:transparent;color:var(--color-error);border:1px solid rgba(239,68,68,.35)}.btn-danger:hover{background:#ef444414;border-color:var(--color-error)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-sm{padding:5px var(--space-3);font-size:.625rem}.btn-lg{padding:12px var(--space-8);font-size:var(--text-sm)}.btn-icon{padding:8px;border-radius:var(--radius-md)}.btn-full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.input{width:100%;padding:10px var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast)}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 7px;font-size:.625rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-md);border:1px solid transparent}.badge-live{background:#ef44441f;color:var(--color-live);border-color:#ef444440;animation:pulse-live 2s ease-in-out infinite}.badge-level{background:var(--accent-lo);color:var(--color-primary-400);border-color:#7c3aed40}.badge-points{background:#3b82f61a;color:var(--color-accent-400);border-color:#3b82f633}.avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;overflow:hidden}.avatar-lg{width:56px;height:56px;border-radius:var(--radius-xl);font-size:var(--text-xl)}.avatar-xl{width:88px;height:88px;border-radius:var(--radius-xl);font-size:var(--text-3xl)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.main-content{padding-left:var(--space-4);padding-right:var(--space-4)}}.text-center{text-align:center}.text-gradient{color:var(--color-primary-400)}.label-caps{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.display-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.6s infinite}.glass{background:var(--color-bg-card);border:1px solid var(--color-border)}.glass-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.cookie-icon{font-size:var(--text-2xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.45}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes cookie-rotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes points-popup{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neonPulse{0%,to{border-color:var(--color-border)}50%{border-color:var(--color-border-hover)}}@keyframes cardEnterDrama{0%{opacity:0;transform:perspective(700px) rotateY(90deg) scale(.6)}60%{opacity:1;transform:perspective(700px) rotateY(-8deg) scale(1.05)}to{opacity:1;transform:perspective(700px) rotateY(0) scale(1)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-smooth) forwards}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-spring) forwards}.animate-float{animation:float 3s var(--ease-smooth) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 2s var(--ease-smooth) infinite}.animate-wiggle{animation:wiggle 2s var(--ease-smooth) infinite}.animate-glow{animation:glow-pulse 2.5s var(--ease-smooth) infinite}.animate-neon{animation:neonPulse 2s var(--ease-smooth) infinite}.animate-cookie{animation:cookie-rotate 3s var(--ease-smooth) infinite}.animate-card-drama{animation:cardEnterDrama .65s var(--ease-spring) forwards}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--header-height);background:var(--color-bg-secondary);border-top:3px solid var(--accent);border-bottom:1px solid var(--color-border);transition:background var(--duration-normal) var(--ease-smooth)}.header.scrolled{background:#0a0a12fa;box-shadow:0 2px 16px #00000080}.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6);gap:var(--space-6);flex-wrap:nowrap}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.header-logo-twitch,.header-logo-home{display:flex;align-items:center;text-decoration:none;cursor:pointer}.header-logo-img{height:34px;width:auto;display:block;flex-shrink:0}.header-perfil-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}.header-perfil{width:34px;height:34px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--brand-purple);box-shadow:var(--glow-purple-sm);display:block}@keyframes live-ring{0%{box-shadow:0 0 #ef4444bf,var(--glow-purple-sm)}60%{box-shadow:0 0 0 5px #ef444400,var(--glow-purple-sm)}to{box-shadow:0 0 0 5px #ef444400,var(--glow-purple-sm)}}.header-perfil-wrap.is-live .header-perfil{border-color:var(--color-live);animation:live-ring 1.6s ease-out infinite}.header-perfil-live{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:var(--radius-full);background:var(--color-live);border:2px solid var(--color-bg-secondary);display:none}.header-perfil-wrap.is-live .header-perfil-live{display:block}.header-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-md);border:1px solid transparent;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth);text-decoration:none;white-space:nowrap;position:relative}.nav-link svg{opacity:.4;transition:opacity var(--duration-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.nav-link:hover svg{opacity:.75}.nav-link.active{color:var(--color-text-primary);background:var(--color-bg-elevated);border-color:var(--color-border)}.nav-link.active svg{opacity:1}.header-wallet{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.wallet-item{display:flex;align-items:center;gap:6px;padding:5px var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.wallet-item:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.wallet-cookies{border-color:#f59e0b33}.wallet-cookies:hover{border-color:#f59e0b66}.wallet-rc{border-color:var(--color-border)}.wallet-icon{font-size:1rem}.rc-icon{height:1.1em;width:auto;vertical-align:middle;display:inline-block;object-fit:contain}img.wallet-icon.rc-icon{height:1.2rem}.wallet-value{font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.wallet-cookies .wallet-value{color:#f59e0b}.wallet-rc .wallet-value{color:var(--color-primary-400)}.wallet-divider{width:1px;height:20px;background:var(--color-border)}.header-user{margin-left:var(--space-2)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:opacity var(--duration-fast);overflow:hidden}.user-avatar:hover{opacity:.8}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;background:none;border:none}.mobile-menu-btn span{width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--duration-normal) var(--ease-smooth)}.stream-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color var(--duration-fast)}.stream-section:hover{border-color:var(--color-border-hover)}.stream-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.stream-info{display:flex;align-items:center;gap:var(--space-3)}.live-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-live);animation:pulse-live 2s ease-in-out infinite;flex-shrink:0}.stream-title{font-size:var(--text-sm);font-weight:600}.viewer-count{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);padding:3px var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stream-toggle{display:flex;gap:2px;padding:3px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.toggle-btn:hover{color:var(--color-text-primary)}.toggle-btn.active{color:#fff;background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.toggle-btn.active[data-platform=twitch]{background:#9146ff;border-color:transparent}.toggle-btn.active[data-platform=kick]{background:#53fc18;color:#0a0a0f;border-color:transparent}.stream-player{flex:1;min-height:0;position:relative;background:#000}.stream-embed{position:absolute;top:0;right:0;bottom:0;left:0}.stream-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;transition:opacity .2s}.stream-embed iframe.embed-hidden{opacity:0;pointer-events:none;z-index:0}.stream-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.placeholder-content{text-align:center;padding:var(--space-8)}.placeholder-icon{font-size:4rem;display:block;margin-bottom:var(--space-4)}.placeholder-content h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.placeholder-content p{color:var(--color-text-muted);font-size:var(--text-sm)}.placeholder-hint{margin-top:var(--space-3);color:var(--color-primary-400)!important;font-weight:500}.chat-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color var(--duration-fast)}.chat-section:hover{border-color:var(--color-border-hover)}.chat-section-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;row-gap:var(--space-2)}.chat-tabs{margin-left:auto;display:flex;gap:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.chat-tab-btn{padding:2px 8px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast);white-space:nowrap;line-height:1.6}.chat-tab-btn:hover{color:var(--color-text-primary)}.chat-tab-btn.active{background:var(--accent);color:#fff}.chat-section-header svg{color:var(--color-primary-400);flex-shrink:0}.chat-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.stream-chat{flex:1;min-height:0;overflow:hidden;background:transparent;display:flex;flex-direction:column}.stream-chat iframe{width:100%;flex:1;border:none;min-height:0}.stream-chat iframe.chat-hidden{display:none}.stream-chat.both-mode iframe.chat-hidden{display:flex}.stream-chat.both-mode iframe:first-child{border-bottom:1px solid var(--color-border)}.stream-chat-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.chat-login-wall{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.chat-login-icon{font-size:2rem;opacity:.4}.chat-login-msg{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.kick-login-hint{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#53fc1e14;border-bottom:1px solid rgba(83,252,30,.2);flex-shrink:0}.kick-login-hint.kick-hint-hidden{display:none}.kick-hint-text{font-size:var(--text-xs);color:var(--color-text-muted)}.kick-hint-btn{font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-md);border:1px solid rgba(83,252,30,.5);background:transparent;color:#53fc1e;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);white-space:nowrap}.kick-hint-btn:hover{background:#53fc1e26}.kick-chat-wrap{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.kick-chat-wrap.chat-hidden{display:none}.kick-chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-6);text-align:center;opacity:.6}.kick-chat-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.kick-chat-list::-webkit-scrollbar{width:4px}.kick-chat-list::-webkit-scrollbar-track{background:transparent}.kick-chat-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.kick-msg{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 3px;padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.5;transition:background var(--duration-fast)}.kick-msg:hover{background:#ffffff08}.kick-msg-avatar{width:16px;height:16px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;align-self:center}.kick-msg-badge{width:14px;height:14px;vertical-align:middle;flex-shrink:0;align-self:center}.kick-msg-username{font-weight:700;color:var(--brand-purple-bright);flex-shrink:0;cursor:default}.kick-msg-username:after{content:":";color:var(--color-text-muted);font-weight:400}.kick-msg-content{color:var(--color-text-secondary);word-break:break-word;min-width:0}.kick-emote{height:1.3em;vertical-align:middle;display:inline}.quick-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--accent);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth);text-align:left}.quick-card:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover);border-left-color:var(--accent-hi);transform:translate(3px)}.quick-icon-wrap{flex-shrink:0;position:relative}.quick-icon{font-size:1.75rem}.quick-glow,.quick-glow-purple,.quick-glow-pink,.quick-glow-blue{display:none}.quick-info{flex:1;min-width:0}.quick-info h3{font-size:var(--text-sm);font-weight:700;margin-bottom:2px}.quick-info p{font-size:var(--text-xs);color:var(--color-text-muted)}.quick-minigames:before,.quick-missions:before,.quick-shop:before{display:none}.quick-badge{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;background:var(--color-secondary-500);border-radius:var(--radius-md)}.quick-arrow{color:var(--color-text-muted);flex-shrink:0;transition:all var(--duration-normal) var(--ease-smooth)}.quick-card:hover .quick-arrow{color:var(--accent-hi);transform:translate(3px)}.leaderboard-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.leaderboard-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.lb-timestamp{display:block;font-size:.6rem;color:var(--color-text-muted);margin-top:var(--space-2);text-align:right;opacity:.6}.avatar-img,.lb-avatar-img{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover}.lb-empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.leaderboard-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.leaderboard-title svg{color:var(--color-primary-500)}.leaderboard-tabs{display:flex;gap:var(--space-1);padding:3px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.lb-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast);text-align:center}.lb-tab:hover{color:var(--color-text-primary)}.lb-tab.active{color:#fff;background:var(--accent)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-4)}.podium-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.podium-crown{font-size:1.1rem;animation:float 3s ease-in-out infinite}.podium-medal{position:absolute;top:-6px;right:-6px;font-size:.875rem;z-index:2}.avatar-ring{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:3px}.podium-1 .avatar-ring{width:64px;height:64px}.ring-gold{border:2px solid #FFD700}.ring-silver{border:2px solid #C0C0C0}.ring-bronze{border:2px solid #CD7F32}.avatar-inner{width:100%;height:100%;border-radius:var(--radius-sm);background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden}.podium-1 .avatar-inner{font-size:var(--text-lg)}.podium-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:var(--text-xs);font-weight:700;color:#f59e0b;font-variant-numeric:tabular-nums}.leaderboard-list{padding:var(--space-2) var(--space-4)}.lb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast)}.lb-row:hover{background:var(--color-bg-hover)}.lb-rank{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.lb-avatar{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-accent-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);color:#fff;flex-shrink:0;overflow:hidden}.lb-name{flex:1;font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:var(--text-sm);font-weight:700;color:#f59e0b;font-variant-numeric:tabular-nums;flex-shrink:0}.leaderboard-self{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) var(--space-4) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-hover);border-left:2px solid var(--accent);border-radius:var(--radius-md)}.self-rank{font-size:var(--text-sm);font-weight:700;color:var(--color-primary-400);min-width:28px;text-align:center}.self-avatar{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);color:#fff;overflow:hidden}.self-info{flex:1;display:flex;align-items:center;justify-content:space-between}.self-name{font-size:var(--text-sm);font-weight:600;color:var(--color-primary-300)}.self-score{font-size:var(--text-sm);font-weight:700;color:#f59e0b}.user-dropdown{min-width:220px;background:var(--color-bg-card);border:1px solid var(--color-border);border-top:2px solid var(--accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.dropdown-header strong{font-size:var(--text-sm);font-weight:600}.dropdown-level{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dropdown-balances{padding:var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--color-border)}.dropdown-balance{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.dropdown-balance strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.dropdown-divider{height:1px;background:var(--color-border);margin:0 var(--space-4)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:all var(--duration-fast)}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-logout{color:var(--color-error)}.dropdown-logout:hover{background:#ef444414;color:var(--color-error)}.dropdown-platforms{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:4px}.dropdown-platform{display:flex;align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs)}.dropdown-platform.connected{background:#ffffff0a}.dropdown-platform.disconnected{opacity:.38}.dp-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-md);font-size:.65rem;font-weight:700;flex-shrink:0;line-height:1;background:#ffffff14;color:#ffffff80}.dp-twitch{background:#9147ff2e;color:#9147ff}.dp-kick{background:#53fc1f26;color:#53fc1f}.dp-name{flex:1;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-platform.connected .dp-name{color:var(--color-text-primary)}.dp-sub-badge{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:var(--radius-md);background:#9147ff40;color:#c084fc;flex-shrink:0}.btn-twitch-login{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;color:#fff;background:#9146ff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast);white-space:nowrap}.btn-twitch-login:hover{background:#772ce8;transform:translateY(-1px)}.btn-twitch-login:active{transform:scale(.97)}.btn-twitch-login svg{flex-shrink:0}.login-btn-group{display:flex;align-items:center;gap:var(--space-2)}.btn-kick-login{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;color:#0b1a00;background:#53fc18;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast);white-space:nowrap}.btn-kick-login:hover{background:#46e313;transform:translateY(-1px)}.btn-kick-login:active{transform:scale(.97)}.btn-kick-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;background:#0b1a00;color:#53fc18;border-radius:3px;font-size:.55rem;font-weight:900;flex-shrink:0;line-height:1}.cookie-popup{pointer-events:none;animation:cookiePopup 1.5s var(--ease-spring) forwards}.cookie-popup span{display:inline-block;padding:var(--space-1) var(--space-3);background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;color:#f59e0b;white-space:nowrap}@keyframes cookiePopup{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}30%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.1)}70%{opacity:1;transform:translate(-50%) translateY(-25px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-45px) scale(.8)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.wallet-pulse{animation:walletPulse .6s var(--ease-spring)}@keyframes walletPulse{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.95)}to{transform:scale(1)}}.afk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070be0;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:fadeIn var(--duration-slow) var(--ease-smooth) forwards}.afk-content{text-align:center;padding:var(--space-8)}.afk-content h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.afk-content p{color:var(--color-text-muted)}.session-timer-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#10b98114;border:1px solid rgba(16,185,129,.18);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-success);font-weight:500}.session-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse-live 2s ease-in-out infinite}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);animation:fadeInUp var(--duration-slow) var(--ease-spring) forwards;box-shadow:var(--shadow-xl);max-width:340px}.toast-cookies{border-left:3px solid #f59e0b}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-rc{border-left:3px solid var(--color-primary-400)}.toast-icon{font-size:1.1rem;flex-shrink:0}.toast-message{font-size:var(--text-sm);flex:1;line-height:1.4}.partner-banner{position:fixed;top:var(--header-height);left:0;right:0;z-index:199;height:var(--banner-height);display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(180deg,#f7dc9a,#f0c97a 55%,#e0b86f);border-bottom:1px solid #c79a52;box-shadow:0 2px 8px #00000047,0 1px 4px #b07e492e;text-decoration:none;color:#3a2708;transform:translateY(0);transition:transform .28s var(--ease-smooth);overflow:hidden;padding:0 var(--space-4)}.partner-banner.banner-scroll-hidden,.partner-banner.banner-game-hidden{transform:translateY(-100%)}.partner-banner:hover{background:linear-gradient(180deg,#fae8a8,#f5d28a 55%,#e8c27a)}.partner-banner-icon{width:26px;height:26px;border-radius:4px;flex-shrink:0;object-fit:contain;align-self:center;margin-right:8px}.partner-banner-body{font-size:var(--text-sm);line-height:1;color:#3a2708;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center}.partner-banner-body strong{color:#1e1204;font-weight:var(--font-bold)}.partner-coupon{display:inline-flex;align-items:center;background:#2a1c08;border:1px solid #6b430f;border-radius:var(--radius-md);padding:1px 6px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#f0c97a;letter-spacing:.06em;font-family:var(--font-mono);vertical-align:middle}.banner-full{display:inline-flex;align-items:center;line-height:1}.banner-short{display:none}.partner-banner-cta{display:inline-flex;align-items:center;padding:3px 10px;background:#2a1c0824;border:1px solid rgba(58,39,8,.45);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#2a1c08;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.partner-banner:hover .partner-banner-cta{background:#2a1c0838;border-color:#3a2708a6}.persistent-player-iframe{width:100%;height:100%;border:0;display:block}.player-host .mini-player{display:none}.player-host.mini-active .mini-player{display:flex;flex-direction:column}.mini-player{position:fixed;bottom:var(--space-4);right:var(--space-4);width:320px;height:204px;z-index:600;background:var(--surface-1, #14101f);border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 12px);box-shadow:0 12px 40px #0000008c;overflow:hidden}.mini-player.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.mini-player-bar{height:24px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:var(--surface-2, rgba(255, 255, 255, .05));cursor:grab;flex-shrink:0}.mini-player-bar:active{cursor:grabbing}.mini-player-dot{width:7px;height:7px;border-radius:50%;background:#ff4747;box-shadow:0 0 6px #ff4747;flex-shrink:0;animation:mini-live-pulse 1.8s ease-in-out infinite}@keyframes mini-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.mini-player-label{font-size:10px;font-weight:var(--font-bold);letter-spacing:.08em;color:var(--text-secondary, #cbb8e8);flex:1}.mini-player-actions{display:flex;gap:2px}.mini-player-btn{background:none;border:none;cursor:pointer;color:var(--text-muted, #9a8bb8);font-size:12px;line-height:1;padding:3px 5px;border-radius:var(--radius-sm, 4px);transition:background .15s,color .15s}.mini-player-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.mini-player-body{flex:1;min-height:0;background:#000}.mp-resize{position:absolute;z-index:3}.mp-resize.mp-n{top:0;left:8px;right:8px;height:6px;cursor:ns-resize}.mp-resize.mp-s{bottom:0;left:8px;right:8px;height:6px;cursor:ns-resize}.mp-resize.mp-e{right:0;top:8px;bottom:8px;width:6px;cursor:ew-resize}.mp-resize.mp-w{left:0;top:8px;bottom:8px;width:6px;cursor:ew-resize}.mp-resize.mp-ne{top:0;right:0;width:12px;height:12px;cursor:nesw-resize;z-index:4}.mp-resize.mp-nw{top:0;left:0;width:12px;height:12px;cursor:nwse-resize;z-index:4}.mp-resize.mp-se{bottom:0;right:0;width:12px;height:12px;cursor:nwse-resize;z-index:4}.mp-resize.mp-sw{bottom:0;left:0;width:12px;height:12px;cursor:nesw-resize;z-index:4}.mp-resize.mp-se{background:linear-gradient(135deg,transparent 0 4px,var(--color-primary-500, #8b5cf6) 4px 6px,transparent 6px 8px,var(--color-primary-500, #8b5cf6) 8px 10px,transparent 10px)}.mini-player-toggle{display:none;position:fixed;bottom:24px;left:20px;z-index:210;width:48px;height:48px;padding:0;border-radius:50%;border:2px solid var(--color-primary-500, #8b5cf6);background:var(--surface-1, #14101f);cursor:pointer;overflow:hidden;box-shadow:0 6px 20px #00000073,0 0 12px #8b5cf659;transition:transform .15s,box-shadow .15s}.mini-player-toggle img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mini-player-toggle:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000080,0 0 18px #8b5cf699}.player-host.toggle-only .mini-player-toggle{display:flex;align-items:center;justify-content:center}.kick-composer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));position:relative;flex-shrink:0}.kick-composer-input{flex:1;min-width:0;background:var(--surface-2, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary, #fff);font-size:var(--text-sm)}.kick-composer-input:focus{outline:none;border-color:#53fc18}.kick-composer-input:disabled{opacity:.5}.kick-composer-send{flex-shrink:0;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:#53fc18;color:#0b1a00;font-size:14px;cursor:pointer;transition:background .15s}.kick-composer-send:hover:not(:disabled){background:#46e313}.kick-composer-send:disabled{opacity:.5;cursor:not-allowed}.kick-composer-feedback{position:absolute;bottom:100%;left:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);padding:2px 0}.kick-composer-feedback.error{color:var(--color-danger, #f87171)}.kick-composer.kick-composer-notice-mode{flex-direction:column;align-items:stretch;gap:var(--space-2);text-align:center}.kick-composer-notice-text{font-size:var(--text-xs);color:var(--text-muted)}.kick-reconnect-btn{border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#53fc18;color:#0b1a00;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:background .15s}.kick-reconnect-btn:hover{background:#46e313}@media (max-width: 768px){.header-nav{display:none}.mobile-menu-btn{display:flex}.mini-player{width:220px;height:148px;bottom:var(--space-3);right:var(--space-3)}.mini-player-toggle{bottom:16px;left:12px;width:44px;height:44px}.header-wallet{gap:var(--space-2)}.wallet-item{padding:var(--space-1) var(--space-2)}.stream-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.podium{gap:var(--space-2)}.podium-1 .avatar-ring{width:52px;height:52px}.partner-banner{gap:var(--space-2);font-size:0}.banner-full{display:none}.banner-short{display:inline-flex;align-items:center;line-height:1;font-size:var(--text-xs)}.partner-banner-icon{width:18px;height:18px;margin-right:6px}.partner-banner-cta{padding:2px 8px}}.rc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;transition:opacity .22s ease}.rc-modal-overlay.rc-modal-active{opacity:1}.rc-modal{background:var(--surface-1, #1a1a2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:var(--radius-xl, 12px);width:100%;max-width:440px;box-shadow:0 20px 60px #0009}.rc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color, rgba(255,255,255,.08))}.rc-modal-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.rc-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.1rem;padding:var(--space-1);border-radius:var(--radius-sm);transition:color .15s,background .15s}.rc-modal-close:hover{color:var(--text-primary);background:#ffffff0f}.rc-modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.rc-modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color, rgba(255,255,255,.08))}.rc-modal-balance{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.rc-modal-balance strong{color:var(--color-primary-400, #a78bfa)}.rc-modal-field{display:flex;flex-direction:column;gap:var(--space-1)}.rc-modal-field label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.rc-required{color:var(--color-danger, #f87171)}.rc-field-hint{font-size:var(--text-xs);color:var(--text-muted)}.rc-modal-input,.rc-modal-select{background:var(--surface-2, rgba(255,255,255,.04));border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);transition:border-color .15s}.rc-modal-input:focus,.rc-modal-select:focus{outline:none;border-color:var(--color-primary-500, #8b5cf6)}.rc-modal-input.rc-input-error{border-color:var(--color-danger, #f87171)}.rc-modal-select option{background:var(--surface-1, #1a1a2e)}.rc-modal-warning{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xs);color:#fbbf24;line-height:1.5}.rc-modal-multiacct{margin-top:var(--space-3);background:#f8717112;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);padding:var(--space-3)}.rc-multiacct-title{font-size:var(--text-sm);font-weight:700;color:#f87171;margin-bottom:6px}.rc-modal-multiacct p{margin:0 0 8px;font-size:var(--text-xs);line-height:1.55;color:var(--color-text-secondary)}.rc-modal-multiacct p:last-child{margin-bottom:0}.ma-rule{font-size:var(--text-xs);line-height:1.5;border-radius:var(--radius-md);padding:7px 10px;margin-bottom:6px}.ma-rule strong{font-weight:800}.ma-ok{background:#34d39917;border:1px solid rgba(52,211,153,.32);color:#7ee0bd}.ma-ok strong{color:#34d399}.ma-no{background:#f8717114;border:1px solid rgba(248,113,113,.32);color:#f0a9a9}.ma-no strong{color:#f87171}.btn-rc-cancel{background:none;border:1px solid var(--border-color, rgba(255,255,255,.15));border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:background .15s}.btn-rc-cancel:hover{background:#ffffff0d}.btn-rc-submit{background:var(--color-primary-600, #7c3aed);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-5);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background .15s}.btn-rc-submit:hover:not(:disabled){background:var(--color-primary-500, #8b5cf6)}.btn-rc-submit:disabled{opacity:.5;cursor:not-allowed}.redemption-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.03em}.badge-pendente{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-entregue{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-revisao{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.45)}.badge-rejeitado{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.3)}.revisao-reason{color:#fb923c;opacity:.9}.profile-wallet-rc:hover{background:#ffffff0a;border-radius:var(--radius-md)}.profile-rc-cta{font-size:var(--text-xs);background:var(--color-primary-600, #7c3aed);color:#fff;border-radius:var(--radius-md);padding:2px 8px;font-weight:var(--font-semibold);white-space:nowrap}.profile-redemptions-section{margin-top:var(--space-6)}.profile-redemptions-section h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);margin-bottom:var(--space-3)}.profile-redemptions-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-redemptions-loading,.profile-redemptions-empty{color:var(--text-muted);font-size:var(--text-sm)}.redemption-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2, rgba(255,255,255,.03));border-radius:var(--radius-md);border:1px solid var(--border-color, rgba(255,255,255,.06))}.redemption-info{display:flex;align-items:center;gap:var(--space-3)}.redemption-char{font-size:var(--text-sm);font-weight:var(--font-medium)}.redemption-amount{font-size:var(--text-xs);color:var(--text-muted)}.redemption-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.redemption-date{font-size:var(--text-xs);color:var(--text-muted)}.admin-page{padding:var(--space-6) var(--space-4);max-width:1200px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.admin-header h1{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.admin-filters{display:flex;gap:var(--space-2)}.admin-filter-btn{background:none;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .15s}.admin-filter-btn:hover,.admin-filter-btn.active{background:var(--color-primary-600, #7c3aed);color:#fff;border-color:transparent}.admin-loading,.admin-empty{padding:var(--space-6);text-align:center;color:var(--text-muted)}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color, rgba(255,255,255,.08))}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{padding:var(--space-3) var(--space-4);text-align:left;background:var(--surface-2, rgba(255,255,255,.04));color:var(--text-muted);font-weight:var(--font-semibold);white-space:nowrap;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08))}.admin-table td{padding:var(--space-3) var(--space-4);vertical-align:middle;border-bottom:1px solid var(--border-color, rgba(255,255,255,.05))}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-ip{font-size:var(--text-xs);background:#ffffff0d;padding:1px 5px;border-radius:3px}.btn-deliver{background:var(--color-primary-600, #7c3aed);border:none;border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;transition:background .15s}.btn-deliver:hover:not(:disabled){background:var(--color-primary-500, #8b5cf6)}.btn-deliver:disabled{opacity:.5;cursor:not-allowed}.btn-approve,.btn-reject{border:none;border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold)}.btn-approve{background:#34d399e6}.btn-approve:hover:not(:disabled){background:#34d399}.btn-reject{background:#f87171e6}.btn-reject:hover:not(:disabled){background:#f87171}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.text-muted{color:var(--text-muted)}.admin-tabs{display:flex;gap:var(--space-2)}.btn-twitch-resync{margin-left:auto;padding:6px 14px;border-radius:var(--radius-md);background:#6441a52e;color:#bf94ff;border:1px solid rgba(100,65,165,.4);font-size:var(--text-xs);font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast)}.btn-twitch-resync:hover:not(:disabled){background:#6441a552}.btn-twitch-resync:disabled{opacity:.5;cursor:not-allowed}.admin-tab{background:none;border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:var(--radius-md);padding:var(--space-1) var(--space-4);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all .15s}.admin-tab:hover,.admin-tab.active{background:var(--color-primary-600, #7c3aed);color:#fff;border-color:transparent}.admin-users-search{margin-bottom:var(--space-4)}.admin-search-input{width:100%;max-width:360px;background:var(--surface-2, rgba(255,255,255,.04));border:1px solid var(--border-color, rgba(255,255,255,.12));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm)}.admin-search-input:focus{outline:none;border-color:var(--color-primary-500, #8b5cf6)}.admin-user-row:hover td{background:#7c3aed14}.admin-detail-card{margin-top:var(--space-5);background:var(--surface-1, #1a1a2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:var(--radius-lg);padding:var(--space-5)}.admin-detail-head{margin-bottom:var(--space-4)}.admin-detail-id{display:flex;flex-direction:column;gap:2px;font-size:var(--text-lg)}.admin-detail-since{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-normal)}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.admin-detail-platforms{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color, rgba(255,255,255,.08))}.admin-stat{display:flex;flex-direction:column;gap:2px;background:var(--surface-2, rgba(255,255,255,.03));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-width:0}.admin-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.admin-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);overflow-wrap:anywhere}.admin-detail-platforms{flex-direction:column}.admin-platforms-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-secondary)}.admin-platforms-hint{font-weight:400;color:var(--color-text-muted)}.acct-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;line-height:1.5;border:1px solid transparent}.acct-twitch{background:#6441a52e;color:#bf94ff;border-color:#6441a559}.acct-kick{background:#53fc1e1a;color:#53fc1e;border-color:#53fc1e47}.acct-badge.acct-sub{box-shadow:0 0 0 1px currentColor inset}.sub-live{font-size:.72rem;font-weight:700;white-space:nowrap;margin-left:6px}.sub-live-yes{color:var(--color-success, #22c55e)}.sub-live-no{color:var(--color-text-muted)}.sub-live-unknown{color:var(--color-warning, #f59e0b)}.sub-cached{font-size:.66rem;font-weight:600;color:var(--color-text-muted);margin-left:8px;opacity:.85}.ban-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:var(--radius-full);font-size:.65rem;font-weight:800;background:#f8717124;color:#f87171;border:1px solid rgba(248,113,113,.4)}.admin-row-banned{opacity:.62}.admin-detail-head{display:flex;align-items:flex-start;gap:var(--space-3)}.admin-detail-head .btn-ban,.admin-detail-head .btn-unban{margin-left:auto;border:none;border-radius:var(--radius-md);padding:6px 14px;color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:700;white-space:nowrap}.btn-ban{background:#f87171e6}.btn-ban:hover:not(:disabled){background:#f87171}.btn-unban{background:#34d399e6}.btn-unban:hover:not(:disabled){background:#34d399}.btn-ban:disabled,.btn-unban:disabled{opacity:.5;cursor:not-allowed}.ban-state{margin-top:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);background:#f8717112;border:1px solid rgba(248,113,113,.3);font-size:var(--text-xs);color:var(--color-text-secondary)}.ban-state strong{color:#f87171}.mod-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--color-border);font-size:var(--text-xs)}.mod-action{font-weight:800}.mod-ban{color:#f87171}.mod-unban{color:#34d399}.mod-when{color:var(--color-text-muted)}.mod-reason{flex:1;color:var(--color-text-secondary);overflow-wrap:anywhere}.mod-by{color:var(--color-text-muted)}.admin-banned-filter{display:inline-flex;align-items:center;gap:6px;margin-left:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer}.admin-related{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color, rgba(255,255,255,.08))}.admin-related-none{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) 0}.related-row{background:var(--surface-2, rgba(255,255,255,.03));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.related-row:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.related-high{border-color:#f9731680;background:#f973160f}.related-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.related-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.related-high-badge{margin-left:auto;font-size:.66rem;font-weight:800;color:#fb923c}.related-email{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;word-break:break-all}.related-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reason-flag{font-size:.66rem;font-weight:600;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 8px}.main-layout{display:flex;flex-direction:column;gap:var(--space-3);padding:calc(var(--header-height) + var(--banner-height) + var(--space-3)) var(--space-4) var(--space-8);max-width:1800px;margin:0 auto;transition:padding-top .28s var(--ease-smooth)}body.banner-scroll-hidden .main-layout,body.banner-game-hidden .main-layout{padding-top:calc(var(--header-height) + var(--space-3))}.live-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:6px var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-wrap:wrap;row-gap:4px}.live-bar-left{display:flex;align-items:center;gap:var(--space-2)}.live-bar-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-text-muted);flex-shrink:0;transition:background .3s}.live-bar-dot.is-live{background:var(--color-live);box-shadow:0 0 5px #ef44448c;animation:pulse-live 2s ease-in-out infinite}.live-bar-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.live-bar-label.is-live{color:var(--color-text-primary)}.live-bar-viewers{font-size:var(--text-xs);color:var(--color-text-muted)}.live-bar-right{display:flex;align-items:center;gap:var(--space-2)}.live-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:var(--radius-md);text-decoration:none;transition:opacity var(--duration-fast),background var(--duration-fast);white-space:nowrap}.live-link-twitch{background:#6441a526;color:#bf94ff;border:1px solid rgba(100,65,165,.3)}.live-link-twitch:hover{background:#6441a547}.live-link-kick{background:#53fc1e12;color:#53fc1e;border:1px solid rgba(83,252,30,.18)}.live-link-kick:hover{background:#53fc1e24}.home-stage{display:flex;flex-direction:row;align-items:stretch;height:520px;overflow:hidden}.home-player-col{flex:1;min-width:0;position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.home-player-col .stream-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.home-player-col .stream-info{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.home-player-col .stream-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-player-col .viewer-count{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:3px;flex-shrink:0}.home-player-col .stream-player{flex:1;position:relative;min-height:0}.home-player-col .stream-embed{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-deep)}.home-player-col .stream-embed iframe{width:100%;height:100%;border:none;display:block}.home-player-col .stream-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.home-chat-col{width:340px;flex-shrink:0;margin-left:var(--space-3);position:relative;overflow:visible;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:width .25s var(--ease-smooth),margin-left .25s var(--ease-smooth)}.home-stage.chat-collapsed .home-chat-col{width:0;margin-left:0}.home-chat-header{display:flex;align-items:center;padding:6px var(--space-2);border-bottom:1px solid var(--color-border);flex-shrink:0}.home-chat-tabs{display:flex;gap:2px}.home-chat-inner{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.home-chat-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-chat-body .chat-pane{flex:1;min-height:0}.home-chat-body .twitch-chat-frame{height:100%}.home-chat-toggle{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:18px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-xl) 0 0 var(--radius-xl);color:var(--color-text-muted);cursor:pointer;z-index:2;transition:background var(--duration-fast),color var(--duration-fast)}.home-chat-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chat-toggle-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.chat-toggle-chevron{display:flex;align-items:center;justify-content:center}.chat-toggle-chevron svg{transition:transform .25s var(--ease-smooth)}.home-stage.chat-collapsed .chat-toggle-chevron svg{transform:rotate(180deg)}.progress-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:56px}.progress-loading-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-muted);animation:pulse-live 1.4s ease-in-out infinite}.home-stats-bar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.home-stats-bar .progress-panel{flex-direction:row;align-items:stretch;height:auto;overflow-x:auto;overflow-y:hidden}.home-stats-bar .progress-panel-head{border-bottom:none;border-right:1px solid var(--color-border);flex-shrink:0;min-width:150px}.home-stats-bar .progress-panel-body{flex-direction:row;align-items:stretch}.home-stats-bar .progress-stat{border-bottom:none;border-right:1px solid var(--color-border);flex-shrink:0}.home-stats-bar .progress-mission{border-bottom:none;border-right:1px solid var(--color-border);flex-shrink:0;min-width:200px}.home-stats-bar .progress-bp{flex-shrink:0}body.route-home #chat-fab{display:none}.progress-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto}.progress-panel-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(122,48,229,.07),transparent);flex-shrink:0}.progress-panel-avatar-fallback{width:36px;height:36px;border-radius:var(--radius-full);background:var(--brand-purple-deep);border:2px solid var(--brand-purple);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--color-text-primary);flex-shrink:0}.progress-panel-user{min-width:0;flex:1}.progress-panel-username{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-panel-level{font-size:var(--text-xs);color:var(--brand-purple-bright);display:block;margin-top:1px}.progress-panel-body{display:flex;flex-direction:column;flex:1}.progress-stat{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-bottom:1px solid var(--color-border)}.progress-stat-icon{font-size:1rem;flex-shrink:0;width:22px;text-align:center}.progress-stat-info{min-width:0;flex:1}.progress-stat-value{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);display:block;transition:color .3s}.progress-stat-value.flash{color:var(--brand-magenta)}.progress-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);display:block;margin-top:1px}.progress-mission{padding:10px var(--space-4);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.progress-mission-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.progress-mission-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.progress-mission-bar-wrap{height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.progress-mission-bar{height:100%;background:linear-gradient(90deg,var(--brand-purple),var(--brand-magenta));border-radius:var(--radius-full);transition:width .6s ease}.progress-mission-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;justify-content:space-between}.progress-mission-empty{font-size:var(--text-xs);color:var(--color-text-muted)}.progress-bp{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-4)}.progress-bp-label{font-size:var(--text-xs);color:var(--color-text-muted)}.progress-bp-level{font-size:var(--text-xs);font-weight:700;color:var(--brand-purple-bright);background:var(--accent-lo);padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(122,48,229,.2)}.progress-login-invite{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-5);gap:var(--space-3);flex:1}.progress-invite-icon{font-size:2rem;line-height:1}.progress-invite-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin:0}.progress-invite-sub{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;margin:0;max-width:220px}.home-ctas{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.cta-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform .14s ease;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-fast);pointer-events:none}.cta-minigame{border-top:2px solid var(--brand-purple)}.cta-minigame:before{background:linear-gradient(170deg,rgba(122,48,229,.08) 0%,transparent 60%)}.cta-packs{border-top:2px solid var(--brand-cookie)}.cta-packs:before{background:linear-gradient(170deg,rgba(176,126,73,.1) 0%,transparent 60%)}.cta-missions{border-top:2px solid var(--brand-magenta)}.cta-missions:before{background:linear-gradient(170deg,rgba(219,80,235,.08) 0%,transparent 60%)}.cta-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.cta-card:hover:before{opacity:1}.cta-card:active{transform:translateY(0)}.cta-icon{font-size:1.4rem;line-height:1;flex-shrink:0;position:relative}.cta-text{flex:1;min-width:0;position:relative}.cta-text strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin-bottom:1px}.cta-text span{font-size:var(--text-xs);color:var(--color-text-muted)}.cta-arrow{color:var(--color-text-muted);flex-shrink:0;position:relative;transition:transform var(--duration-fast),color var(--duration-fast)}.cta-card:hover .cta-arrow{transform:translate(3px);color:var(--color-text-secondary)}@media (max-width: 720px){.home-stage{flex-direction:column;height:auto!important}.home-player-col .stream-player{flex:none;aspect-ratio:16 / 9}.home-chat-col{width:100%!important;margin-left:0!important;height:clamp(440px,65vh,620px);overflow:hidden;border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);transition:height .25s var(--ease-smooth)}.home-stage.chat-collapsed .home-chat-col{width:100%!important;margin-left:0!important;height:32px!important}.home-chat-toggle{position:absolute;left:auto;right:var(--space-2);top:6px;transform:none;width:auto;height:auto;flex-direction:row;padding:3px 8px;gap:5px;border-radius:var(--radius-full);border:1px solid var(--color-border);z-index:2}.chat-toggle-text{writing-mode:horizontal-tb;transform:none;font-size:10px;letter-spacing:.05em}.chat-toggle-chevron svg{transform:rotate(-90deg)}.home-stage.chat-collapsed .chat-toggle-chevron svg{transform:rotate(90deg)!important}.home-stats-bar .progress-panel{flex-direction:column}.home-stats-bar .progress-panel-head{border-right:none;border-bottom:1px solid var(--color-border)}.home-stats-bar .progress-panel-body{flex-direction:column}.home-stats-bar .progress-stat{border-right:none;border-bottom:1px solid var(--color-border)}.home-stats-bar .progress-mission{border-right:none;border-bottom:1px solid var(--color-border);min-width:0}.home-ctas{grid-template-columns:1fr}}@media (max-width: 480px){.main-layout{padding-left:var(--space-3);padding-right:var(--space-3);gap:var(--space-2)}.live-bar{padding:5px var(--space-3)}.home-ctas{gap:var(--space-2)}}.home-community{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.community-block{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.community-block-header{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.community-block-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin:0 auto 0 0}.lb-tabs{display:flex;gap:2px}.lb-tab-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.lb-tab-btn:hover{background:#ffffff0f;color:var(--color-text-primary)}.lb-tab-btn.active{background:linear-gradient(135deg,#7a30e5,#9d5cf0);color:#fff;box-shadow:0 2px 8px #7a30e566}.lb-ts{font-size:.6rem;color:var(--color-text-muted);white-space:nowrap;width:100%;padding:0 2px}.lb-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.lb-error{color:#ef4444b3}.lb-podium{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-3) 0;flex-shrink:0}.podium-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1;max-width:104px;position:relative}.podium-top{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.podium-crown{font-size:1.4rem;line-height:1;margin-bottom:-2px;filter:drop-shadow(0 2px 4px rgba(216,178,107,.5))}.podium-avatar{position:relative}.podium-medal{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display, "Baloo 2", cursive);font-size:.7rem;font-weight:800;color:#1b1422;z-index:2;border:2px solid #1b1422}.avatar-ring{width:74px;height:74px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;border:3px solid transparent;overflow:hidden}.avatar-ring.ring-gold{border-color:#d8b26b;box-shadow:0 0 24px #d8b26b73}.avatar-ring.ring-silver{border-color:#c9d1e0;box-shadow:0 0 12px #c9d1e04d}.avatar-ring.ring-bronze{border-color:#cd8e54;box-shadow:0 0 12px #cd8e544d}.podium-1 .podium-medal{background:#d8b26b}.podium-2 .podium-medal{background:#c9d1e0}.podium-3 .podium-medal{background:#cd8e54}.avatar-inner{font-size:1.4rem;font-weight:800;font-family:var(--font-display, "Baloo 2", cursive);color:var(--color-text-primary)}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.podium-name{font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.podium-score{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.podium-1 .avatar-ring{width:92px;height:92px;border-width:4px}.podium-1 .podium-name,.podium-1 .podium-score{font-size:var(--text-sm);color:#f0c97a}.podium-1 .podium-medal{width:24px;height:24px;font-size:.8rem}.podium-step{width:100%;margin-top:6px;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#2c2240,#241c33);border:1px solid rgba(216,178,107,.18);border-bottom:none}.podium-step-num{font-family:var(--font-display, "Baloo 2", cursive);font-size:1.1rem;font-weight:800;color:#ffffff8c}.podium-1 .podium-step{height:54px;background:linear-gradient(180deg,#3a2c12,#241c33);border-color:#d8b26b80}.podium-2 .podium-step{height:40px}.podium-3 .podium-step{height:30px}.podium-1 .podium-step-num{color:#f0c97a}.podium-1{order:2}.podium-2{order:1}.podium-3{order:3}.lb-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.lb-row{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-top:1px solid var(--color-border);transition:background var(--duration-fast)}.lb-row:hover{background:#7a30e51a}.lb-rank{font-size:var(--text-sm);font-weight:800;font-family:var(--font-display, "Baloo 2", cursive);color:var(--color-text-muted);width:24px;text-align:center;flex-shrink:0}.lb-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.lb-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.lb-name{flex:1;font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:var(--text-sm);font-weight:700;color:#f0c97a;flex-shrink:0;display:flex;align-items:center;gap:4px}.lb-self{border-top:1px solid var(--color-border);flex-shrink:0;background:#7a30e50f;display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3)}.lb-self:empty{display:none}.self-rank{font-size:var(--text-xs);font-weight:700;color:var(--brand-purple-bright);width:20px;text-align:center;flex-shrink:0}.self-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--brand-purple-deep);border:1px solid var(--brand-purple);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--color-text-primary);flex-shrink:0}.self-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.self-name{flex:1;font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-score{font-size:.6rem;color:var(--color-text-muted);display:flex;align-items:center;gap:3px;flex-shrink:0}.feed-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.feed-item{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-bottom:1px solid var(--color-border);min-width:0}.feed-item:last-child{border-bottom:none}.feed-avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.feed-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--brand-purple-deep);border:1px solid var(--brand-purple);font-size:.7rem;font-weight:700;color:var(--color-text-primary)}.feed-text{flex:1;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.feed-username{font-weight:700;color:var(--color-text-primary)}.feed-highlight{font-weight:600}.feed-rarity{font-size:.6rem;font-weight:700}.feed-ago{font-size:.6rem;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap}@media (max-width: 720px){.home-community{grid-template-columns:1fr}}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:198;pointer-events:none;display:none}body.chat-open .chat-overlay{display:block;pointer-events:auto}.chat-drawer{position:fixed;top:var(--header-height);right:0;bottom:0;width:340px;z-index:199;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #00000080}body.chat-open .chat-drawer{transform:translate(0)}.chat-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-3) 6px var(--space-2);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-drawer-tabs{display:flex;gap:2px}.chat-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.chat-tab-btn:hover{background:#ffffff0f;color:var(--color-text-primary)}.chat-tab-btn.active{background:var(--accent-lo);color:var(--color-text-primary)}.chat-drawer-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.chat-drawer-close:hover{background:#ffffff0f;color:var(--color-text-primary)}.chat-drawer-body,.chat-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-pane-hidden{display:none}.chat-pane .kick-chat-wrap{flex:1;min-height:0}.twitch-chat-frame{flex:1;min-height:0;width:100%;border:none;display:block}.twitch-pane-rel{position:relative}.twitch-popout-btn{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--radius-full);background:#0f0d12d1;border:1px solid rgba(145,71,255,.45);color:#cbb3ff;font-size:11px;font-weight:700;text-decoration:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background var(--duration-fast),border-color var(--duration-fast)}.twitch-popout-btn:hover{background:#9147ff40;border-color:#9147ff;color:#fff}.twitch-brave-note{position:absolute;top:0;left:0;right:0;z-index:4;max-height:100%;overflow-y:auto;padding:12px 14px;background:#0f0d12f5;border-bottom:1px solid rgba(249,115,22,.5);color:#d9cebd;font-size:12px;line-height:1.5}.twitch-brave-note .tbn-head{font-size:13px;font-weight:800;color:#fb923c;margin-bottom:6px}.twitch-brave-note .tbn-p{margin:0 0 10px}.twitch-brave-note .tbn-cta{display:inline-block;padding:7px 14px;border-radius:var(--radius-full);background:#9147ff;color:#fff;font-weight:800;font-size:12.5px;text-decoration:none}.twitch-brave-note .tbn-cta:hover{background:#a970ff}.twitch-brave-note .tbn-cta-sub{display:block;margin:5px 0 12px;font-size:11px;color:#9a8bc0}.twitch-brave-note .tbn-steps summary{cursor:pointer;font-weight:700;color:#f0c97a;list-style:revert}.twitch-brave-note .tbn-steps[open] summary{margin-bottom:8px}.twitch-brave-note .tbn-steps p{margin:0 0 8px}.twitch-brave-note .tbn-steps ol{margin:0 0 8px;padding-left:20px}.twitch-brave-note .tbn-steps li{margin-bottom:4px}.twitch-brave-note .tbn-steps em{color:#c9bce0;font-style:normal}.twitch-brave-note .tbn-kick{color:#9a8bc0}.twitch-brave-note strong{color:#f0c97a}.chat-fab{position:fixed;bottom:24px;right:20px;z-index:210;display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-md);font-size:var(--text-xs);font-weight:700;white-space:nowrap;transition:right .26s cubic-bezier(.4,0,.2,1),background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.chat-fab:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}body.chat-open .chat-fab{right:352px}.fab-open{display:none;align-items:center}.fab-closed{display:inline-flex;align-items:center;gap:var(--space-2)}body.chat-open .fab-open{display:inline-flex}body.chat-open .fab-closed{display:none}@media (max-width: 720px){.chat-drawer{width:min(340px,92vw)}.chat-fab{bottom:16px;right:12px}body.chat-open .chat-fab{right:calc(min(340px,92vw) + 8px)}}@media (max-width: 480px){.chat-drawer{top:var(--header-height);width:100vw;border-left:none}body.chat-open .chat-fab{display:none}}.missions-page{grid-column:1 / -1;max-width:900px;margin:0 auto;width:100%}.missions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.missions-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.missions-page-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.missions-stats{display:flex;gap:var(--space-3)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:80px}.stat-claimable .stat-value{color:#10b981;animation:pulse-text 2s ease infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-400)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.mission-group{margin-bottom:var(--space-8)}.mission-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.mission-group-title-area{display:flex;align-items:center;gap:var(--space-3)}.mission-group-header h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.mission-group-progress{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-400);padding:2px 10px;background:var(--accent-lo);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md)}.mission-group-sub{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.mission-cards{display:flex;flex-direction:column;gap:var(--space-3)}.mission-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity var(--duration-normal)}.mission-card:hover{border-color:var(--color-border-hover);transform:translate(4px)}.mission-card:hover:before{opacity:1}.mission-claimed{opacity:.65;border-color:#10b98173!important;box-shadow:0 0 0 1px #10b9811f}.mission-claimed:before{background:linear-gradient(to bottom,#10b981,#34d399)!important;opacity:.6!important}.mission-claimed:hover{transform:none}.mission-complete{border-color:#10b981b3;box-shadow:0 0 0 1px #10b98133,0 2px 12px #10b9811a;background:linear-gradient(135deg,#10b98112,#10b98108)}.mission-complete:before{background:linear-gradient(to bottom,#10b981,#34d399);opacity:1}.mission-icon-wrap{position:relative;flex-shrink:0}.mission-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;z-index:1}.mission-complete .mission-icon{border-color:#10b9814d;background:#10b98114}.mission-icon-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-lg);background:radial-gradient(circle,rgba(16,185,129,.3),transparent);animation:icon-pulse 2s ease infinite;z-index:0}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.mission-body{flex:1;min-width:0}.mission-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.mission-title{font-size:var(--text-base);font-weight:var(--font-bold)}.mission-status{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);white-space:nowrap}.mission-complete .mission-status{color:#10b981}.mission-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.mission-note{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:-6px;margin-bottom:var(--space-3);line-height:1.4;opacity:.9}.mission-bar-wrap{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mission-bar{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.mission-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width .8s var(--ease-smooth);position:relative}.bar-complete{background:#10b981}.bar-claimed{background:var(--color-text-muted)}.bar-claimed:after{display:none}.mission-percent{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-muted);min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.mission-footer{display:flex;align-items:center;justify-content:space-between}.mission-rewards{display:flex;gap:var(--space-2)}.reward-tag{display:flex;align-items:center;gap:4px;padding:3px 10px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-md)}.reward-cookies{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.reward-rc{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.reward-exp{background:#d8b26b1a;color:#d8b26b;border:1px solid rgba(216,178,107,.2)}.btn-claim{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;background:#10b981;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast);white-space:nowrap;letter-spacing:.03em}.pulse-glow{animation:claim-pulse 2s ease-in-out infinite}@keyframes claim-pulse{0%,to{opacity:1}50%{opacity:.75}}.btn-claim:hover{background:#059669;transform:translateY(-1px)}.btn-claim:active{transform:scale(.96)}.btn-claim:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;animation:none}.missions-loading,.missions-error{text-align:center;padding:var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm)}.missions-login-prompt{text-align:center;padding:var(--space-12) var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.missions-login-prompt .prompt-icon{font-size:4rem;display:block;margin-bottom:var(--space-4)}.missions-login-prompt h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.missions-login-prompt p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);max-width:400px;margin-inline:auto}.mission-group-header-right{display:flex;align-items:center;gap:var(--space-3)}.btn-spin-daily{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast),opacity var(--duration-normal);white-space:nowrap;letter-spacing:.02em}.btn-spin-daily:hover:not(:disabled){background:#f59e0b2e;transform:translateY(-1px)}.btn-spin-daily:active:not(:disabled){transform:scale(.96)}.btn-spin-daily:disabled{opacity:.4;cursor:not-allowed;transform:none}.spin-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .2s ease}.spin-overlay-visible{opacity:1}.spin-confirm-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-8);max-width:380px;width:90%;text-align:center;transform:translateY(10px);transition:transform .2s ease;box-shadow:0 8px 32px #0006}.spin-overlay-visible .spin-confirm-box{transform:translateY(0)}.spin-confirm-icon{font-size:2.5rem;margin-bottom:var(--space-3);line-height:1}.spin-confirm-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.spin-confirm-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-2)}.spin-confirm-cost{font-size:var(--text-sm);color:#f59e0b;margin-bottom:var(--space-6)}.spin-confirm-btns{display:flex;gap:var(--space-3);justify-content:center}.spin-btn-cancel{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal)}.spin-btn-cancel:hover{background:var(--color-bg-secondary)}.spin-btn-confirm{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-bold);background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast)}.spin-btn-confirm:hover{background:#f59e0b40;transform:translateY(-1px)}@media (max-width: 768px){.missions-header{flex-direction:column;align-items:flex-start}.mission-card{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.mission-card:hover{transform:none}.mission-icon-wrap{width:44px}.mission-icon{width:44px;height:44px;font-size:1.5rem}.mission-footer{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.btn-claim{width:100%;text-align:center;justify-content:center}}.minigames-page{grid-column:1 / -1;max-width:1100px;margin:0 auto;width:100%}.minigames-header{margin-bottom:var(--space-8);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.minigames-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.minigames-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.minigames-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.game-card-wrap{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--duration-normal) var(--ease-smooth);position:relative}.game-card-wrap:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.game-header{margin-bottom:var(--space-5)}.game-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-2)}.game-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.game-cost{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-full)}.game-visual{width:100%;flex:1;min-height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.game-play-btn{margin-top:auto}.mystery-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.mystery-bottom .game-play-btn{margin-top:var(--space-2);width:100%}.mystery-timer{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;min-height:14px;opacity:.75;letter-spacing:.01em}.dig-overlay,.dodge-overlay,.mystery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;animation:digOverlayIn .2s ease}.dig-modal,.dodge-modal,.mystery-modal{position:relative;margin:auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);max-height:96vh;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-4);animation:digModalIn .25s var(--ease-spring)}.dig-overlay{background:#000000c7}.dodge-overlay{background:#000000d1}.mystery-overlay{background:#000c}.dig-modal{width:min(520px,100%)}.dodge-modal{width:min(480px,100%)}.mystery-modal{width:min(660px,100%)}@keyframes digOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes digModalIn{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dig-modal-header{display:flex;align-items:center;justify-content:space-between}.dig-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold)}.dig-modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:4px 10px;border-radius:var(--radius-md);transition:color .15s,background .15s;line-height:1}.dig-modal-close:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.dig-modal-footer{display:flex;flex-direction:column;gap:var(--space-2)}.dig-btn-secondary{width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s}.dig-btn-secondary:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.dig-timer-row{display:flex;align-items:center;gap:8px;padding:0 2px}.dig-timer-bar-wrap{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.dig-timer-fill{height:100%;border-radius:3px;background:#4ade80;transition:width 1s linear,background .4s}.dig-timer-val{font-size:.95rem;font-weight:900;font-variant-numeric:tabular-nums;color:#f1f5f9;letter-spacing:1px;min-width:36px;text-align:right}.dig-timer-val.timer-warning{color:#f59e0b}.dig-timer-val.timer-danger{color:#ef4444;animation:timerBlink .5s ease-in-out infinite alternate}@keyframes timerBlink{0%{opacity:1}to{opacity:.45}}.dig-arena{position:relative;width:100%;border-radius:10px;overflow:hidden;background-color:#7b4a22;background-image:radial-gradient(ellipse at 12% 30%,rgba(0,0,0,.2) 0%,transparent 38%),radial-gradient(ellipse at 82% 18%,rgba(0,0,0,.14) 0%,transparent 34%),radial-gradient(ellipse at 55% 72%,rgba(0,0,0,.12) 0%,transparent 30%),radial-gradient(ellipse at 28% 82%,rgba(0,0,0,.16) 0%,transparent 32%),radial-gradient(ellipse at 70% 45%,rgba(255,255,255,.04) 0%,transparent 20%),radial-gradient(ellipse at 40% 55%,rgba(0,0,0,.1) 0%,transparent 25%)}.dig-ceiling{position:absolute;top:0;left:0;right:0;height:36px;background-color:#545f6b;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 26px,rgba(0,0,0,.14) 26px,rgba(0,0,0,.14) 28px),repeating-linear-gradient(transparent 0px,transparent 10px,rgba(0,0,0,.09) 10px,rgba(0,0,0,.09) 12px);border-bottom:3px solid #3D4652;box-shadow:0 5px 14px #00000073;z-index:2}.dig-ground{position:relative;margin:36px auto 0;display:grid;grid-template-columns:repeat(5,1fr);width:min(356px,90%);padding:8px 8px 10px;gap:4px}.dig-loading{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.dig-spot{position:relative;width:100%;aspect-ratio:1;cursor:pointer;border-radius:8px;background:radial-gradient(ellipse at 50% 35%,#a0623a,#6b3a18 85%);transition:transform .12s,filter .12s;overflow:hidden}.dig-spot:hover:not(.dug):not(.dig-disabled){filter:brightness(1.22);transform:scale(1.06)}.dig-spot.dig-disabled{pointer-events:none}.dig-spot.dug-empty{background:radial-gradient(ellipse at 50% 55%,#0e0600,#1c0c02 55%,#2e1507);cursor:default}.dig-spot.dug-treasure{background:radial-gradient(ellipse at 50% 45%,#92400e,#5c3d11);box-shadow:inset 0 0 14px #f59e0b40;cursor:default}.dig-spot.obstacle-hit{background:radial-gradient(ellipse at 50% 35%,#7f1d1d,#450a0a 85%);box-shadow:0 0 12px #ef444499,inset 0 0 8px #ef44444d;animation:obstacleShake .35s ease-in-out;cursor:not-allowed}@keyframes obstacleShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dig-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fca5a5;text-shadow:0 0 8px rgba(239,68,68,.8);z-index:5;pointer-events:none}.dig-countdown.countdown-pop{animation:countdownPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes countdownPop{0%{transform:scale(.5);opacity:.5}to{transform:scale(1);opacity:1}}.dig-dirt-mound,.dig-hole{display:none}.dig-chest-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.dig-chest-container.chest-active{animation:chestReveal .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes chestReveal{0%{opacity:0;transform:scale(.3) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dig-chest-svg{width:min(54px,75%);height:auto;filter:drop-shadow(0 0 10px rgba(245,158,11,.85)) drop-shadow(0 2px 6px rgba(0,0,0,.6))}.dig-spot.dig-disabled:not(.dug){opacity:.35;transition:opacity .4s}.dig-timeout-msg{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.dig-preview-wrap{padding:0}.dig-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;background-color:#7b4a22;background-image:radial-gradient(ellipse at 20% 40%,rgba(0,0,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 20%,rgba(0,0,0,.1) 0%,transparent 40%);border-radius:8px;width:100%}.dig-preview-cell{aspect-ratio:1;background:radial-gradient(ellipse at 50% 35%,#a0623a,#6b3a18 80%);border-radius:3px;opacity:.8}.dig-preview-treasure{background:radial-gradient(ellipse at 50% 50%,#f59e0b80,#a0623a 55%);box-shadow:0 0 6px #f59e0b59;opacity:1}.dodge-modal-header{display:flex;align-items:center;justify-content:space-between}.dodge-modal-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dodge-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold)}.dodge-score-display{font-size:var(--text-sm);color:var(--color-text-muted)}#dodge-score{font-size:var(--text-base);font-weight:var(--font-bold);color:#f59e0b}.dodge-level-badge{font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);color:#818cf8}.dodge-arena{position:relative;width:min(428px,100%);aspect-ratio:1;margin:0 auto;border-radius:10px;overflow:hidden;background:#0c0c18;box-shadow:0 0 30px #0009,inset 0 0 60px #0000004d}.dodge-wall-strip{position:absolute;display:flex;gap:4px;z-index:5}.dodge-wall-top{top:0;left:8px;right:8px;height:8px;flex-direction:row}.dodge-wall-bottom{bottom:0;left:8px;right:8px;height:8px;flex-direction:row}.dodge-wall-left{top:8px;bottom:8px;left:0;width:8px;flex-direction:column}.dodge-wall-right{top:8px;bottom:8px;right:0;width:8px;flex-direction:column}.dodge-wall-corner{position:absolute;width:8px;height:8px;background:#ffffff12;border-radius:2px;z-index:6}.dodge-corner-tl{top:0;left:0}.dodge-corner-tr{top:0;right:0}.dodge-corner-bl{bottom:0;left:0}.dodge-corner-br{bottom:0;right:0}.dodge-wall-seg{flex:1;background:#ffffff0f;border-radius:2px;transition:background .1s,box-shadow .1s}.dodge-wall-seg.dodge-warn{background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 0 10px #f59e0be6,inset 0 0 4px #ffffff4d;animation:dodgeWarnPulse .22s ease-in-out infinite alternate}.dodge-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:4px;position:absolute;top:8px;left:8px;right:8px;bottom:8px}.dodge-cell{border-radius:6px;background:#141628d9;border:1px solid rgba(255,255,255,.04);transition:background .1s ease,box-shadow .1s ease}.dodge-cell.dodge-player{background:radial-gradient(circle at 40% 35%,#a5b4fc,#4f46e5 70%);box-shadow:0 0 14px #6366f1b3}.dodge-cell.dodge-ball-cell{background:radial-gradient(circle at 40% 35%,#fca5a5,#dc2626 70%);box-shadow:0 0 14px #dc2626b3}.dodge-cell.dodge-hit{background:radial-gradient(circle at center,#fef08a,#ef4444);box-shadow:0 0 24px #ef4444f2;animation:dodgeHitPulse .5s ease-out}@keyframes dodgeHitPulse{0%{transform:scale(1.15)}60%{transform:scale(.9)}to{transform:scale(1)}}.dodge-level-msg{position:absolute;top:50%;left:50%;font-size:2rem;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.85),0 2px 4px rgba(0,0,0,.9);pointer-events:none;z-index:10;white-space:nowrap;animation:levelMsgPop 1.5s ease-out forwards}@keyframes levelMsgPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}.dodge-controls-hint{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.dodge-controls-hint kbd{display:inline-block;padding:1px 5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;font-size:.62rem;font-family:monospace}.dodge-modal-footer{display:flex;flex-direction:column;gap:var(--space-2)}.dodge-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px;background:#0c0c18;border-radius:8px;width:100%}.dodge-preview-cell{aspect-ratio:1;background:#141628d9;border-radius:3px;opacity:.7}.dodge-preview-player{background:radial-gradient(circle,#a5b4fc,#4f46e5);box-shadow:0 0 5px #6366f199;opacity:1}.dodge-preview-ball{background:radial-gradient(circle,#fca5a5,#dc2626);box-shadow:0 0 4px #dc262680;opacity:1}.mystery-spread{display:flex;gap:6px;align-items:center;justify-content:center;perspective:1000px;flex-wrap:wrap;max-width:250px;margin:0 auto}.mystery-status{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;min-height:14px}.myst-card{width:78px;height:114px;position:relative;cursor:default;transition:transform .2s var(--ease-spring),filter .2s}.myst-card.myst-pickable{cursor:pointer}.myst-card.myst-pickable:hover{transform:translateY(-10px) scale(1.06);filter:drop-shadow(0 10px 20px rgba(139,92,246,.55));z-index:5}.myst-card.myst-chosen{filter:drop-shadow(0 0 14px rgba(245,158,11,.75))}.myst-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.myst-card.myst-face-up .myst-inner{transform:rotateY(0)}.myst-card.myst-face-down .myst-inner{transform:rotateY(180deg)}.myst-back,.myst-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.myst-back{transform:rotateY(180deg);background:linear-gradient(140deg,#1e1b4b,#2d2a6e,#1a1640);border:2px solid rgba(139,92,246,.5);display:flex;align-items:center;justify-content:center;overflow:hidden}.myst-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(255,255,255,.025) 6px,rgba(255,255,255,.025) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(255,255,255,.025) 6px,rgba(255,255,255,.025) 7px);pointer-events:none}.myst-back-symbol{font-size:1.4rem;opacity:.5;position:relative;z-index:1}.myst-front{transform:rotateY(0);background:linear-gradient(140deg,#0c0a1e,#161230);border:2px solid rgba(80,80,120,.3);display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s}.myst-preview-face,.myst-prize{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;height:100%;color:var(--prize-color, #94a3b8);text-align:center}.myst-symbol{font-size:1.75rem;line-height:1}.myst-tier-label{font-size:.5rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.4px;color:var(--prize-color, #94a3b8)}.myst-label{font-size:.5rem;font-weight:var(--font-bold);line-height:1.25;text-align:center;color:var(--prize-color, inherit)}.myst-rc{font-size:.48rem;font-weight:var(--font-bold);color:#f59e0b}.myst-card-modal{width:148px;height:207px;flex:0 0 auto}.myst-card-modal .myst-card-img{max-height:100px}.myst-card-modal .myst-card-emoji{font-size:3.2rem}.myst-card-modal .myst-card-name{font-size:.72rem}.myst-card-modal.myst-card-chosen{transform:scale(1.25)}@keyframes novaGlow{0%,to{box-shadow:0 0 8px #22c55e8c}50%{box-shadow:0 0 18px #22c55ee6}}.myst-card-is-new.myst-face-up .myst-inner,.myst-new-glow{animation:novaGlow 1.4s ease-in-out infinite}.myst-card-chosen{transform:scale(1.65);z-index:20;transition:transform .4s var(--ease-spring);filter:drop-shadow(0 0 20px rgba(245,158,11,.85))}.myst-card-dimmed{transform:scale(.82);opacity:.42;transition:transform .35s ease,opacity .35s ease}.mystery-modal-timer-badge{margin-left:auto;margin-right:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap;opacity:.85}.mystery-modal-timer-badge:empty{display:none}.mystery-timer{font-size:.65rem;color:var(--color-text-muted);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 10px;white-space:nowrap;text-align:center}.mystery-timer:empty{display:none}.mystery-modal-header{display:flex;align-items:center;justify-content:space-between}.mystery-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold)}.mystery-cards-area{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:var(--space-3) 0;perspective:1200px;min-height:120px;max-width:472px;margin:0 auto;overflow:visible}.mystery-modal-footer{display:flex;flex-direction:column;gap:var(--space-2)}.game-result{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);width:100%;transition:all var(--duration-slow) var(--ease-smooth)}.result-prize{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.result-label{font-size:var(--text-lg);font-weight:var(--font-bold);animation:resultPop .5s var(--ease-spring)}.result-rc{font-size:var(--text-sm);font-weight:var(--font-bold)}.result-net{font-size:var(--text-sm);font-weight:var(--font-medium)}.net-positive{color:var(--color-success)}.net-negative{color:var(--color-error)}.result-error{color:var(--color-error);font-size:var(--text-sm)}.result-rarity{font-size:.65rem;opacity:.7;display:block}.result-bonus{font-size:.72rem;font-weight:var(--font-bold);color:#f59e0b;margin-top:4px;display:flex;align-items:center;gap:4px;justify-content:center}.result-new-badge{display:block;font-size:.65rem;font-weight:var(--font-bold);color:#22c55e;letter-spacing:.06em;margin-bottom:2px}.myst-card-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:4px 2px 3px;position:relative}.myst-card-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.myst-card-img{max-width:100%;max-height:66px;image-rendering:pixelated;object-fit:contain}.myst-card-emoji{font-size:1.9rem}.myst-card-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.myst-card-name{font-size:.5rem;font-weight:var(--font-bold);color:var(--prize-color, #e2e8f0);text-align:center;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.myst-rarity-badge{font-size:.38rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;padding:1px 4px;border-radius:2px}.myst-badge-common{background:#94a3b826;color:#94a3b8}.myst-badge-uncommon{background:#22c55e26;color:#22c55e}.myst-badge-rare{background:#3b82f626;color:#3b82f6}.myst-badge-epic{background:#a855f726;color:#a855f7}.myst-badge-legendary{background:#f59e0b26;color:#f59e0b}.myst-badge-mythic{background:#ef444426;color:#ef4444}.myst-new-tag{position:absolute;top:2px;right:2px;background:#22c55e;color:#fff;font-size:.35rem;font-weight:var(--font-bold);padding:1px 3px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}.result-common{background:#94a3b80d}.result-uncommon{background:#22c55e0d}.result-rare{background:#3b82f614}.result-epic{background:#a855f714}.result-legendary{background:#f59e0b1a}.result-mythic{background:#ef44441f;animation:mythicGlow 1s ease-in-out infinite alternate}@keyframes mythicGlow{0%{box-shadow:0 0 10px #ef444433}to{box-shadow:0 0 25px #ef444466}}@keyframes resultPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.result-legendary:before,.result-mythic:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(45deg,#f59e0b,#ec4899,#8b5cf6,#3b82f6,#f59e0b);background-size:300% 300%;animation:borderShimmer 3s linear infinite;z-index:-1;opacity:.6}.result-legendary,.result-mythic{position:relative}@keyframes borderShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-play-btn{width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);position:relative}.btn-roulette{background:var(--accent)}.btn-dig{background:linear-gradient(135deg,#7c2d12,#92400e)}.btn-chest{background:var(--accent)}.btn-cards{background:var(--color-accent-600)}.game-play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d;filter:brightness(1.1)}.game-play-btn:active:not(:disabled){transform:scale(.97)}.game-play-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.win-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(245,158,11,.14),transparent 70%);pointer-events:none;z-index:100;animation:flashPulse .8s ease-out forwards}@keyframes flashPulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (max-width: 1024px){.minigames-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.minigames-header{flex-direction:column;gap:var(--space-3)}}@media (max-width: 768px){.minigames-grid{gap:var(--space-4)}.game-card-wrap{padding:var(--space-4)}}@media (max-width: 480px){.myst-card-modal{width:88px;height:auto;aspect-ratio:148 / 207}.myst-card-modal .myst-card-img{max-height:52px}.myst-card-modal .myst-card-emoji{font-size:2rem}.myst-card-modal .myst-card-name{font-size:.42rem}}.shop-page{grid-column:1 / -1;max-width:800px;margin:0 auto;width:100%}.shop-header{margin-bottom:var(--space-8)}.shop-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.shop-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.shop-loading{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm)}.shop-item{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--duration-normal) var(--ease-smooth);overflow:hidden}.shop-item:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.item-sold-out{opacity:.5;pointer-events:none}.item-sold-out:hover{transform:none;box-shadow:none}.shop-item-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:2px var(--space-2);font-size:.6rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md)}.badge-currency{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.badge-cosmetic{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.badge-exclusive{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-interaction{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-physical{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.shop-item-icon{font-size:3.5rem;margin-bottom:var(--space-4);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shop-item-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.shop-item-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.shop-item-stock{margin-bottom:var(--space-4);font-size:var(--text-sm)}.stock-count{font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-primary-400);font-variant-numeric:tabular-nums}.stock-label{color:var(--color-text-muted)}.stock-out{font-weight:var(--font-bold);color:var(--color-error);text-transform:uppercase;letter-spacing:1px;font-size:var(--text-xs)}.shop-item-price{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.price-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:#f59e0b;font-variant-numeric:tabular-nums}.price-icon{font-size:1.1rem}.shop-buy-btn{width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);background:var(--accent)}.shop-buy-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-hi)}.shop-buy-btn:active:not(:disabled){transform:scale(.97)}.shop-buy-btn:disabled{opacity:.5;cursor:not-allowed}.btn-sold-out,.btn-cant-afford{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.shop-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s var(--ease-smooth)}.shop-confirm-overlay.active{opacity:1}.shop-confirm-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:400px;width:90%;text-align:center;transform:scale(.9);transition:transform .3s var(--ease-spring)}.active .shop-confirm-box{transform:scale(1)}.shop-confirm-box h3{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.shop-confirm-box p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.shop-confirm-actions{display:flex;gap:var(--space-3)}.confirm-cancel{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)}.confirm-cancel:hover{background:var(--color-bg-secondary)}.confirm-buy{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;background:var(--accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)}.confirm-buy:hover{background:var(--accent-hi)}@media (max-width: 640px){.shop-grid{grid-template-columns:1fr}.shop-item{padding:var(--space-6) var(--space-5) var(--space-5)}}:root{--rarity-common: #6b7280;--rarity-uncommon: #3bbf7a;--rarity-semi-rare: #3b9bdd;--rarity-rare: #7a30e5;--rarity-epic: #db50eb;--rarity-legendary: #f0a830;--rarity-mythic: #ff4d6d}.cards-page{max-width:100%}.cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.cards-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.cards-stats{display:flex;gap:var(--space-4);align-items:center}.cards-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.cards-stat strong{color:var(--color-text-primary)}.cards-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.cards-tab{padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:all var(--duration-normal) var(--ease-smooth);position:relative}.cards-tab.active{color:var(--color-primary-400);background:#8b5cf61a}.cards-tab.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--accent-hi);border-radius:2px}.cards-tab:hover:not(.active){color:var(--color-text-primary);background:#ffffff08}.cards-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.filter-select,.filter-input{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-primary);outline:none;transition:border-color var(--duration-normal);min-width:140px}.filter-select:focus,.filter-input:focus{border-color:var(--color-primary-500)}.filter-input{min-width:200px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5)}.card-item{--foil-x: 50%;--foil-y: 50%;--foil-angle: 135deg;--foil-opacity: 0;--tilt-x: 0deg;--tilt-y: 0deg;--rc: rgba(107,114,128,.45);--rc-solid: #6b7280;--rc-glow: rgba(107,114,128,.07);--corner-size: 10px;position:relative;background:var(--glass-bg-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid var(--rc);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .12s ease-out,box-shadow .3s ease,border-color .3s ease;overflow:hidden;box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px var(--rc),0 6px 24px #00000080,var(--glass-inner-glow);transform-style:preserve-3d;will-change:transform}.card-item.rarity-COMMON{--rc: rgba(107,114,128,.42);--rc-solid: var(--rarity-common);--rc-glow: rgba(107,114,128,.07);--corner-size: 10px;background:linear-gradient(160deg,rgba(107,114,128,.04) 0%,var(--glass-bg-card) 70%)}.card-item.rarity-UNCOMMON{--rc: rgba(59,191,122,.48);--rc-solid: var(--rarity-uncommon);--rc-glow: rgba(59,191,122,.1);--corner-size: 11px;background:linear-gradient(160deg,rgba(59,191,122,.05) 0%,var(--glass-bg-card) 65%)}.card-item.rarity-SEMI_RARE{--rc: rgba(59,155,221,.52);--rc-solid: var(--rarity-semi-rare);--rc-glow: rgba(59,155,221,.12);--corner-size: 12px;background:linear-gradient(160deg,rgba(59,155,221,.06) 0%,var(--glass-bg-card) 65%)}.card-item.rarity-RARE{--rc: rgba(122,48,229,.58);--rc-solid: var(--rarity-rare);--rc-glow: rgba(122,48,229,.15);--corner-size: 13px;background:linear-gradient(160deg,rgba(122,48,229,.07) 0%,var(--glass-bg-card) 65%)}.card-item.rarity-EPIC{--rc: rgba(219,80,235,.6);--rc-solid: var(--rarity-epic);--rc-glow: rgba(219,80,235,.17);--corner-size: 14px;background:linear-gradient(160deg,rgba(219,80,235,.07) 0%,var(--glass-bg-card) 65%)}.card-item.rarity-LEGENDARY{--rc: rgba(240,168,48,.7);--rc-solid: var(--rarity-legendary);--rc-glow: rgba(240,168,48,.22);--corner-size: 18px;background:linear-gradient(160deg,rgba(240,168,48,.08) 0%,rgba(240,100,30,.04) 50%,var(--glass-bg-card) 100%);box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #f0a83099,0 0 22px #f0a83029,0 6px 24px #00000080,var(--glass-inner-glow);animation:legendaryPulse 3s ease-in-out infinite}.card-item.rarity-MYTHIC{--rc: rgba(255,77,109,.72);--rc-solid: var(--rarity-mythic);--rc-glow: rgba(255,77,109,.24);--corner-size: 20px;background:linear-gradient(160deg,rgba(255,77,109,.08) 0%,rgba(255,30,60,.04) 50%,var(--glass-bg-card) 100%);box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #ff4d6d9e,0 0 26px #ff4d6d2e,0 6px 24px #00000080,var(--glass-inner-glow);animation:mythicPulse 2.5s ease-in-out infinite}.card-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(var(--rc),var(--rc)) 7px 7px / var(--corner-size) 1.5px no-repeat,linear-gradient(var(--rc),var(--rc)) 7px 7px / 1.5px var(--corner-size) no-repeat,linear-gradient(var(--rc),var(--rc)) calc(100% - 7px) 7px / var(--corner-size) 1.5px no-repeat,linear-gradient(var(--rc),var(--rc)) calc(100% - 7px) 7px / 1.5px var(--corner-size) no-repeat,linear-gradient(var(--rc),var(--rc)) 7px calc(100% - 7px) / var(--corner-size) 1.5px no-repeat,linear-gradient(var(--rc),var(--rc)) 7px calc(100% - 7px) / 1.5px var(--corner-size) no-repeat,linear-gradient(var(--rc),var(--rc)) calc(100% - 7px) calc(100% - 7px) / var(--corner-size) 1.5px no-repeat,linear-gradient(var(--rc),var(--rc)) calc(100% - 7px) calc(100% - 7px) / 1.5px var(--corner-size) no-repeat}.card-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:var(--foil-opacity);pointer-events:none;z-index:3;mix-blend-mode:screen;transition:opacity .25s ease}.card-item.rarity-SEMI_RARE:after{background:radial-gradient(ellipse 80% 60% at var(--foil-x) var(--foil-y),rgba(100,200,255,.3) 0%,rgba(40,110,210,.15) 40%,transparent 70%)}.card-item.rarity-RARE:after{background:radial-gradient(ellipse 70% 55% at var(--foil-x) var(--foil-y),rgba(190,120,255,.4) 0%,rgba(110,50,220,.2) 40%,transparent 70%),linear-gradient(var(--foil-angle),rgba(130,50,230,.06) 0%,rgba(210,90,255,.1) 30%,rgba(90,50,240,.1) 60%,rgba(140,60,220,.06) 100%)}.card-item.rarity-EPIC:after{background:radial-gradient(ellipse 70% 55% at var(--foil-x) var(--foil-y),rgba(255,100,255,.45) 0%,rgba(200,0,230,.25) 35%,transparent 65%),linear-gradient(var(--foil-angle),rgba(200,0,230,.06) 0%,rgba(255,80,255,.12) 30%,rgba(180,0,210,.1) 60%,rgba(220,60,235,.08) 100%)}.card-item.rarity-LEGENDARY:after{background:radial-gradient(ellipse 80% 65% at var(--foil-x) var(--foil-y),rgba(255,255,200,.55) 0%,rgba(255,200,0,.3) 20%,rgba(255,100,200,.2) 40%,rgba(0,200,255,.15) 60%,transparent 75%),linear-gradient(var(--foil-angle),rgba(255,0,100,.08) 0%,rgba(255,200,0,.12) 16%,rgba(0,255,100,.1) 32%,rgba(0,150,255,.12) 48%,rgba(180,0,255,.1) 64%,rgba(255,100,0,.12) 80%,rgba(255,0,100,.08) 100%)}.card-item.rarity-MYTHIC:after{background:radial-gradient(ellipse 75% 60% at var(--foil-x) var(--foil-y),rgba(255,150,150,.55) 0%,rgba(255,50,80,.3) 20%,rgba(255,100,180,.2) 40%,rgba(255,80,50,.15) 60%,transparent 75%),linear-gradient(var(--foil-angle),rgba(255,50,80,.08) 0%,rgba(255,200,200,.14) 16%,rgba(255,100,50,.1) 32%,rgba(200,0,80,.12) 48%,rgba(255,80,130,.1) 64%,rgba(255,50,80,.14) 80%,rgba(220,0,50,.08) 100%)}.card-item:hover{transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(10px)}.card-item.rarity-COMMON:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px #6b72808c,0 8px 30px #0000008c}.card-item.rarity-UNCOMMON:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px #3bbf7a99,0 0 18px #3bbf7a33,0 8px 30px #0000008c}.card-item.rarity-SEMI_RARE:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px #3b9bdd9e,0 0 20px #3b9bdd38,0 8px 30px #0000008c}.card-item.rarity-RARE:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px #7a30e5ad,0 0 26px #7a30e54d,0 8px 30px #0000008c}.card-item.rarity-EPIC:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 4.5px #db50ebb3,0 0 28px #db50eb52,0 8px 30px #0000008c}.card-item.rarity-LEGENDARY:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #f0a830cc,0 0 36px #f0a83059,0 8px 30px #0000008c,var(--glass-inner-glow);border-color:#f0a830d9}.card-item.rarity-MYTHIC:hover{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #ff4d6dd1,0 0 40px #ff4d6d61,0 8px 30px #0000008c,var(--glass-inner-glow);border-color:#ff4d6de0}@keyframes legendaryPulse{0%,to{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #f0a83080,0 0 14px #f0a8301a,0 6px 24px #00000080}50%{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #f0a830b3,0 0 30px #f0a83042,0 6px 24px #00000080}}@keyframes mythicPulse{0%,to{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #ff4d6d85,0 0 16px #ff4d6d1f,0 6px 24px #00000080}50%{box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #ff4d6db8,0 0 34px #ff4d6d47,0 6px 24px #00000080}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-item.card-locked{opacity:.38;filter:grayscale(.85)}.card-item.card-locked:hover{opacity:.58;filter:grayscale(.4)}.card-owned-badge{position:absolute;top:6px;right:6px;background:#10b981e6;color:#fff;font-size:.58rem;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.03em;z-index:4}.card-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);position:relative;box-shadow:0 2px 8px #00000059;z-index:2}.card-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.card-detail-sprite{display:block;width:140px;height:140px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.card-icon:before{content:"";position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;background:radial-gradient(ellipse 90% 90% at 50% 50%,var(--rc-glow, transparent) 0%,transparent 65%);pointer-events:none;z-index:-1}.card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:var(--leading-tight);width:100%;padding:3px 6px;border-radius:4px;background:linear-gradient(to right,var(--rc-glow, transparent) 0%,transparent 75%);position:relative;z-index:2}.card-rarity-badge{font-size:.65rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full);margin-bottom:var(--space-2);position:relative;z-index:2}.card-rarity-badge.rarity-COMMON{background:#6b728026;color:var(--rarity-common)}.card-rarity-badge.rarity-UNCOMMON{background:#3bbf7a26;color:var(--rarity-uncommon)}.card-rarity-badge.rarity-SEMI_RARE{background:#3b9bdd26;color:var(--rarity-semi-rare)}.card-rarity-badge.rarity-RARE{background:#7a30e526;color:var(--rarity-rare)}.card-rarity-badge.rarity-EPIC{background:#db50eb26;color:var(--rarity-epic)}.card-rarity-badge.rarity-LEGENDARY{background:#f0a83026;color:var(--rarity-legendary)}.card-rarity-badge.rarity-MYTHIC{background:#ff4d6d26;color:var(--rarity-mythic)}.card-quantity{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-primary-600);color:#fff;font-size:.65rem;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center;z-index:4}.card-favorite{position:absolute;bottom:var(--space-2);right:var(--space-2);font-size:.8rem;opacity:.75;z-index:4}.card-badges{position:absolute;top:8px;left:8px;z-index:5;display:flex;flex-direction:column;gap:4px;pointer-events:none}.card-badge{width:22px;height:22px;border-radius:50%;background:#080912b3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--rc-solid, rgba(220,220,220,.8))}.card-badge i.ph-bold{font-size:12px;line-height:1}.card-badge svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.collection-card{background:var(--glass-bg-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:var(--glass-shadow)}.collection-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.collection-card.complete{border-color:var(--color-success)}.collection-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.collection-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);flex-shrink:0}.collection-info h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.collection-info p{font-size:var(--text-sm);color:var(--color-text-secondary)}.collection-progress{margin-bottom:var(--space-3)}.progress-bar-bg{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .6s var(--ease-smooth)}.collection-card.complete .progress-bar-fill{background:var(--color-success)}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.collection-reward{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.collection-reward span{font-weight:var(--font-semibold);color:var(--color-warning)}.card-detail{max-width:600px;margin:0 auto}.card-detail-visual{position:relative;width:200px;height:260px;margin:0 auto var(--space-6);perspective:800px}.card-detail-face{width:100%;height:100%;background:var(--glass-bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--rc, rgba(150,150,150,.3));border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px var(--rc, rgba(150,150,150,.2)),var(--shadow-premium);animation:cardReveal .6s var(--ease-spring) both}.card-detail-face.rarity-COMMON{--rc: rgba(107,114,128,.42);--rc-solid: var(--rarity-common);--rc-glow: rgba(107,114,128,.07);--corner-size: 12px}.card-detail-face.rarity-UNCOMMON{--rc: rgba(59,191,122,.48);--rc-solid: var(--rarity-uncommon);--rc-glow: rgba(59,191,122,.1);--corner-size: 14px}.card-detail-face.rarity-SEMI_RARE{--rc: rgba(59,155,221,.52);--rc-solid: var(--rarity-semi-rare);--rc-glow: rgba(59,155,221,.12);--corner-size: 15px}.card-detail-face.rarity-RARE{--rc: rgba(122,48,229,.58);--rc-solid: var(--rarity-rare);--rc-glow: rgba(122,48,229,.15);--corner-size: 17px}.card-detail-face.rarity-EPIC{--rc: rgba(219,80,235,.6);--rc-solid: var(--rarity-epic);--rc-glow: rgba(219,80,235,.17);--corner-size: 18px}.card-detail-face.rarity-LEGENDARY{--rc: rgba(240,168,48,.7);--rc-solid: var(--rarity-legendary);--rc-glow: rgba(240,168,48,.22);--corner-size: 22px;box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #f0a830a6,0 0 28px #f0a83038,var(--shadow-premium);animation:cardReveal .6s var(--ease-spring) both,legendaryPulse 3s .6s ease-in-out infinite}.card-detail-face.rarity-MYTHIC{--rc: rgba(255,77,109,.72);--rc-solid: var(--rarity-mythic);--rc-glow: rgba(255,77,109,.24);--corner-size: 24px;box-shadow:0 0 0 3px #0a0b12eb,0 0 0 5px #ff4d6dad,0 0 32px #ff4d6d42,var(--shadow-premium);animation:cardReveal .6s var(--ease-spring) both,mythicPulse 2.5s .6s ease-in-out infinite}.card-detail-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(var(--rc, transparent),var(--rc, transparent)) 9px 9px / var(--corner-size, 14px) 1.5px no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) 9px 9px / 1.5px var(--corner-size, 14px) no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) calc(100% - 9px) 9px / var(--corner-size, 14px) 1.5px no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) calc(100% - 9px) 9px / 1.5px var(--corner-size, 14px) no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) 9px calc(100% - 9px) / var(--corner-size, 14px) 1.5px no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) 9px calc(100% - 9px) / 1.5px var(--corner-size, 14px) no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) calc(100% - 9px) calc(100% - 9px) / var(--corner-size, 14px) 1.5px no-repeat,linear-gradient(var(--rc, transparent),var(--rc, transparent)) calc(100% - 9px) calc(100% - 9px) / 1.5px var(--corner-size, 14px) no-repeat}@keyframes cardReveal{0%{transform:rotateY(90deg) scale(.8);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.card-detail-emoji{font-size:4rem;position:relative;z-index:2}.card-detail-info{text-align:center}.card-detail-info h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.card-detail-meta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.card-meta-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.card-detail-desc{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-3)}.card-detail-lore{color:var(--color-text-muted);font-style:italic;font-size:var(--text-sm);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary-500)}.card-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);cursor:pointer;background:none;border:none;font-family:var(--font-primary);transition:color var(--duration-fast)}.card-back-btn:hover{color:var(--color-primary-400)}.cards-empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.cards-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.card-skeleton{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);height:200px}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.collections-grid{grid-template-columns:1fr}.packs-grid{grid-template-columns:1fr 1fr}}.packs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.pack-card{background:var(--glass-bg-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden;box-shadow:var(--glass-shadow)}.pack-card:hover{transform:translateY(-6px);box-shadow:0 0 30px var(--pack-glow),var(--glass-shadow)}.pack-visual{margin-bottom:var(--space-4)}.pack-icon{font-size:4rem;display:block;animation:packFloat 3s ease-in-out infinite}@keyframes packFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pack-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.pack-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.pack-buy-btn{padding:var(--space-2) var(--space-6);background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.pack-buy-btn:hover{background:var(--accent-hi);transform:translateY(-1px)}.pack-opening-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.pack-opening-scene{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.pack-opening-pack{text-align:center}.pack-shake{animation:packShake .8s ease-in-out}@keyframes packShake{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg) scale(1.05)}30%{transform:rotate(8deg) scale(1.1)}45%{transform:rotate(-6deg) scale(1.12)}60%{transform:rotate(6deg) scale(1.15)}75%{transform:rotate(-3deg) scale(1.1)}90%{transform:rotate(3deg) scale(1.05)}}.pack-reveal-cards{display:flex;gap:var(--space-6);perspective:1000px}.pack-reveal-card{width:160px;height:220px}.pack-reveal-card.hidden{visibility:hidden;opacity:0}.pack-reveal-card.flipping{visibility:visible;animation:cardFlipIn .7s var(--ease-spring) both}@keyframes cardFlipIn{0%{opacity:0;transform:rotateY(180deg) scale(.5)}50%{opacity:1;transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(1)}}.pack-card-inner{width:100%;height:100%;position:relative}.pack-card-front{display:none}.pack-card-back{width:100%;height:100%;background:var(--color-bg-card);border-radius:var(--radius-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);position:relative;overflow:hidden;border:1.5px solid transparent}.pack-card-back:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.pack-card-back.rarity-COMMON{border-color:#6b72804d}.pack-card-back.rarity-COMMON:before{background:var(--rarity-common)}.pack-card-back.rarity-UNCOMMON{border-color:#3bbf7a59}.pack-card-back.rarity-UNCOMMON:before{background:var(--rarity-uncommon)}.pack-card-back.rarity-SEMI_RARE{border-color:#3b9bdd59}.pack-card-back.rarity-SEMI_RARE:before{background:var(--rarity-semi-rare)}.pack-card-back.rarity-RARE{border-color:#7a30e573;box-shadow:0 0 20px #7a30e533}.pack-card-back.rarity-RARE:before{background:var(--rarity-rare)}.pack-card-back.rarity-EPIC{border-color:#db50eb80;box-shadow:0 0 25px #db50eb47}.pack-card-back.rarity-EPIC:before{background:var(--rarity-epic)}.pack-card-back.rarity-LEGENDARY{border-color:#f0a830a6;box-shadow:0 0 35px #f0a83066;animation:legendaryRevealGlow 1.5s ease-in-out infinite}.pack-card-back.rarity-LEGENDARY:before{background:linear-gradient(90deg,var(--rarity-legendary),#f97316,var(--rarity-legendary));background-size:200%;animation:shimmer 2s linear infinite}.pack-card-back.rarity-MYTHIC{border-color:#ff4d6dad;box-shadow:0 0 38px #ff4d6d6b;animation:mythicRevealGlow 1.2s ease-in-out infinite}.pack-card-back.rarity-MYTHIC:before{background:linear-gradient(90deg,var(--rarity-mythic),#ff8080,var(--rarity-mythic));background-size:200%;animation:shimmer 1.5s linear infinite}@keyframes legendaryRevealGlow{0%,to{box-shadow:0 0 25px #f0a8304d}50%{box-shadow:0 0 50px #f0a83099}}@keyframes mythicRevealGlow{0%,to{box-shadow:0 0 28px #ff4d6d52}50%{box-shadow:0 0 55px #ff4d6da3}}.pack-reveal-emoji{font-size:3rem}.pack-reveal-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:center}.pack-new-badge{background:var(--color-success);color:#fff;font-size:.6rem;font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em}.pack-dupe-badge{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:.65rem;font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full)}.pack-close-btn{padding:var(--space-3) var(--space-8);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);animation:fadeInUp .4s ease both}.pack-close-btn:hover{background:var(--accent-hi);transform:translateY(-1px)}.card-season{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hi) 100%);color:#fff;text-transform:uppercase;vertical-align:middle;margin-left:4px}.card-voc-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);white-space:nowrap}.card-type-icon{font-size:.85rem;line-height:1;opacity:.85}.col-season-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hi) 100%);color:#fff;letter-spacing:.04em;text-transform:uppercase}.col-filter-badge{display:inline-flex;align-items:center;gap:3px;font-size:.6rem;font-weight:600;padding:2px 7px;border-radius:10px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.04em}.col-filter-tipo{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b14}.col-filter-voc{color:#60a5fa;border-color:#60a5fa66;background:#60a5fa14}@media (max-width: 600px){.col-season-badge,.col-filter-badge{font-size:.55rem;padding:1px 5px}.card-voc-badge{font-size:.6rem}.card-badge{width:20px;height:20px}.card-badge i.ph-bold{font-size:11px}.card-badge svg{width:11px;height:11px}}.bp-page{max-width:100%;background-image:radial-gradient(ellipse at 92% 4%,rgba(216,178,107,.055) 0%,transparent 34%),radial-gradient(ellipse at 8% 92%,rgba(91,52,160,.08) 0%,transparent 38%)}.bp-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;border-radius:inherit;z-index:0}.bp-page>*{position:relative;z-index:1}.bp-hero{background:radial-gradient(ellipse at 88% 15%,rgba(216,178,107,.07) 0%,transparent 40%),linear-gradient(135deg,#3a1872,#4e2a8f 45%,#2a1d40);border-radius:var(--radius-xl);border:1px solid rgba(154,92,240,.18);padding:22px 28px;margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);position:relative;overflow:hidden}.bp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.bp-hero-left{position:relative;z-index:1}.bp-hero-eyebrow{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#d8b26b;margin-bottom:4px;line-height:1}.bp-hero-title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:#f0eefc;text-shadow:0 2px 12px rgba(0,0,0,.35);line-height:1.1}.bp-hero-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;position:relative;z-index:1}.bp-level-badge-sq{width:58px;height:58px;border-radius:10px;background:#d8b26b1a;border:2px solid #d8b26b;box-shadow:0 0 14px #d8b26b2e,inset 0 0 10px #d8b26b0f;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.bp-level-badge-sq .bp-badge-num{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:#f0c97a;line-height:1}.bp-level-badge-sq .bp-badge-lbl{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#d8b26ba6;line-height:1;margin-top:1px}.bp-hero-exp{min-width:180px}.bp-exp-bar-container{width:100%;height:10px;background:#00000059;border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(216,178,107,.25)}.bp-exp-bar{height:100%;background:linear-gradient(90deg,#b07e49,#f0c97a);border-radius:var(--radius-full);transition:width .8s var(--ease-smooth)}.bp-exp-label{font-size:var(--text-xs);color:#f0c97abf;margin-top:5px;font-weight:600;line-height:1.3}.bp-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid rgba(154,92,240,.14);padding-bottom:var(--space-2)}.bp-tab{padding:var(--space-2) var(--space-5);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-primary);cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:color var(--duration-normal),background var(--duration-normal);position:relative}.bp-tab.active{color:#c4a6f8;background:#7a30e51a}.bp-tab.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:#9a5cf0;border-radius:2px}.bp-tab:hover:not(.active){color:var(--color-text-primary)}.bp-track-wrapper{overflow-x:auto;overflow-y:visible;padding:60px 24px 70px;margin:0 -8px;scrollbar-width:thin;scrollbar-color:rgba(154,92,240,.25) transparent}.bp-track-wrapper::-webkit-scrollbar{height:4px}.bp-track-wrapper::-webkit-scrollbar-track{background:transparent}.bp-track-wrapper::-webkit-scrollbar-thumb{background:#9a5cf040;border-radius:2px}.bp-track{display:flex;align-items:center;position:relative;min-width:max-content;min-height:80px}.bp-track-rail{position:absolute;top:50%;left:44px;right:44px;height:3px;background:#ffffff0f;border-radius:2px;transform:translateY(-50%);z-index:0}.bp-track-rail-fill{height:100%;background:linear-gradient(90deg,#5b34a0,#9a5cf0);border-radius:2px;transition:width 1s var(--ease-smooth)}.bp-node{display:flex;flex-direction:column;align-items:center;width:88px;flex-shrink:0;position:relative;z-index:1;cursor:default}.bp-node.milestone{width:108px}.bp-node.final-node{width:120px}.bp-node.rc-milestone{width:116px}.bp-node.final-node.rc-milestone{width:132px}.bp-node-top{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.bp-node-reward-label{display:block;font-size:.6rem;font-weight:600;color:#c4a6f8b3;background:#1a1428e0;border:1px solid rgba(154,92,240,.18);border-radius:var(--radius-md);padding:2px 6px;line-height:1.35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bp-node.milestone .bp-node-reward-label,.bp-node.final-node .bp-node-reward-label{color:#d8b26b;border-color:#d8b26b47;background:#1a1428eb}.bp-node-circle{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2e2048,#1a1230);border:2px solid rgba(154,92,240,.2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;flex-shrink:0}.bp-node.milestone .bp-node-circle{width:64px;height:64px;font-size:1.6rem}.bp-node.final-node .bp-node-circle{width:72px;height:72px;font-size:1.8rem;border-width:2px}.bp-node.pack-node .bp-node-circle{background:transparent;border-color:transparent;box-shadow:none}.bp-node.locked .bp-node-circle{opacity:.28;filter:grayscale(.7)}.bp-node.unlocked:not(.claimed) .bp-node-circle{border-color:#9a5cf073;background:radial-gradient(circle at 35% 30%,#2e2048,#1c1435)}.bp-node.pack-node.unlocked:not(.claimed) .bp-node-circle{background:transparent;border-color:transparent;box-shadow:none}.bp-node.current:not(.claimed) .bp-node-circle{border-color:#d8b26b;background:radial-gradient(circle at 35% 30%,#2d2010,#1a1205);box-shadow:0 0 12px #d8b26b38}.bp-node.pack-node.current:not(.claimed) .bp-node-circle{background:transparent;border-color:transparent;box-shadow:none}.bp-node.milestone.unlocked:not(.claimed):not(.final-node) .bp-node-circle{border-color:#b07e49;background:radial-gradient(circle at 35% 30%,#2b1d08,#1a1205);box-shadow:0 0 10px #b07e4933}.bp-node.milestone.pack-node.unlocked:not(.claimed):not(.final-node) .bp-node-circle{background:transparent;border-color:transparent;box-shadow:none}.bp-node.final-node.unlocked:not(.claimed) .bp-node-circle{border-color:#f0c97a;border-width:2px;background:radial-gradient(circle at 35% 30%,#2d2010,#1a1205);box-shadow:0 0 20px #f0c97a47,0 0 0 1px #f0c97a1f}.bp-node.final-node.pack-node.unlocked:not(.claimed) .bp-node-circle{background:transparent;border-color:transparent;box-shadow:none}.bp-node.rc-milestone .bp-node-circle{width:72px;height:72px;border-color:#f0c97a59;background:radial-gradient(circle at 35% 30%,#2a1e08,#180e02)}.bp-node.final-node.rc-milestone .bp-node-circle{width:80px;height:80px}.bp-node.rc-milestone.unlocked:not(.claimed) .bp-node-circle{border-color:#f0c97a;background:radial-gradient(circle at 35% 30%,#2d2010,#1a1205);box-shadow:0 0 20px #f0c97a47,0 0 0 1px #f0c97a1a}.bp-node.final-node.rc-milestone.unlocked:not(.claimed) .bp-node-circle{box-shadow:0 0 28px #f0c97a61,0 0 0 1px #f0c97a2e}.bp-node.rc-milestone.claimed .bp-node-circle{border-color:#9a5cf0;background:radial-gradient(circle at 35% 30%,#1e1438,#120c24);box-shadow:none;opacity:.72}.bp-rc-node-img{width:38px;height:38px;object-fit:contain;display:block}.bp-node.final-node .bp-rc-node-img{width:44px;height:44px}.bp-rc-card{background:linear-gradient(160deg,#1e1205f7,#180e02fa);border:1px solid rgba(216,178,107,.42);border-radius:8px;padding:5px 9px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:86px;box-shadow:0 2px 10px #d8b26b1a}.bp-rc-tag{font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#d8b26b99;line-height:1}.bp-rc-main{display:flex;align-items:center;gap:4px;line-height:1}.bp-rc-icon-md{height:18px;width:auto;display:inline-block;vertical-align:middle}.bp-rc-value{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#f0c97a;line-height:1;text-shadow:0 0 8px rgba(240,201,122,.35)}.bp-node.final-node .bp-rc-value{font-size:1.45rem}.bp-rc-secondary{font-size:.55rem;color:#c4a6f87a;line-height:1.3;text-align:center}.bp-node.claimed .bp-node-circle{border-color:#9a5cf0;background:radial-gradient(circle at 35% 30%,#241842,#15102a);opacity:.78}.bp-node-check{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#5b34a0;border:1.5px solid #9a5cf0;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#c4a6f8;font-weight:700;line-height:1}.bp-node-bottom{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap}.bp-node-level-num{font-size:.62rem;font-weight:700;color:#c4a6f873;line-height:1}.bp-node.milestone .bp-node-level-num,.bp-node.final-node .bp-node-level-num{color:#d8b26ba6}.bp-node.current .bp-node-level-num{color:#d8b26b;font-weight:800}.bp-rc{color:#d8b26b;font-weight:700}.bp-claim-btn{padding:4px 11px;background:linear-gradient(135deg,#c4872a,#e8b455);border:none;border-radius:5px;color:#1a1005;font-size:.58rem;font-weight:900;font-family:var(--font-primary);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 2px 8px #d8b26b4d;white-space:nowrap;transition:filter var(--duration-fast),transform var(--duration-fast)}.bp-claim-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.bp-claim-btn:active{transform:translateY(0)}.bp-claimed-badge{font-size:.8rem}.mp-icon{display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(160deg,#2d1063,#180838);border:1.5px solid #7a30e5;box-shadow:0 0 8px #7a30e573,inset 0 0 5px #7a30e524;flex-shrink:0}.mp-icon--sm{width:28px;height:42px;border-radius:3px}.mp-icon--md{width:40px;height:60px;border-radius:4px}.mp-icon--lg{width:54px;height:81px;border-radius:5px}.mp-tear{flex-shrink:0;background:repeating-linear-gradient(-45deg,#ffffff2e,#ffffff2e 2px,#0006 2px,#0006 4px)}.mp-icon--sm .mp-tear{height:5px}.mp-icon--md .mp-tear{height:7px}.mp-icon--lg .mp-tear{height:9px}.mp-brand{flex-shrink:0;background:#00000070;display:flex;align-items:center;justify-content:center;overflow:hidden}.mp-icon--sm .mp-brand{height:8px}.mp-icon--md .mp-brand{height:11px}.mp-icon--lg .mp-brand{height:14px}.mp-brand-text{font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#ffffff94;line-height:1;white-space:nowrap}.mp-icon--sm .mp-brand-text{font-size:4px}.mp-icon--md .mp-brand-text{font-size:5.5px}.mp-icon--lg .mp-brand-text{font-size:7px}.mp-art{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(122,48,229,.38) 0%,transparent 70%)}.mp-card-fan{position:absolute;top:0;right:0;bottom:0;left:0}.mp-card{position:absolute;background:linear-gradient(145deg,#3b1880,#180838);border:1px solid rgba(122,48,229,.6);border-radius:2px}.mp-icon--sm .mp-card{width:9px;height:13px}.mp-icon--sm .mp-card-l{bottom:18%;left:12%;transform:rotate(-18deg)}.mp-icon--sm .mp-card-r{bottom:18%;right:12%;transform:rotate(18deg)}.mp-icon--sm .mp-card-c{bottom:22%;left:50%;transform:translate(-50%);z-index:2}.mp-icon--md .mp-card{width:13px;height:19px}.mp-icon--md .mp-card-l{bottom:18%;left:10%;transform:rotate(-18deg)}.mp-icon--md .mp-card-r{bottom:18%;right:10%;transform:rotate(18deg)}.mp-icon--md .mp-card-c{bottom:22%;left:50%;transform:translate(-50%);z-index:2}.mp-icon--lg .mp-card{width:19px;height:27px}.mp-icon--lg .mp-card-l{bottom:18%;left:10%;transform:rotate(-18deg)}.mp-icon--lg .mp-card-r{bottom:18%;right:10%;transform:rotate(18deg)}.mp-icon--lg .mp-card-c{bottom:22%;left:50%;transform:translate(-50%);z-index:2}.mp-q{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-weight:900;color:#fff;text-shadow:0 0 7px rgba(154,92,240,.9),0 0 2px rgba(0,0,0,.5);z-index:3;line-height:1}.mp-icon--sm .mp-q{font-size:13px}.mp-icon--md .mp-q{font-size:19px}.mp-icon--lg .mp-q{font-size:27px}.mp-footer{flex-shrink:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#ffffffc7}.mp-icon--sm .mp-footer{height:8px;font-size:4px}.mp-icon--md .mp-footer{height:11px;font-size:5.5px}.mp-icon--lg .mp-footer{height:14px;font-size:7px}.bp-node.pack-node.unlocked:not(.claimed) .mp-icon{box-shadow:0 0 10px #7a30e580,0 0 0 1px #7a30e566}.bp-node.milestone.pack-node.unlocked:not(.claimed):not(.final-node) .mp-icon{border-color:#b07e49;box-shadow:0 0 10px #b07e4966,0 0 0 1px #b07e4959}.bp-node.final-node.pack-node.unlocked:not(.claimed) .mp-icon{border-color:#f0c97a;box-shadow:0 0 16px #f0c97a73,0 0 0 1px #f0c97a66}.bp-missions-section{margin-bottom:var(--space-6)}.bp-missions-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.bp-missions-list{display:flex;flex-direction:column;gap:var(--space-3)}.bp-no-missions{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4)}.bp-mission{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-normal);gap:var(--space-4)}.bp-mission:hover{border-color:#9a5cf033}.bp-mission.complete{border-color:#9a5cf080;background:#7a30e50d}.bp-mission.claimed{opacity:.6;border-color:#9a5cf040}.bp-mission-left{display:flex;align-items:center;gap:var(--space-3)}.bp-mission-icon{font-size:1.8rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#7a30e514;border-radius:var(--radius-lg);flex-shrink:0}.bp-mission-info{display:flex;flex-direction:column}.bp-mission-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.bp-mission-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.bp-mission-rewards{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;font-size:.65rem;color:#c4a6f8b3;align-items:center}.bp-mission-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.bp-mission-progress{display:flex;align-items:center;gap:var(--space-2)}.bp-mission-bar-bg{width:80px;height:6px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.bp-mission-bar-fill{height:100%;background:linear-gradient(90deg,#5b34a0,#9a5cf0);border-radius:var(--radius-full);transition:width .4s ease}.bp-mission.complete .bp-mission-bar-fill{background:linear-gradient(90deg,#b07e49,#f0c97a)}.bp-mission-progress-text{font-size:var(--text-xs);color:var(--color-text-muted);min-width:30px}.bp-mission-exp{font-size:var(--text-xs);font-weight:var(--font-bold);color:#d8b26b;white-space:nowrap}.bp-mission-claim-btn{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#c4872a,#e8b455);border:none;border-radius:var(--radius-md);color:#1a1005;font-size:var(--text-xs);font-weight:800;font-family:var(--font-primary);cursor:pointer;transition:filter var(--duration-fast)}.bp-mission-claim-btn:hover{filter:brightness(1.1)}.bp-legend{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(154,92,240,.12)}.bp-legend-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--color-text-primary)}.bp-legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.bp-legend-card{background:#1a1428b3;border:1px solid rgba(154,92,240,.12);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--duration-normal)}.bp-legend-card:hover{border-color:#9a5cf040}.bp-legend-card--gold{border-color:#d8b26b33;background:#1a140aa6}.bp-legend-card--gold:hover{border-color:#d8b26b61}.bp-legend-icon{font-size:1.6rem;line-height:1}.bp-legend-card--gold .bp-legend-icon{color:#d8b26b}.bp-legend-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.bp-legend-card--gold .bp-legend-label{color:#d8b26b}.bp-legend-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.bp-legend-rewards{background:#1a1428b3;border:1px solid rgba(154,92,240,.12);border-radius:var(--radius-xl);padding:var(--space-5)}.bp-legend-rewards-title{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.bp-legend-rewards-list{display:flex;flex-direction:column;gap:var(--space-2)}.bp-reward-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);background:#ffffff08}.bp-reward-row--gold{background:#d8b26b0f;color:#d8b26b;font-weight:var(--font-semibold)}.bp-reward-lvl{font-weight:var(--font-semibold);color:var(--color-text-primary);min-width:120px}.bp-reward-row--gold .bp-reward-lvl{color:#d8b26b}@media (max-width: 768px){.bp-hero{flex-direction:column;align-items:flex-start;padding:18px 20px}.bp-hero-right{width:100%}.bp-hero-exp{flex:1}.bp-track-wrapper{padding:52px 16px 62px;margin:0 -12px}.bp-node{width:72px}.bp-node.milestone{width:88px}.bp-node.final-node{width:96px}.bp-node-circle{width:40px;height:40px;font-size:1.1rem}.bp-node.milestone .bp-node-circle{width:54px;height:54px;font-size:1.4rem}.bp-node.final-node .bp-node-circle{width:60px;height:60px}.bp-track{min-height:60px}.bp-track-rail{left:36px;right:36px}.bp-legend-grid{grid-template-columns:1fr 1fr}.bp-mission{flex-direction:column;align-items:flex-start}.bp-mission-right{width:100%;justify-content:space-between}}@media (max-width: 480px){.bp-legend-grid{grid-template-columns:1fr}}.trades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.trade-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--duration-normal)}.trade-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.trade-card.completed{border-color:var(--color-success);opacity:.7}.trade-card.cancelled{opacity:.4}.trade-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.trade-user{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-400)}.trade-time{font-size:var(--text-xs);color:var(--color-text-muted)}.trade-offer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.trade-offer-card,.trade-want{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1}.trade-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center}.trade-arrow{font-size:1.5rem;color:var(--color-primary-400);flex-shrink:0}.trade-want-any{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;font-style:italic}.trade-message{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;margin-bottom:var(--space-3)}.trade-actions{display:flex;gap:var(--space-2);align-items:center}.trade-accept-btn{flex:1;padding:var(--space-2) var(--space-4);background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.trade-accept-btn:hover{background:var(--accent-hi);transform:translateY(-1px)}.trade-cancel-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast)}.trade-cancel-btn:hover{background:#ef44441a}.trade-status{font-size:var(--text-sm);color:var(--color-text-muted)}.trade-filters{margin-bottom:var(--space-6)}.trade-create-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.trade-tradable-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;transition:all var(--duration-normal)}.trade-tradable-card:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.trade-tradable-visual{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.trade-tradable-emoji{font-size:2rem}.trade-tradable-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.trade-tradable-qty,.trade-tradable-collection{font-size:var(--text-xs);color:var(--color-text-muted)}.trade-create-btn{width:100%;margin-top:var(--space-2);padding:var(--space-2);background:var(--accent);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast)}.trade-create-btn:hover{transform:scale(1.03)}.trade-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);max-width:600px}.trade-select-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:all var(--duration-fast)}.trade-select-card:hover{border-color:var(--accent-hi);background:var(--color-bg-elevated);transform:scale(1.03)}.trade-select-emoji{font-size:1.8rem}.trade-select-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center}.trade-select-qty{font-size:.6rem;color:var(--color-text-muted)}@media (max-width: 768px){.trades-grid{grid-template-columns:1fr}.trade-select-grid{grid-template-columns:repeat(3,1fr)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--space-8) var(--space-4)}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-top:3px solid var(--accent);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);max-width:460px;width:100%;text-align:center;box-shadow:var(--shadow-xl)}.login-logo{font-size:3rem;margin-bottom:var(--space-5);display:block}.login-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2);color:var(--color-text-primary)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.login-error{background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-left:3px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--color-error);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-6);text-align:left}.login-twitch--retry{animation:retry-pulse 2s ease infinite}@keyframes retry-pulse{0%,to{opacity:1}50%{opacity:.75}}.login-providers{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-normal),transform var(--duration-fast);letter-spacing:.03em}.login-btn:active{transform:scale(.98)}.login-twitch{background:#9146ff;color:#fff}.login-twitch:hover{background:#7c2cf5}.login-kick{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.login-kick:disabled{cursor:not-allowed;opacity:.45}.login-kick-note{margin:-2px 2px 0;font-size:12px;line-height:1.35;color:var(--color-text-muted);text-align:center}.kick-icon{width:20px;height:20px;background:#53fc18;color:#000;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-6)}.login-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left}.login-disclaimer{font-size:.65rem;color:var(--color-text-muted);line-height:1.5}.profile-page{max-width:800px;margin:0 auto}.profile-loading{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}.profile-hero{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-top:3px solid var(--accent);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-xl);border:2px solid var(--color-border-active);object-fit:cover;background:var(--color-bg-tertiary);display:block}.profile-level-badge{position:absolute;bottom:-4px;right:-4px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:2px 7px;border-radius:var(--radius-md)}.profile-info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.profile-username{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-role{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-hi)}.profile-joined{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-wallets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.profile-wallet{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;gap:var(--space-1);transition:border-color var(--duration-fast)}.profile-wallet:hover{border-color:var(--color-border-hover)}.profile-wallet-icon{font-size:1.5rem}.profile-wallet-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.profile-wallet-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.profile-section{margin-bottom:var(--space-6)}.profile-section h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-4)}.profile-link-hint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-platforms{display:flex;flex-direction:column;gap:var(--space-3)}.profile-platform{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--duration-normal)}.profile-platform.connected{border-color:#10b98159}.profile-platform-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-platform-icon.twitch-icon{background:#9146ff26;color:#9146ff}.profile-platform-icon.kick-icon{background:#53fc1826;color:#53fc18;font-weight:900;font-size:.85rem}.profile-platform-info{display:flex;flex-direction:column;flex:1}.profile-platform-name{font-size:var(--text-sm);font-weight:600}.profile-platform-user{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-sub-status{font-size:.65rem;font-weight:600;margin-top:2px}.profile-sub-status.is-sub{color:#f59e0b}.profile-sub-status.not-sub{color:var(--color-text-muted);opacity:.6}.profile-platform-badge{font-size:var(--text-base)}.profile-connect-btn{padding:var(--space-1) var(--space-4);background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-fast)}.profile-connect-btn:hover{background:var(--accent-hi)}.profile-platform-actions{display:flex;align-items:center;gap:var(--space-2)}.profile-disconnect-btn{padding:3px var(--space-3);background:transparent;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-md);color:#ef4444b3;font-size:.65rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast);letter-spacing:.03em}.profile-disconnect-btn:hover{background:#ef44441a;border-color:#ef444499;color:#ef4444}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.profile-stat{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-1);transition:border-color var(--duration-normal)}.profile-stat:hover{border-color:var(--color-border-hover)}.profile-stat-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary-400);font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.profile-actions{text-align:center;padding:var(--space-6) 0}.profile-logout-btn{padding:var(--space-3) var(--space-8);background:transparent;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all var(--duration-fast);text-transform:uppercase;letter-spacing:.07em}.profile-logout-btn:hover{background:#ef44441a;border-color:var(--color-error)}@media (max-width: 768px){.login-card{padding:var(--space-8) var(--space-5)}.profile-hero{flex-direction:column;text-align:center}.profile-wallets{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.login-features{grid-template-columns:1fr}}@media (min-width: 481px){.val-short{display:none}}.mobile-nav{display:none}#app-content{animation:pageIn .35s var(--ease-smooth) both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.skeleton{position:relative;overflow:hidden;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.04) 60%,transparent 100%);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-line{height:14px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.w-40{width:40%}.skeleton-line.w-full{width:100%}.skeleton-circle{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-2xl)}button,.btn{position:relative;overflow:hidden}button:after,.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}button:active:after,.btn:active:after{opacity:1;transition:opacity 0s}@keyframes walletPulse{0%{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.wallet-pulse{animation:walletPulse .5s var(--ease-spring)}.cookie-popup{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);color:#f59e0b;pointer-events:none;animation:cookieFloat 1.5s var(--ease-smooth) forwards;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes cookieFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(1.3)}}#toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);pointer-events:auto;animation:toastIn .35s var(--ease-spring);max-width:340px}.toast-cookies{border-color:#f59e0b4d}.toast-error{border-color:#ef44444d}.toast-success{border-color:#10b9814d}.toast-rc{border-color:#a78bfa4d}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;line-height:1.4}@keyframes toastIn{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes fadeOut{to{transform:translate(50%);opacity:0}}.nav-link{position:relative}.nav-link.active:before{content:"";position:absolute;left:-1px;top:25%;height:50%;width:3px;background:var(--color-primary-600);border-radius:0 2px 2px 0;animation:navStripe .2s var(--ease-smooth)}@keyframes navStripe{0%{height:0;opacity:0;top:50%}to{height:50%;opacity:1;top:25%}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-smooth) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.quick-card:active{transform:translate(0) scale(.99)}@keyframes logoSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-700)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-elevated) transparent}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-md)}button:focus-visible{box-shadow:0 0 0 2px #8b5cf680}::selection{background:#8b5cf64d;color:#fff}@media (max-width: 900px){.home-top-row{grid-template-columns:1fr;height:auto}.leaderboard-section{max-height:400px;overflow-y:auto}}@media (max-width: 768px){:root{--header-height: 52px}.header-inner{padding:0 var(--space-4);gap:var(--space-2);justify-content:flex-start}#header-wallet{margin-left:auto}.header-nav{display:none}.mobile-menu-btn{display:flex!important;flex-shrink:0;min-width:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:0;transition:background var(--duration-fast);position:relative;z-index:2}.mobile-menu-btn:hover{background:var(--color-bg-hover)}.mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s var(--ease-smooth);transform-origin:center}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-bg-primary);z-index:var(--z-overlay);display:none;flex-direction:column;padding:var(--space-6);gap:var(--space-2)}.mobile-nav.open{display:flex;animation:slideDown .3s var(--ease-smooth)}.mobile-nav .nav-link{padding:var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wallet-item{padding:var(--space-1) var(--space-2)!important;font-size:var(--text-xs)!important}.header-brand{font-size:var(--text-lg)!important}.home-top-row{grid-template-columns:1fr;height:auto}.stream-player{aspect-ratio:16 / 9;height:auto;position:relative}.stream-chat{height:clamp(300px,45vw,420px);border-left:none;border-top:1px solid var(--glass-border)}#toast-container{right:var(--space-3);bottom:var(--space-3);left:var(--space-3)}.toast{max-width:100%}.shop-confirm-box{margin:var(--space-4)}}@media (max-width: 480px){.header-wallet{gap:var(--space-1)!important}.user-avatar{width:28px!important;height:28px!important}.val-full{display:none}.val-short{display:inline}.podium{gap:var(--space-2)!important;padding:var(--space-4) var(--space-2)!important}.avatar-ring{width:42px!important;height:42px!important}.podium-1 .avatar-ring{width:52px!important;height:52px!important}.game-card-wrap{padding:var(--space-3)!important}}@media (max-width: 400px){.header-logo-img{display:none}}@media print{.header,#toast-container,.cookie-popup,.shop-confirm-overlay,.mobile-nav{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.counter-up{display:inline-block;animation:counterPop .4s var(--ease-spring)}@keyframes counterPop{0%{transform:scale(1)}40%{transform:scale(1.2);color:#f59e0b}to{transform:scale(1)}}.packs-page{max-width:1400px;margin:0 auto;padding:0 var(--space-4)}.packs-hero{text-align:center;padding:var(--space-10) 0 var(--space-8);position:relative}.packs-hero-eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.packs-hero-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.packs-hero-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);max-width:480px;margin:0 auto}.packs-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-4) 0 var(--space-12);justify-items:center}.pb-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:230px;height:100%}.pb{width:190px;height:290px;border-radius:14px;position:relative;overflow:hidden;cursor:pointer;transition:transform .4s var(--ease-spring),box-shadow .4s ease;border:2px solid;flex-shrink:0;-webkit-user-select:none;user-select:none}.pb:hover{transform:perspective(700px) rotateY(-10deg) translateY(-10px) scale(1.03)}.pb-foil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 30%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.08) 55%,transparent 70%);animation:pbFoil 5s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes pbFoil{0%,to{transform:translate(-120%) skew(-12deg)}50%{transform:translate(280%) skew(-12deg)}}.pb-top{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:5;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pb-set{font-size:.6rem;font-weight:var(--font-extrabold);letter-spacing:.25em;color:#ffffffe6;text-transform:uppercase}.pb-year{font-size:.55rem;color:#fff6;font-weight:var(--font-bold)}.pb-art{position:absolute;top:32px;left:0;right:0;bottom:72px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pb-art svg{width:90%;height:90%}.pb-mid{position:absolute;bottom:44px;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;background:#0006;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);z-index:5}.pb-element{font-size:.62rem;font-weight:var(--font-bold);letter-spacing:.18em;text-transform:uppercase;opacity:.85}.pb-bot{position:absolute;bottom:0;left:0;right:0;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0009;z-index:5}.pb-name{font-size:.78rem;font-weight:var(--font-extrabold);letter-spacing:.04em;color:#fff}.pb-count{font-size:.52rem;letter-spacing:.2em;color:#ffffff73;text-transform:uppercase}.pb-dragon{background:radial-gradient(ellipse at 50% 30%,#5a0000,#2d0000 40%,#0d0000);border-color:#ef4444;box-shadow:0 0 25px #ef444473,0 0 60px #ef444426}.pb-dragon .pb-element{color:#ff6b6b}.pb-dragon .pb-mid{border-color:#ef44444d}.pb-demon{background:radial-gradient(ellipse at 50% 30%,#3d0066,#1a0033 40%,#080010);border-color:#a855f7;box-shadow:0 0 25px #a855f773,0 0 60px #a855f726}.pb-demon .pb-element{color:#c084fc}.pb-demon .pb-mid{border-color:#a855f74d}.pb-boss{background:radial-gradient(ellipse at 50% 30%,#5a2000,#2d1000 40%,#0d0500);border-color:#f97316;box-shadow:0 0 25px #f9731673,0 0 60px #f9731626}.pb-boss .pb-element{color:#fb923c}.pb-boss .pb-mid{border-color:#f973164d}.pb-arcane{background:radial-gradient(ellipse at 50% 30%,#001a40,#000d2a 40%,#000509);border-color:#3b82f6;box-shadow:0 0 25px #3b82f673,0 0 60px #3b82f626}.pb-arcane .pb-element{color:#60a5fa}.pb-arcane .pb-mid{border-color:#3b82f64d}.pb-info{width:100%;background:var(--glass-bg-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-hi);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);text-align:center;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;flex:1}.pb-info-name{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.pb-info-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:var(--leading-relaxed);flex:1}.pb-info-cost{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-warning);margin-bottom:var(--space-3)}.pb-slots{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-4)}.pb-slot-row{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.pb-slot-num{color:var(--color-text-muted);font-weight:var(--font-bold);letter-spacing:.05em}.pb-slot-label{color:var(--color-text-secondary)}.pb-open-btn{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);letter-spacing:.03em}.pb-open-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.pb-open-btn:active{transform:translateY(0)}.pb-open-btn--guest{display:block;text-align:center;text-decoration:none;background:#ffffff0f;border:1px dashed rgba(255,255,255,.2);color:var(--color-text-secondary);cursor:pointer}.pb-open-btn--guest:hover{background:#ffffff1a;color:var(--color-text-primary);filter:none;transform:none}.pb-open-btn-dragon{background:linear-gradient(135deg,#dc2626,#ff4500);color:#fff;box-shadow:0 4px 14px #ef444466}.pb-open-btn-demon{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 14px #a855f766}.pb-open-btn-boss{background:linear-gradient(135deg,#c2410c,#f97316);color:#fff;box-shadow:0 4px 14px #f9731666}.pb-open-btn-arcane{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 4px 14px #3b82f666}.pb-rarity-info{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.pb-rarity-title{font-size:.58rem;font-weight:var(--font-extrabold);letter-spacing:.12em;color:var(--color-text-muted);text-transform:uppercase}.pb-rarity-list{display:flex;flex-direction:column;gap:3px}.pb-rarity-row{display:flex;align-items:center;gap:7px;padding:2px 0}.pb-rarity-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pb-rarity-label{flex:1;font-size:.65rem;color:var(--color-text-secondary)}.pb-rarity-pct{font-size:.65rem;font-weight:var(--font-bold);color:var(--color-text);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.pb-rc-bonus{display:flex;align-items:center;gap:7px;background:#f0a83012;border:1px solid rgba(240,168,48,.28);border-radius:var(--radius-lg);padding:5px 10px;font-size:.68rem;color:var(--color-text-secondary);margin-top:2px}.pb-rc-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.pb-rc-bonus strong{color:#f0a830}.pb-pack-footer{font-size:.58rem;color:var(--color-text-muted);text-align:center;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.packs-showcase{grid-template-columns:repeat(5,1fr)!important;gap:var(--space-5)!important}.pb-wrap-vocation{max-width:240px}.pb-image-wrap{width:100%;aspect-ratio:3 / 4.5;border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:2.5px solid rgba(255,255,255,.15);box-shadow:0 6px 28px #0000008c,inset 0 0 0 1px #0009;transition:transform .35s var(--ease-spring),box-shadow .35s ease;background:#060310}.pb-knight{background:linear-gradient(to bottom,#8a44e8,#5018b8);border-color:#a864ffd9}.pb-paladin{background:linear-gradient(to bottom,#52b4f4,#1866a0);border-color:#6ec3ffd9}.pb-sorcerer{background:linear-gradient(to bottom,#ec74fc,#961ab8);border-color:#eb73ffd9}.pb-druid{background:linear-gradient(to bottom,#58d898,#18885a);border-color:#6ee1a5d9}.pb-monk{background:linear-gradient(to bottom,#ffc84a,#a06410);border-color:#ffd764d9}.pb-image-wrap:hover{transform:translateY(-10px) scale(1.02)}.pb-knight:hover{box-shadow:0 0 44px #7a30e599,0 24px 52px #000000a6}.pb-paladin:hover{box-shadow:0 0 44px #3b9bdd99,0 24px 52px #000000a6}.pb-sorcerer:hover{box-shadow:0 0 44px #db50eb99,0 24px 52px #000000a6}.pb-druid:hover{box-shadow:0 0 44px #3bbf7a99,0 24px 52px #000000a6}.pb-monk:hover{box-shadow:0 0 44px #f0a83099,0 24px 52px #000000a6}.pb-tear{flex-shrink:0;height:7px;background:repeating-linear-gradient(-45deg,#ffffff38,#ffffff38 2px,#0000008c 2px,#0000008c 5px)}.pb-brand{flex-shrink:0;padding:7px 12px 5px;text-align:center;background:#0000006b;border-bottom:1px solid rgba(255,255,255,.07)}.pb-brand-game{display:block;font-size:.42rem;font-weight:800;letter-spacing:.35em;color:#ffffff61;text-transform:uppercase}.pb-brand-season{display:block;font-size:.72rem;font-weight:900;letter-spacing:.2em;color:#fff;text-transform:uppercase;margin-top:1px}.pb-art-zone{flex:1;min-height:0;position:relative;overflow:hidden}.pb-rays{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:repeating-conic-gradient(from 0deg at 50% 55%,rgba(255,255,255,.08) 0deg 5deg,transparent 5deg 18deg);opacity:.08}.pb-knight .pb-glow,.pb-paladin .pb-glow,.pb-sorcerer .pb-glow,.pb-druid .pb-glow,.pb-monk .pb-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 50% at 50% 52%,rgba(255,255,255,.22) 0%,transparent 68%)}.pb-outfit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(3);transform-origin:center center;width:auto;height:auto;max-width:30%;max-height:30%;z-index:2;image-rendering:pixelated;image-rendering:crisp-edges;transition:opacity .3s ease}.pb-voc-band{flex-shrink:0;padding:7px 10px;text-align:center;font-size:.76rem;font-weight:900;letter-spacing:.06em;color:#fff;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.7);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,0,0,.35)}.pb-knight .pb-voc-band{background:linear-gradient(135deg,#7a30e5e0,#5a1eb499)}.pb-paladin .pb-voc-band{background:linear-gradient(135deg,#3b9bdde0,#1e64be99)}.pb-sorcerer .pb-voc-band{background:linear-gradient(135deg,#db50ebe0,#aa28c899)}.pb-druid .pb-voc-band{background:linear-gradient(135deg,#3bbf7ae0,#1e965099)}.pb-monk .pb-voc-band{background:linear-gradient(135deg,#f0a830e0,#c8781499)}.pb-booster-footer{flex-shrink:0;padding:5px 10px 6px;text-align:center;background:#00000080}.pb-booster-badge{font-size:.48rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;display:inline-block;padding:2px 9px;border-radius:3px}.pb-knight .pb-booster-badge{color:#7a30e5;border:1px solid rgba(122,48,229,.5)}.pb-paladin .pb-booster-badge{color:#3b9bdd;border:1px solid rgba(59,155,221,.5)}.pb-sorcerer .pb-booster-badge{color:#db50eb;border:1px solid rgba(219,80,235,.5)}.pb-druid .pb-booster-badge{color:#3bbf7a;border:1px solid rgba(59,191,122,.5)}.pb-monk .pb-booster-badge{color:#f0a830;border:1px solid rgba(240,168,48,.5)}.pb-vocation-tag{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-1)}.pb-open-btn{background:var(--btn-color, var(--accent));color:#fff}.ceremony-pack-image{width:200px;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0009}@media (max-width: 1200px){.packs-showcase{grid-template-columns:repeat(3,1fr)!important}.pb-wrap-vocation{max-width:100%}}@media (max-width: 768px){.packs-showcase{grid-template-columns:repeat(2,1fr)!important}}.packs-history{border-top:1px solid var(--color-border);padding-top:var(--space-8);margin-top:var(--space-4)}.packs-history-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm)}.history-pack-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.history-pack-name{font-weight:var(--font-semibold);flex:1}.history-cards-preview{display:flex;gap:var(--space-2)}.history-rarity-pip{width:8px;height:8px;border-radius:50%}.rarity-pip-COMMON{background:var(--rarity-common)}.rarity-pip-UNCOMMON{background:var(--rarity-uncommon)}.rarity-pip-SEMI_RARE{background:var(--rarity-semi-rare)}.rarity-pip-RARE{background:var(--rarity-rare)}.rarity-pip-EPIC{background:var(--rarity-epic)}.rarity-pip-LEGENDARY{background:var(--rarity-legendary);box-shadow:0 0 4px var(--rarity-legendary)}.history-time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.history-empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.pack-ceremony{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#140a28fa,#030308fc);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-8);animation:ceremonyIn .25s ease}@keyframes ceremonyIn{0%{opacity:0}to{opacity:1}}.ceremony-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.burst-particle{position:absolute;top:50%;left:50%;width:var(--sz);height:var(--sz);border-radius:50%;background:var(--clr);opacity:0;transform:translate(-50%,-50%);animation:particleBurst var(--dur) var(--delay) ease-out forwards}@keyframes particleBurst{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(0);opacity:0}}.ceremony-pack{position:relative;animation:packEnter .7s var(--ease-spring) both}@keyframes packEnter{0%{transform:translateY(80px) scale(.7);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ceremony-pack .pb{cursor:default;transform:none}.ceremony-ring{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:24px;border:2px solid var(--pack-color, rgba(255,255,255,.2));opacity:0;animation:ringPulse 1.2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.06);opacity:.7}}.ceremony-pack.shaking .pb{animation:ceremonyShake .08s ease-in-out infinite}@keyframes ceremonyShake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.04)}75%{transform:rotate(5deg) scale(1.04)}}.ceremony-pack.bursting{animation:packBurst .4s ease-in forwards}@keyframes packBurst{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(0) rotate(15deg);opacity:0}}.ceremony-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;animation:screenFlash .35s ease forwards}@keyframes screenFlash{0%{opacity:0}20%{opacity:.25}to{opacity:0}}.ceremony-status{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;min-height:1.5em;text-align:center;animation:statusPulse 1.5s ease-in-out infinite}.ceremony-status.done{animation:none;opacity:0}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}.reveal-scene{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);animation:revealSceneIn .4s ease both}@keyframes revealSceneIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reveal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:center}.reveal-cards{display:flex;gap:var(--space-5);perspective:1200px}.rev-card{width:155px;height:215px;opacity:0;transform:rotateY(90deg) scale(.6);transition:none;border-radius:var(--radius-2xl);position:relative;overflow:hidden;flex-shrink:0}.rev-card.visible{animation:cardRevealFlip .65s var(--ease-spring) both}@keyframes cardRevealFlip{0%{opacity:0;transform:rotateY(90deg) scale(.6) translateY(30px)}60%{opacity:1;transform:rotateY(-8deg) scale(1.08) translateY(-5px)}to{opacity:1;transform:rotateY(0) scale(1) translateY(0)}}.rev-card-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--glass-bg-card);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);position:relative;overflow:hidden}.rev-card-art{flex:1;min-height:0;position:relative;overflow:hidden;background:#080612eb}.rev-card-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:center;width:auto;height:auto;max-width:48%;max-height:48%;z-index:1;image-rendering:pixelated;image-rendering:crisp-edges;transition:opacity .25s ease}.rev-card-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e1437e6,#080610f7)}.rev-card-footer{flex-shrink:0;padding:6px var(--space-3) 7px;background:#0000008c;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px}.rev-card-footer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.rev-card-qty{font-size:.55rem;color:#ffffff59;flex-shrink:0}.rev-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.rev-card.r-COMMON .rev-card-inner{border:2px solid rgba(156,163,175,.3)}.rev-card.r-COMMON .rev-card-inner:before{background:var(--rarity-common)}.rev-card.r-UNCOMMON .rev-card-inner{border:2px solid rgba(34,197,94,.3)}.rev-card.r-UNCOMMON .rev-card-inner:before{background:var(--rarity-uncommon)}.rev-card.r-SEMI_RARE .rev-card-inner{border:2px solid rgba(59,130,246,.35)}.rev-card.r-SEMI_RARE .rev-card-inner:before{background:var(--rarity-semi-rare)}.rev-card.r-RARE{box-shadow:0 0 28px #a855f78c}.rev-card.r-RARE .rev-card-inner{border:2px solid rgba(168,85,247,.5)}.rev-card.r-RARE .rev-card-inner:before{background:var(--rarity-rare)}.rev-card.r-EPIC{box-shadow:0 0 35px #f9731699}.rev-card.r-EPIC .rev-card-inner{border:2px solid rgba(249,115,22,.6)}.rev-card.r-EPIC .rev-card-inner:before{background:var(--rarity-epic)}.rev-card.r-LEGENDARY{box-shadow:0 0 50px #fbbf24cc;animation:legendaryAura 1.5s ease-in-out infinite}.rev-card.r-LEGENDARY .rev-card-inner{border:2px solid rgba(251,191,36,.7);background:linear-gradient(145deg,#1e1405d9,#fbbf2417);box-shadow:inset 0 1px #ffdc6426}.rev-card.r-LEGENDARY .rev-card-inner:before{background:linear-gradient(90deg,var(--rarity-legendary),var(--rarity-epic),var(--rarity-legendary));background-size:200%;animation:shimmer 2s linear infinite}@keyframes legendaryAura{0%,to{box-shadow:0 0 40px #fbbf2499}50%{box-shadow:0 0 70px #fbbf24f2}}.rev-card-emoji{font-size:2.8rem}.rev-card-name{font-size:.65rem;font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rev-card-badge{font-size:.6rem;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full)}.badge-COMMON{background:#9ca3af26;color:var(--rarity-common)}.badge-UNCOMMON{background:#22c55e26;color:var(--rarity-uncommon)}.badge-SEMI_RARE{background:#3b82f626;color:var(--rarity-semi-rare)}.badge-RARE{background:#a855f726;color:var(--rarity-rare)}.badge-EPIC{background:#f9731626;color:var(--rarity-epic)}.badge-LEGENDARY{background:#fbbf2426;color:var(--rarity-legendary)}.badge-MYTHIC{background:#ff4d6d26;color:#ff4d6d}.rev-new-tag{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-success);color:#fff;font-size:.55rem;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em}.rev-rc-bonus-card{box-shadow:0 0 40px #f0c97aa6;animation:rcBonusAura 1.8s ease-in-out infinite}@keyframes rcBonusAura{0%,to{box-shadow:0 0 40px #f0c97aa6}50%{box-shadow:0 0 65px #f0c97ae6}}.rev-rc-bonus-inner{border:2px solid #f0c97a!important;background:linear-gradient(145deg,#140f03eb,#f0c97a14)!important;box-shadow:inset 0 1px #ffdc6433}.rev-rc-bonus-inner:before{background:linear-gradient(90deg,#f0c97a,#fbbf24,#f0c97a)!important;background-size:200%!important;animation:rcBonusShimmer 2s linear infinite!important}@keyframes rcBonusShimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.rev-rc-bonus-tag{position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);background:#f0c97a2e;color:#f0c97a;font-size:.5rem;font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(240,201,122,.35);white-space:nowrap}.rev-rc-bonus-art{display:flex;align-items:center;justify-content:center;background:transparent!important}.rev-rc-bonus-icon{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(240,201,122,.8))}.rev-rc-bonus-footer{border-top:1px solid rgba(240,201,122,.25)!important;background:#f0c97a0f!important}.rev-rc-bonus-value{color:#f0c97a!important;font-size:1.1rem!important;font-weight:var(--font-bold)!important}.rev-rc-bonus-label{font-size:.6rem;font-weight:var(--font-bold);color:#f0c97a;text-transform:uppercase;letter-spacing:.08em;padding:1px 6px;background:#f0c97a1f;border-radius:var(--radius-sm);border:1px solid rgba(240,201,122,.3)}@media (max-width: 640px){.rev-rc-bonus-icon{width:44px;height:44px}.rev-rc-bonus-value{font-size:.9rem!important}}.reveal-continue-btn{padding:var(--space-3) var(--space-10);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);letter-spacing:.03em;animation:fadeInUp .4s ease both}.reveal-continue-btn:hover{background:var(--accent-hi);transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legendary-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(251,191,36,.25) 0%,transparent 70%);pointer-events:none;opacity:0;animation:legendaryFlash 1.2s ease forwards;z-index:calc(var(--z-modal) + 1)}@keyframes legendaryFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@media (max-width: 900px){.packs-showcase{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (max-width: 560px){.packs-showcase{grid-template-columns:1fr;max-width:280px;margin:0 auto}.reveal-cards{gap:var(--space-3)}.rev-card{width:110px;height:155px}.rev-card-emoji{font-size:2rem}.packs-hero-title{font-size:var(--text-2xl)}}.pb-qty-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:var(--space-1)}.pb-qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.pb-qty-btn:hover{background:var(--pack-accent, #7c3aed);border-color:var(--pack-accent, #7c3aed);color:#fff}.pb-qty-val{font-size:var(--text-xl);font-weight:var(--font-extrabold);min-width:28px;text-align:center}.pb-qty-cost{font-size:var(--text-sm);color:#f0a830;font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-2)}.multi-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.multi-confirm-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);text-align:center;max-width:360px;width:90vw;display:flex;flex-direction:column;gap:var(--space-4);animation:multiModalIn .2s ease-out}@keyframes multiModalIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.multi-confirm-title{font-size:var(--text-xl);font-weight:var(--font-bold)}.multi-confirm-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.multi-confirm-btns{display:flex;gap:var(--space-3);justify-content:center}.multi-confirm-cancel{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-primary);transition:background .15s}.multi-confirm-cancel:hover{background:var(--color-bg-secondary)}.multi-confirm-ok{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);border:none;background:var(--btn-color, #7c3aed);color:#fff;font-weight:var(--font-bold);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-primary);transition:filter .15s}.multi-confirm-ok:hover{filter:brightness(1.12)}.multi-reveal-scene{gap:var(--space-5);padding:var(--space-5) var(--space-4);overflow-y:auto;max-height:96dvh;align-items:center}.multi-summary{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.multi-summary-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold)}.multi-summary-count{font-size:var(--text-sm);color:var(--color-text-muted)}.multi-summary-highlights{font-size:var(--text-sm);font-weight:var(--font-bold);color:#f0a830}.multi-summary-rc{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--text-lg);font-weight:var(--font-extrabold);color:#f0a830}.multi-summary-rc .rc-icon{width:22px;height:22px;object-fit:contain}.multi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;width:100%;max-width:700px}.multi-cell{border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.1);background:var(--color-bg-secondary);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.multi-cell-art{width:56px;height:56px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.multi-cell-img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain;position:absolute;transition:opacity .2s}.multi-cell-emoji{font-size:1.8rem}.multi-cell-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.multi-cell-name{font-size:.58rem;font-weight:var(--font-bold);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-cell-rarity{font-size:.5rem;font-weight:var(--font-extrabold);letter-spacing:.06em;text-transform:uppercase}.multi-cell-new-tag{font-size:.5rem;font-weight:var(--font-extrabold);color:#22c55e;letter-spacing:.08em}.multi-cell-qty{font-size:.55rem;color:var(--color-text-muted)}.multi-cell-rc{background:#f0a8301a;border-color:#f0a83059;justify-content:center;gap:6px;min-height:90px}.multi-rc-img{width:30px;height:30px;object-fit:contain}.multi-rc-val{font-size:.65rem;font-weight:var(--font-extrabold);color:#f0a830;text-align:center}.multi-cell.r-COMMON{border-color:#94a3b840}.multi-cell.r-UNCOMMON{border-color:#3bbf7a66;background:#0d201699}.multi-cell.r-SEMI_RARE{border-color:#3b9bdd66;background:#0d1a3499}.multi-cell.r-RARE{border-color:#7a30e580;background:#190d3899}.multi-cell.r-EPIC{border-color:#db50eb80;background:#230d3099}.multi-cell.r-LEGENDARY{border-color:#f0a83099;background:#23160099}.multi-cell.r-MYTHIC{border-color:#ff4d6da6;background:#23090999}.forge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.forge-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.forge-dust-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,#7a30e538,#4a25774d);border:1px solid rgba(122,48,229,.35);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary-300);letter-spacing:.03em}.forge-dust-badge .dust-icon{font-size:1.1em;opacity:.9}.forge-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.forge-tab{padding:var(--space-2) var(--space-5);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:all var(--duration-normal) var(--ease-smooth);position:relative}.forge-tab.active{color:var(--color-primary-400);background:#8b5cf61a}.forge-tab.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.forge-tab:hover:not(.active){color:var(--color-text-primary);background:#ffffff08}.forge-bulk-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.forge-bulk-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.forge-bulk-info strong{color:var(--color-primary-300)}.btn-disenchant-all{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--duration-normal)}.btn-disenchant-all:hover{opacity:.85}.btn-disenchant-all:disabled{opacity:.4;cursor:not-allowed}.forge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.forge-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.forge-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.forge-card-visual{position:relative;aspect-ratio:3/4;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden}.forge-card-visual img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:center;width:auto;height:auto;max-width:46%;max-height:46%;image-rendering:pixelated;image-rendering:crisp-edges}.forge-card-visual.card-silhouette img,.forge-card-visual.card-silhouette .forge-emoji{filter:brightness(0) opacity(.25)}.forge-card-visual.card-silhouette:after{content:"?";position:absolute;font-size:2.5rem;font-weight:var(--font-black);color:#fff3;pointer-events:none}.forge-qty-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 7px;border-radius:var(--radius-full);line-height:1.4}.forge-rarity-stripe{position:absolute;bottom:0;left:0;right:0;height:3px}.forge-rarity-stripe.rarity-COMMON{background:var(--rarity-common)}.forge-rarity-stripe.rarity-UNCOMMON{background:var(--rarity-uncommon)}.forge-rarity-stripe.rarity-SEMI_RARE{background:var(--rarity-semi-rare)}.forge-rarity-stripe.rarity-RARE{background:var(--rarity-rare)}.forge-rarity-stripe.rarity-EPIC{background:var(--rarity-epic)}.forge-rarity-stripe.rarity-LEGENDARY{background:var(--rarity-legendary)}.forge-rarity-stripe.rarity-MYTHIC{background:var(--rarity-mythic)}.forge-card-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.forge-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.forge-card-rarity{font-size:var(--text-xs);color:var(--color-text-secondary)}.forge-card-action{margin-top:auto}.btn-disenchant{width:100%;padding:var(--space-2) var(--space-3);background:#7a30e526;border:1px solid rgba(122,48,229,.3);border-radius:var(--radius-lg);color:var(--color-primary-300);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-normal);text-align:center;line-height:1.35}.btn-disenchant:hover{background:#7a30e547;border-color:#7a30e58c;color:#fff}.btn-craft{width:100%;padding:var(--space-2) var(--space-3);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:opacity var(--duration-normal);text-align:center;line-height:1.35}.btn-craft:hover{opacity:.85}.btn-craft.insufficient{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed;border:1px solid var(--color-border)}.btn-craft.insufficient:hover{opacity:1}.forge-mythic-label{width:100%;padding:var(--space-2) var(--space-3);background:#ff4d6d14;border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-lg);color:var(--rarity-mythic);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;opacity:.75}.forge-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);color:var(--color-text-muted);text-align:center}.forge-empty-icon{font-size:3rem}.forge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-smooth)}.forge-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-active);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:420px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp var(--duration-normal) var(--ease-smooth)}.forge-modal h3{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.forge-modal p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.forge-modal p strong{color:var(--color-primary-300)}.forge-modal-actions{display:flex;gap:var(--space-3)}.btn-modal-confirm{flex:1;padding:var(--space-3);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--duration-normal)}.btn-modal-confirm:hover{opacity:.85}.btn-modal-cancel{flex:1;padding:var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-normal)}.btn-modal-cancel:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.forge-skeleton{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.forge-skeleton .skeleton-visual{aspect-ratio:3/4}.forge-skeleton .skeleton-line{height:14px;margin:var(--space-3);border-radius:var(--radius-sm)}@media (max-width: 480px){.forge-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}}body.route-wiki .main-layout{max-width:none;padding-left:0;padding-right:0;padding-bottom:0}.wiki-page{--wk-bg-0:#1b181b;--wk-bg-1:#241f2b;--wk-panel:#2e2842;--wk-panel-2:#372f4e;--wk-line:#3a2d52;--wk-roxo:#7a30e5;--wk-roxo-2:#5b34a0;--wk-roxo-soft:#9a6cf0;--wk-gold:#d8b26b;--wk-gold-2:#f0c97a;--wk-gold-deep:#b07e49;--wk-txt:#efe9f5;--wk-txt-dim:#b3a7c7;--wk-txt-faint:#7d7194;--wk-green:#7fe39a;font-family:"Baloo 2",system-ui,sans-serif;color:var(--wk-txt);background:var(--color-bg-secondary);min-height:calc(100vh - var(--header-height) - var(--banner-height));display:flex}.wiki-layout{display:grid;grid-template-columns:248px 1fr;flex:1;min-height:0;width:100%}.wiki-side{border-right:1px solid var(--wk-line);padding:24px 14px}.wiki-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;margin-bottom:4px;padding:0 8px}.wiki-brand .wiki-b{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--wk-line)}.wiki-sub{font-size:11.5px;color:var(--wk-txt-faint);padding:0 8px;margin-bottom:20px}.wiki-navg{display:flex;flex-direction:column;gap:2px}.wiki-navg button{font-family:inherit;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--wk-txt-dim);font-weight:600;font-size:14px;padding:9px 12px;border-radius:9px;display:flex;align-items:center;gap:9px;transition:all .12s;width:100%}.wiki-navg button:hover{background:var(--wk-panel)}.wiki-navg button.on{background:linear-gradient(90deg,#7a30e538,#7a30e50d);color:#fff;border-left:2px solid var(--wk-roxo-soft)}.wiki-navg button .wiki-ic{font-size:16px;width:20px;text-align:center}.wiki-content{padding:34px 40px 70px;max-width:760px}.wiki-topic{display:none;animation:wikiFade .25s}.wiki-topic.show{display:block}@keyframes wikiFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wiki-topic h1{font-size:27px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:11px}.wiki-topic h1 .wiki-em{font-size:30px}.wiki-lead{font-size:15px;color:var(--wk-txt-dim);line-height:1.6;margin-bottom:22px}.wiki-topic h2{font-size:17px;font-weight:800;margin:24px 0 10px;color:var(--wk-gold-2)}.wiki-topic p{font-size:14.5px;line-height:1.7;color:var(--wk-txt);margin-bottom:12px}.wiki-topic strong{color:#fff;font-weight:700}.wiki-topic .wiki-rc{color:var(--wk-gold-2);font-weight:700;white-space:nowrap}.wiki-box{border:1px solid var(--wk-line);border-radius:12px;background:var(--wk-panel);padding:14px 16px;margin:14px 0}.wiki-box.wiki-tip{border-color:#7fe39a4d;background:#7fe39a0f}.wiki-box.wiki-warn{border-color:#d8b26b59;background:#d8b26b0f}.wiki-box.wiki-ok{border-color:#34d39966;background:#34d39914}.wiki-box.wiki-no{border-color:#f8717166;background:#f8717114}.wiki-box .wiki-bt{font-weight:800;font-size:13px;margin-bottom:5px;display:flex;align-items:center;gap:6px}.wiki-box.wiki-tip .wiki-bt{color:var(--wk-green)}.wiki-box.wiki-warn .wiki-bt{color:var(--wk-gold-2)}.wiki-box.wiki-ok .wiki-bt{color:#34d399}.wiki-box.wiki-no .wiki-bt{color:#f87171}.wiki-box p{font-size:13.5px;margin-bottom:0;color:var(--wk-txt-dim)}.wiki-keyline{font-size:14px;margin:14px 0;padding:10px 14px;border-left:0;border-radius:10px;background:#917cc71a;color:var(--wk-txt)}.wiki-keyline strong{color:#f0c97a}.wiki-steps{counter-reset:s;margin:14px 0}.wiki-steps li{list-style:none;position:relative;padding:8px 0 8px 38px;font-size:14px;color:var(--wk-txt);border-bottom:1px solid rgba(58,45,82,.4)}.wiki-steps li:last-child{border-bottom:none}.wiki-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:7px;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,var(--wk-roxo),var(--wk-roxo-2));color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.wiki-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.wiki-chip{font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;border:1px solid var(--wk-line);background:var(--wk-bg-0)}.wiki-chip.wiki-c{color:#b3a7c7}.wiki-chip.wiki-u{color:#7fe39a;border-color:#7fe39a4d}.wiki-chip.wiki-r{color:#6ca6f0;border-color:#6ca6f04d}.wiki-chip.wiki-e{color:#c77af0;border-color:#c77af04d}.wiki-chip.wiki-l{color:var(--wk-gold-2);border-color:#d8b26b66}.wiki-chip.wiki-m{color:#f0746c;border-color:#f0746c66}.wiki-mult{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.wiki-mult .wiki-m{border:1px solid var(--wk-line);border-radius:11px;padding:13px;text-align:center;background:var(--wk-panel)}.wiki-mult .wiki-m .wiki-x{font-size:22px;font-weight:800;color:var(--wk-gold-2)}.wiki-mult .wiki-m .wiki-d{font-size:12px;color:var(--wk-txt-faint);margin-top:3px}.wiki-rc-ic{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:3px;object-fit:contain}.wiki-conq-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}.wiki-conq-card{border:1px solid var(--wk-line);border-radius:12px;background:var(--wk-panel);padding:13px 16px}.wiki-conq-h{font-weight:800;font-size:15px;margin-bottom:4px}.wiki-conq-d{font-size:13.5px;color:var(--wk-txt-dim);margin-bottom:8px;line-height:1.5}.wiki-conq-r{font-size:13px;font-weight:700;color:var(--wk-txt-dim);padding-top:8px;border-top:1px solid rgba(58,45,82,.5)}@media (max-width:820px){.wiki-layout{grid-template-columns:1fr}.wiki-side{border-right:none;border-bottom:1px solid var(--wk-line);display:flex;flex-direction:column}.wiki-navg{flex-direction:row;flex-wrap:wrap}.wiki-navg button{width:auto;font-size:13px;padding:7px 10px}.wiki-navg button .wiki-ic{display:none}.wiki-content{padding:24px 20px 50px}}.site-footer,.site-footer *{font-family:"Baloo 2",sans-serif;box-sizing:border-box}.site-footer{background:var(--color-bg-secondary);border-top:1px solid rgba(216,178,107,.18);padding:36px 24px 24px;color:#c9bce0}.site-footer .footer-inner{max-width:1180px;margin:0 auto}.site-footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.site-footer .footer-brand{max-width:280px}.site-footer .footer-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.site-footer .footer-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #d8b26b}.site-footer .footer-brand-name{font-size:22px;font-weight:700;color:#f0c97a;line-height:1}.site-footer .footer-tagline{font-size:14px;color:#9a8bc0;line-height:1.5}.site-footer .footer-col h4{font-size:13px;font-weight:600;color:#d8b26b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.site-footer .footer-col a{display:block;color:#c9bce0;text-decoration:none;font-size:14px;padding:5px 0;transition:color .15s}.site-footer .footer-col a:hover{color:#f0c97a}.site-footer .footer-social{display:flex;gap:10px;margin-top:4px}.site-footer .social-btn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#7a30e51f;border:1px solid rgba(122,48,229,.3);transition:all .18s;text-decoration:none}.site-footer .social-btn:hover{transform:translateY(-3px);background:#7a30e540;border-color:#7a30e5}.site-footer .social-btn svg{width:20px;height:20px}.site-footer .footer-partner{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 18px;border-radius:14px;background:linear-gradient(90deg,#d8b26b1f,#d8b26b0a);border:1px solid rgba(216,178,107,.25)}.site-footer .partner-badge{width:38px;height:38px;border-radius:10px;object-fit:cover;flex-shrink:0;display:block}.site-footer .partner-text{flex:1;font-size:13.5px;color:#c9bce0;line-height:1.4}.site-footer .partner-text b{color:#f0c97a}.site-footer .partner-text .cupom{background:#d8b26b33;color:#f0c97a;padding:1px 7px;border-radius:5px;font-weight:600;font-size:12.5px}.site-footer .partner-cta{background:#d8b26b;color:#2d1b4e;font-weight:600;font-size:13px;padding:8px 16px;border-radius:9px;text-decoration:none;white-space:nowrap;transition:background .15s}.site-footer .partner-cta:hover{background:#f0c97a}.site-footer .footer-rule{margin-top:22px;padding-top:16px;border-top:1px solid rgba(122,48,229,.15);font-size:12.5px;color:#9a8bc0;text-align:center;line-height:1.5}.site-footer .footer-rule a{color:#f0c97a;text-decoration:none;font-weight:600;white-space:nowrap}.site-footer .footer-rule a:hover{text-decoration:underline}.site-footer .footer-bottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(122,48,229,.15);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.site-footer .footer-copy{font-size:12.5px;color:#7a6b9c}.site-footer .footer-copy b{color:#9a8bc0}@media (max-width: 720px){.site-footer .footer-top{flex-direction:column;gap:28px}.site-footer .footer-bottom,.site-footer .footer-partner{flex-direction:column;text-align:center}}