:root{--color-primary-50: #fffbf0;--color-primary-100: #fef7e0;--color-primary-200: #fdefc1;--color-primary-300: #fbe7a2;--color-primary-400: #f9de83;--color-primary-500: #daa520;--color-primary-600: #c69320;--color-primary-700: #b38120;--color-primary-800: #9f6f20;--color-primary-900: #8b5d20;--color-secondary-50: #f5f0eb;--color-secondary-100: #e8ddd1;--color-secondary-200: #d1baa3;--color-secondary-300: #ba9775;--color-secondary-400: #a37447;--color-secondary-500: #8b4513;--color-secondary-600: #7d3e11;--color-secondary-700: #6f370f;--color-secondary-800: #61300d;--color-secondary-900: #53290b;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #eeeeee;--color-neutral-300: #e0e0e0;--color-neutral-400: #bdbdbd;--color-neutral-500: #9e9e9e;--color-neutral-600: #757575;--color-neutral-700: #616161;--color-neutral-800: #424242;--color-neutral-900: #212121;--color-neutral-950: #0a0a0a;--color-success: #2e7d32;--color-warning: #ed6c02;--color-error: #d32f2f;--color-info: #0288d1;--bg-primary: linear-gradient(135deg, rgba(0, 0, 0, .95) 0%, rgba(139, 69, 19, .1) 100%);--bg-secondary: linear-gradient(135deg, rgba(139, 69, 19, .3) 0%, rgba(0, 0, 0, .3) 100%);--bg-card: linear-gradient(135deg, rgba(0, 0, 0, .8) 0%, rgba(139, 69, 19, .1) 100%);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-primary: "Cinzel", serif;--font-secondary: "Inter", sans-serif;--font-mono: "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--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-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-gold-sm: 0 2px 8px rgba(218, 165, 32, .15);--shadow-gold-md: 0 4px 12px rgba(218, 165, 32, .25);--shadow-gold-lg: 0 8px 24px rgba(218, 165, 32, .35);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}.text-primary{color:var(--color-primary-500)}.text-secondary{color:var(--color-secondary-500)}.text-muted{color:var(--color-neutral-500)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-card{background:var(--bg-card)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-gold{box-shadow:var(--shadow-gold-md)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}:root{--gold-primary: #F5A623;--gold-hover: #FFB838;--gold-dark: #D4911C;--red-deep: #B71C1C;--red-hover: #D32F2F;--red-dark: #8B0000;--steel-gray: #2C2C2C;--charcoal-black: #0F0F1E;--darker-black: #080810;--bronze: #8C6239;--bronze-light: #A47A52;--bronze-dark: #6B4B2C;--iron-gray: #404040;--parchment: #F4E9D9;--leather: #3E2723;--blood: #660000;--text-primary: #F4E9D9;--text-secondary: #C9B897;--text-muted: #8B7355;--glow-gold: 0 0 20px rgba(245, 166, 35, .6);--glow-red: 0 0 20px rgba(183, 28, 28, .6);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .8);--shadow-metallic: 0 2px 10px rgba(140, 98, 57, .4);--gradient-gold: linear-gradient(135deg, #D4911C 0%, #F5A623 50%, #FFB838 100%);--gradient-iron: linear-gradient(135deg, #2C2C2C 0%, #404040 50%, #585858 100%);--gradient-bronze: linear-gradient(135deg, #6B4B2C 0%, #8C6239 50%, #A47A52 100%);--texture-leather: repeating-linear-gradient( 90deg, transparent, transparent 2px, rgba(0, 0, 0, .1) 2px, rgba(0, 0, 0, .1) 4px );--texture-parchment: radial-gradient( circle at 20% 80%, transparent 50%, rgba(140, 98, 57, .1) 50% )}.dark-theme{--bg-primary: var(--charcoal-black);--bg-secondary: var(--steel-gray);--bg-card: rgba(44, 44, 44, .9)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0f0f1ed9,#080810e6,#0f0f1ed9),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(62,39,35,.03) 10px,rgba(62,39,35,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(107,75,44,.02) 10px,rgba(107,75,44,.02) 20px),url(/new/site-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:blur(3px);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(140,98,57,.05) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(107,75,44,.04) 0%,transparent 35%),radial-gradient(circle at 85% 20%,rgba(62,39,35,.06) 0%,transparent 30%),radial-gradient(circle at 10% 80%,rgba(102,0,0,.03) 0%,transparent 25%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="parchment"><feTurbulence type="fractalNoise" baseFrequency="0.02" numOctaves="5" result="turbulence"/><feColorMatrix in="turbulence" type="saturate" values="0"/><feComponentTransfer><feFuncA type="discrete" tableValues="0 .1 .1 .2 .2 .3 .3 .4 .5 .6 .7 .8 .9 1"/></feComponentTransfer><feColorMatrix values="0 0 0 0 0.33 0 0 0 0 0.23 0 0 0 0 0.14 0 0 0 0.15 0"/></filter><rect width="200" height="200" filter="url(%23parchment)"/></svg>');opacity:.4;pointer-events:none;z-index:-1;mix-blend-mode:multiply}::-webkit-scrollbar{width:12px;background:var(--charcoal-black)}::-webkit-scrollbar-track{background:linear-gradient(90deg,var(--charcoal-black) 0%,var(--steel-gray) 50%,var(--charcoal-black) 100%);border:1px solid var(--bronze-dark)}::-webkit-scrollbar-thumb{background:var(--gradient-bronze);border-radius:2px;border:1px solid var(--gold-dark)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:Cinzel,Georgia,serif;text-decoration:none;background:linear-gradient(135deg,var(--steel-gray) 0%,var(--iron-gray) 50%,var(--steel-gray) 100%);color:var(--text-primary);border:2px solid var(--bronze-dark);box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #00000080,0 4px 8px #000000b3}.btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .5s ease;opacity:0}.btn:hover:before{animation:shine .5s ease-in-out;opacity:1}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px 6px #fff3,inset 0 -2px 6px #0009,0 6px 16px #000c,0 0 20px #f5a6234d}.btn-primary{background:var(--gradient-gold);color:var(--charcoal-black);border:2px solid var(--gold-dark);font-weight:700;box-shadow:inset 0 2px 8px #fff6,inset 0 -2px 8px #d4911c99,0 4px 12px #f5a62366,0 0 20px #f5a62333;position:relative}.btn-primary:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:2px;pointer-events:none;opacity:.7}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-hover) 0%,var(--gold-primary) 50%,var(--gold-hover) 100%);transform:translateY(-2px) scale(1.02);box-shadow:inset 0 2px 10px #ffffff80,inset 0 -2px 10px #d4911cb3,0 8px 20px #f5a62399,0 0 40px #f5a623cc}.btn-secondary{background:linear-gradient(135deg,var(--red-deep) 0%,var(--red-hover) 50%,var(--red-deep) 100%);color:var(--text-primary);border:2px solid var(--red-dark);box-shadow:inset 0 2px 6px #ff64644d,inset 0 -2px 6px #8b000099,0 4px 12px #b71c1c66}.btn-secondary:hover{background:linear-gradient(135deg,var(--red-hover) 0%,var(--red-deep) 50%,var(--red-hover) 100%);box-shadow:inset 0 2px 8px #ff646466,inset 0 -2px 8px #8b0000b3,0 6px 16px #b71c1c99,0 0 30px #b71c1c80}.btn-success{background:linear-gradient(135deg,#2e7d32,#388e3c,#2e7d32);color:var(--text-primary);border:2px solid #1B5E20;box-shadow:inset 0 2px 6px #64ff644d,inset 0 -2px 6px #1b5e2099,0 4px 12px #2e7d3266}.btn-success:hover{background:linear-gradient(135deg,#388e3c,#43a047,#388e3c);box-shadow:inset 0 2px 8px #64ff6466,inset 0 -2px 8px #1b5e20b3,0 6px 16px #2e7d3299,0 0 30px #2e7d3280}.btn-warning{background:var(--gradient-bronze);color:var(--text-primary);border:2px solid var(--bronze-dark);box-shadow:inset 0 2px 6px #a47a524d,inset 0 -2px 6px #6b4b2c99,0 4px 12px #8c623966}.btn-warning:hover{background:linear-gradient(135deg,var(--bronze-light) 0%,var(--bronze) 50%,var(--bronze-light) 100%);box-shadow:inset 0 2px 8px #a47a5266,inset 0 -2px 8px #6b4b2cb3,0 6px 16px #8c623999,0 0 30px #8c623980}.btn-danger{background:linear-gradient(135deg,var(--blood) 0%,var(--red-dark) 50%,var(--blood) 100%);color:var(--text-primary);border:2px solid var(--blood);box-shadow:inset 0 2px 6px #c832324d,inset 0 -2px 6px #6009,0 4px 12px #6006}.btn-danger:hover{background:linear-gradient(135deg,var(--red-dark) 0%,var(--blood) 50%,var(--red-dark) 100%);box-shadow:inset 0 2px 8px #c8323266,inset 0 -2px 8px #660000b3,0 6px 16px #6009,0 0 30px #66000080}.btn-ghost{background:transparent;color:var(--gold-primary);border:2px solid var(--iron-gray);box-shadow:none;position:relative}.btn-ghost:before{content:"";position:absolute;inset:0;background:var(--gradient-iron);opacity:0;transition:opacity .3s ease;border-radius:2px;z-index:-1}.btn-ghost:hover{color:var(--gold-hover);border-color:var(--gold-primary);box-shadow:0 0 20px #f5a62366,inset 0 0 20px #f5a6231a}.btn-ghost:hover:before{opacity:.2}.btn-sm{padding:.5rem 1rem;font-size:.85rem;letter-spacing:.5px}.btn-lg{padding:1rem 2rem;font-size:1.1rem;letter-spacing:1.5px;border-width:3px}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--iron-gray);border-color:var(--steel-gray);transform:none;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}.btn-loading{color:transparent;pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--gold-primary);border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.btn-group{display:inline-flex;border:2px solid var(--bronze-dark);border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0009}.btn-group .btn{border-radius:0;border:none;border-right:1px solid var(--bronze-dark);margin:0}.btn-group .btn:last-child{border-right:none}.btn-group .btn:hover{z-index:1}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%;background:radial-gradient(circle at center,var(--bronze-light) 0%,var(--bronze) 40%,var(--bronze-dark) 100%);border:3px solid var(--gold-dark);box-shadow:inset 0 2px 6px #a47a5266,inset 0 -2px 6px #6b4b2c99,0 4px 12px #0009}.btn-icon:hover{transform:rotate(5deg) scale(1.1);box-shadow:inset 0 2px 8px #f5a62366,inset 0 -2px 8px #6b4b2cb3,0 6px 20px #f5a62380,0 0 30px #f5a62399}.btn-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;padding:0;background:radial-gradient(circle at 30% 30%,var(--gold-hover) 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);border:3px solid var(--bronze);box-shadow:inset 0 2px 10px #fff6,inset 0 -2px 10px #d4911c99,0 8px 24px #f5a62380,0 0 40px #f5a6234d;z-index:100}.btn-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:inset 0 2px 12px #ffffff80,inset 0 -2px 12px #d4911cb3,0 12px 32px #f5a62399,0 0 60px #f5a623cc}.btn-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:inset 0 2px 8px #fff6,inset 0 -2px 8px #d4911c99,0 4px 12px #f5a62366,0 0 20px #f5a62333}50%{box-shadow:inset 0 2px 10px #ffffff80,inset 0 -2px 10px #d4911cb3,0 6px 20px #f5a62399,0 0 40px #f5a62399}}.card{position:relative;background:linear-gradient(135deg,#2c2c2cf2,#404040e6,#2c2c2cf2);border:2px solid var(--bronze);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 8px 24px #000c,inset 0 1px #a47a5233,inset 0 -1px #00000080;transition:all .3s ease}.card:before,.card:after{content:"";position:absolute;width:40px;height:40px;background:var(--gradient-bronze);clip-path:polygon(0 0,100% 0,0 100%);border:1px solid var(--gold-dark)}.card:before{top:-1px;left:-1px;box-shadow:2px 2px 4px #00000080}.card:after{bottom:-1px;right:-1px;transform:rotate(180deg);box-shadow:-2px -2px 4px #00000080}.card-ornate:before,.card-ornate:after{background:var(--gradient-gold);width:50px;height:50px}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #000000e6,0 0 40px #f5a62333,inset 0 1px #f5a6234d,inset 0 -1px #0009;border-color:var(--gold-primary)}.card-header{margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;background:linear-gradient(180deg,var(--steel-gray) 0%,var(--iron-gray) 100%);border-bottom:3px solid var(--bronze);position:relative;overflow:hidden}.card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-gold);opacity:.6}.card-header h2,.card-header h3,.card-header h4{margin:0;color:var(--gold-primary);text-transform:uppercase;letter-spacing:2px;font-family:Cinzel,Georgia,serif;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(245,166,35,.3)}.card-body{color:var(--text-secondary);line-height:1.8;position:relative}.card-footer{margin:1.5rem -1.5rem -1.5rem;padding:1rem 1.5rem;background:linear-gradient(180deg,var(--iron-gray) 0%,var(--steel-gray) 100%);border-top:2px solid var(--bronze-dark);display:flex;justify-content:space-between;align-items:center}.card-gold{background:linear-gradient(135deg,#d4911c1a,#f5a62326,#d4911c1a);border:3px solid var(--gold-primary);box-shadow:0 8px 24px #f5a6234d,0 0 40px #f5a62333,inset 0 1px #ffffff4d,inset 0 -1px #d4911c80}.card-gold .card-header{background:var(--gradient-gold);color:var(--charcoal-black)}.card-gold .card-header h2,.card-gold .card-header h3,.card-gold .card-header h4{color:var(--charcoal-black)}.card-silver{background:linear-gradient(135deg,#585858f2,#6c6c6ce6,#585858f2);border:2px solid var(--iron-gray)}.card-bronze{background:linear-gradient(135deg,#6b4b2c33,#8c623940,#6b4b2c33);border:3px solid var(--bronze);box-shadow:0 8px 24px #8c623966,inset 0 1px #a47a524d,inset 0 -1px #6b4b2c80}.card-blood{background:linear-gradient(135deg,#8b000026,#b71c1c33,#8b000026);border:2px solid var(--red-deep);box-shadow:0 8px 24px #b71c1c4d,inset 0 1px #ff646433,inset 0 -1px #8b000080}.info-card{padding-left:4rem;position:relative}.info-card-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--bronze-light) 0%,var(--bronze) 40%,var(--bronze-dark) 100%);border:2px solid var(--gold-dark);border-radius:50%;color:var(--gold-primary);font-size:1.5rem;box-shadow:inset 0 2px 4px #a47a5266,0 4px 8px #0009}.stat-card{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);position:relative;padding:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-primary-500);background:#daa5200d}.stat-card:before{display:none}.stat-card svg{width:20px;height:20px;color:var(--color-primary-500);opacity:.7;flex-shrink:0}.stat-card>div{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-100);font-family:Inter,sans-serif;display:block;margin:0;line-height:1}.stat-label{font-size:var(--text-xs);color:var(--color-neutral-400);text-transform:none;letter-spacing:.3px;font-weight:500}.card-list-item{padding:.75rem;border-bottom:1px solid var(--bronze-dark);transition:all .3s ease;position:relative}.card-list-item:hover{background:#f5a6231a;padding-left:1.25rem}.card-list-item:before{content:"▸";position:absolute;left:0;color:var(--gold-primary);opacity:0;transition:opacity .3s ease}.card-list-item:hover:before{opacity:1}.card-list-item:last-child{border-bottom:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}@keyframes cardShine{0%{background-position:-100% 0}to{background-position:200% 0}}.card-shiny{background-image:linear-gradient(105deg,transparent 40%,rgba(245,166,35,.2) 50%,transparent 60%);background-size:200% 100%;animation:cardShine 3s ease-in-out infinite}.card-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 8px 24px #000c,0 0 20px #f5a62333}to{box-shadow:0 8px 24px #000c,0 0 40px #f5a62399}}.card-sealed{position:relative}.card-seal{position:absolute;top:-20px;right:20px;width:60px;height:60px;background:radial-gradient(circle at center,var(--red-hover) 0%,var(--red-deep) 50%,var(--red-dark) 100%);border:3px solid var(--gold-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold-primary);box-shadow:0 4px 12px #000c,inset 0 2px 4px #ff64644d;transform:rotate(-5deg);z-index:10}.card-parchment{background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(140,98,57,.03) 2px,rgba(140,98,57,.03) 4px),linear-gradient(135deg,#2c2c2cf2,#404040e6,#2c2c2cf2)}body{margin:0;padding:0;min-width:320px;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;background:#0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,69,19,.3);z-index:1000;transition:all var(--transition-base)}.navbar.scrolled{background:#0009;border-bottom-color:#8b451380;box-shadow:0 4px 20px #00000080}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0;min-height:100px;max-width:100%;position:relative;gap:var(--spacing-4)}.navbar-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;flex-shrink:0;min-width:200px;padding:var(--spacing-2) 0}.system-dropdown-wrapper{position:relative;display:inline-block}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-2);justify-content:center;flex-wrap:nowrap;flex:1}.menu-item-wrapper{position:relative}.menu-item,.dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-neutral-200);text-decoration:none;background:#0003;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-secondary);font-weight:500;white-space:nowrap}.menu-item:hover,.dropdown-toggle:hover{color:var(--color-primary-500);background:#8b451326;border-color:#8b451380;transform:translateY(-1px)}.chevron{transition:transform var(--transition-base);color:var(--color-primary-500)}.chevron.rotate{transform:rotate(180deg)}.dropdown-wrapper{position:relative;display:flex;align-items:center}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-2));left:0;min-width:max-content;background:#000000f2;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 8px 20px #000c;z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-1) 0}.dropdown-item,button.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-neutral-300);text-decoration:none;transition:all var(--transition-base);background:transparent;width:100%;border:none;cursor:pointer;font-family:var(--font-secondary);font-size:var(--text-sm);text-align:left;white-space:nowrap}.dropdown-item:hover{background:#8b451326;color:var(--color-primary-500);padding-left:var(--spacing-4)}.countdown-time{font-weight:600;color:var(--color-primary-500);font-family:Inter,monospace;letter-spacing:.5px}.donate-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);margin-left:var(--spacing-2);background:#daa52026;color:var(--color-primary-500);border:1px solid var(--color-primary-500);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.donate-btn:hover{background:#daa52040;border-color:var(--color-primary-400);transform:translateY(-1px);box-shadow:0 4px 12px #daa5204d}.mobile-menu-toggle{display:none;background:transparent;border:1px solid rgba(139,69,19,.3);color:var(--color-primary-500);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-base)}.mobile-menu-toggle:hover{background:#8b451326;border-color:#8b451380}.user-info{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);margin-left:var(--spacing-2);background:#daa5201a;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-base)}.user-info:hover{background:#daa52026;border-color:#8b451380;transform:translateY(-1px)}.user-name{color:var(--color-primary-500);font-weight:500;font-size:var(--text-sm);white-space:nowrap}@media (max-width: 480px){.navbar{min-height:60px}.navbar-content{padding:var(--spacing-2) var(--spacing-2);min-height:50px}.navbar-left{gap:6px}.system-btn{padding:8px 14px;font-size:11px;gap:6px}.system-btn svg{width:16px;height:16px}.system-dropdown-menu{min-width:160px}.system-dropdown-item{padding:var(--spacing-2) var(--spacing-2);font-size:var(--text-xs)}.system-dropdown-item svg{width:16px;height:16px}.navbar-menu{top:60px;max-height:calc(100vh - 60px);overflow-y:auto}.navbar-menu.active{top:60px}.menu-item,.dropdown-toggle,.dropdown-item,button.dropdown-item{font-size:var(--text-xs);padding:var(--spacing-2) var(--spacing-2)}.donate-btn{padding:var(--spacing-2) var(--spacing-2);font-size:var(--text-xs)}.mobile-menu-toggle{padding:var(--spacing-1)}.user-info{padding:var(--spacing-1) var(--spacing-2)}.user-name{font-size:var(--text-xs)}}@media (max-width: 768px){.navbar-left{min-width:auto;gap:8px}.system-btn{padding:10px 18px;font-size:13px}.system-dropdown-menu{min-width:180px}.system-dropdown-item{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.navbar-menu{position:fixed;top:80px;left:0;right:0;background:#000000f2;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2);transform:translate(-100%);transition:transform var(--transition-base);border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3);box-shadow:0 10px 30px #000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar-menu.active{transform:translate(0)}.menu-item-wrapper{width:100%}.menu-item,.dropdown-toggle{width:100%;justify-content:flex-start}.dropdown-menu{position:static;width:100%;margin-top:var(--spacing-2);box-shadow:none;border:1px solid rgba(139,69,19,.3);background:#00000080}.server-save-countdown,.donate-btn{width:100%;margin:var(--spacing-2) 0 0 0;justify-content:center}.mobile-menu-toggle{display:block}}.online-counter-notch{position:absolute;left:50%;top:100%;transform:translate(-50%);background:#0009;border:1px solid rgba(139,69,19,.5);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--spacing-2) var(--spacing-4);box-shadow:0 6px 12px #00000080;display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;z-index:999;transition:all var(--transition-base)}.online-info,.server-save-info,.clean-map-info{display:flex;align-items:center;gap:var(--spacing-2)}.online-counter-notch .divider{width:1px;height:20px;background:#8b451380}.online-counter-notch svg{color:var(--color-primary-500)}.online-counter-notch span{font-family:Inter,monospace;letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.construction-modal{background:linear-gradient(135deg,#141414f2,#28190ff2);border:2px solid rgba(139,69,19,.5);border-radius:16px;padding:48px 40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #000c,0 0 40px #8b45134d;position:relative;overflow:hidden}.construction-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600),var(--color-primary-400));animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.construction-icon{font-size:80px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.construction-modal h2{color:var(--color-primary-400);font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 8px rgba(139,69,19,.5)}.construction-modal p{color:#fffc;font-size:18px;margin-bottom:32px;line-height:1.6}.close-modal-btn{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b451366;text-transform:uppercase;letter-spacing:1px}.close-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b451399;background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600))}.close-modal-btn:active{transform:translateY(0)}.attributes-btn-shine{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#f7931e,gold);background-size:200% 200%;border:2px solid rgba(255,215,0,.5);border-radius:10px;color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;box-shadow:0 4px 15px #ff6b3566,0 0 20px #ffd7004d;animation:shine 2s ease-in-out infinite,pulse 1.5s ease-in-out infinite;transition:all .3s ease;position:relative;overflow:hidden}.attributes-btn-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer-slide 3s infinite}@keyframes shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ff6b3566,0 0 20px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 6px 25px #ff6b3599,0 0 30px #ffd70080}}@keyframes shimmer-slide{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.attributes-btn-shine:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3599,0 0 35px #ffd70080}.attributes-btn-shine:active{transform:translateY(0)}.attributes-btn-shine svg{animation:sparkle 1.5s ease-in-out infinite}.system-btn{display:flex;align-items:center;gap:8px;padding-right:16px!important}.system-btn .chevron{margin-left:auto;color:#fff;animation:none!important}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}.system-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#000000f2;border:2px solid rgba(139,69,19,.5);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 30px #000000e6,0 0 20px #ffd70033;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-2) 0}.system-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--color-neutral-300);background:transparent;border:none;width:100%;cursor:pointer;font-family:var(--font-secondary);font-size:var(--text-base);font-weight:600;text-align:left;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.system-dropdown-item:hover{background:#8b451333;color:var(--color-primary-400);padding-left:var(--spacing-5);box-shadow:inset 4px 0 0 var(--color-primary-500)}.system-dropdown-item:active{transform:scale(.98)}.system-dropdown-item svg{flex-shrink:0}.password-modal{background:linear-gradient(135deg,#141414f2,#28190ff2);border:2px solid rgba(139,69,19,.5);border-radius:16px;padding:48px 40px;max-width:450px;width:90%;text-align:center;box-shadow:0 20px 60px #000c,0 0 40px #8b45134d;position:relative}.password-icon{font-size:60px;margin-bottom:20px}.password-modal h2{color:var(--color-primary-400);font-size:28px;font-weight:700;margin-bottom:12px}.password-modal p{color:#ffffffb3;font-size:16px;margin-bottom:24px}.password-modal form{display:flex;flex-direction:column;gap:16px}.password-input{width:100%;padding:14px 16px;background:#0006;border:2px solid rgba(139,69,19,.5);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.password-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 15px #8b45134d}.password-input::placeholder{color:#fff6}.password-error{color:#f44;font-size:14px;text-align:left;margin-top:-8px;font-weight:600}.password-buttons{display:flex;gap:12px;margin-top:8px}.submit-btn,.cancel-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-btn{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;box-shadow:0 4px 15px #8b451366}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b451399}.cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#ffffff26;color:#fff}.menu-item.download-pulse{background:linear-gradient(135deg,#daa52033,#b8860b33);border:1px solid rgba(218,165,32,.6);animation:download-pulse 2s ease-in-out infinite;font-weight:600;box-shadow:0 0 20px #daa52066}.menu-item.download-pulse:hover{background:linear-gradient(135deg,#daa5204d,#b8860b4d);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 0 30px #daa52099}@keyframes download-pulse{0%,to{box-shadow:0 0 20px #daa52066;border-color:#daa52099}50%{box-shadow:0 0 40px #daa520cc,0 0 60px #daa52066;border-color:#daa520}}.footer{background:#0000004d;color:var(--color-neutral-300);padding:var(--spacing-12) 0 var(--spacing-6);margin-top:var(--spacing-16);border-top:1px solid rgba(139,69,19,.3)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-section h4{color:var(--color-primary-500);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-4);font-family:var(--font-primary)}.footer-brand{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.footer-logo-img{height:100px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(218,165,32,.3))}.footer-description{color:var(--color-neutral-400);line-height:1.6;margin-bottom:var(--spacing-4);font-size:var(--text-sm)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-links li{position:relative}.footer-links a{color:var(--color-neutral-400);text-decoration:none;transition:all var(--transition-base);display:inline-block;font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-primary-500);transform:translate(4px)}.social-links{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:50%;color:var(--color-primary-500);text-decoration:none;transition:all var(--transition-base)}.social-link:hover{transform:translateY(-3px);background:#8b451326;border-color:#8b451380;box-shadow:0 4px 12px #daa5204d}.newsletter-text{color:var(--color-neutral-400);margin-bottom:var(--spacing-3);line-height:1.6;font-size:var(--text-sm)}.newsletter-form{display:flex;gap:var(--spacing-2);background:#0000004d;padding:var(--spacing-1);border-radius:var(--radius-sm);border:1px solid rgba(139,69,19,.3)}.newsletter-input{flex:1;background:none;border:none;padding:var(--spacing-2);color:var(--color-neutral-200);font-size:var(--text-sm);outline:none}.newsletter-input::placeholder{color:var(--color-neutral-500)}.newsletter-btn{padding:0 var(--spacing-4);background:#daa52026;border:none;border-radius:var(--radius-sm);color:var(--color-primary-500);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.newsletter-btn:hover{background:#daa52040;box-shadow:0 4px 12px #daa5204d}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid rgba(139,69,19,.3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4);color:var(--color-neutral-500);font-size:var(--text-sm)}.footer-credits{display:flex;align-items:center;gap:var(--spacing-1)}.heart-icon{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section:first-child{grid-column:1 / -1}.footer-section:last-child{grid-column:1 / -1}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-bottom{flex-direction:column;text-align:center}}.drak-button{border:none;outline:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-semibold);text-align:center;white-space:nowrap;border-radius:var(--radius-md);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.drak-button--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);min-height:32px}.drak-button--md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);min-height:40px}.drak-button--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);min-height:48px}.drak-button--contained.drak-button--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:var(--color-neutral-900);box-shadow:var(--shadow-gold-sm)}.drak-button--contained.drak-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);box-shadow:var(--shadow-gold-md);transform:translateY(-2px)}.drak-button--contained.drak-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-gold-sm)}.drak-button--contained.drak-button--secondary{background:linear-gradient(135deg,var(--color-secondary-500) 0%,var(--color-secondary-600) 100%);color:var(--color-neutral-50);box-shadow:var(--shadow-md)}.drak-button--contained.drak-button--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-400) 0%,var(--color-secondary-500) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.drak-button--contained.drak-button--success{background:linear-gradient(135deg,var(--color-success) 0%,#1b5e20 100%);color:#fff;box-shadow:var(--shadow-md)}.drak-button--contained.drak-button--error{background:linear-gradient(135deg,var(--color-error) 0%,#c62828 100%);color:#fff;box-shadow:var(--shadow-md)}.drak-button--contained.drak-button--warning{background:linear-gradient(135deg,var(--color-warning) 0%,#e65100 100%);color:#fff;box-shadow:var(--shadow-md)}.drak-button--outlined{background:transparent;border:var(--border-width-medium) solid}.drak-button--outlined.drak-button--primary{border-color:var(--color-primary-500);color:var(--color-primary-500)}.drak-button--outlined.drak-button--primary:hover:not(:disabled){background:#daa5201a;border-color:var(--color-primary-400);color:var(--color-primary-400);transform:translateY(-2px);box-shadow:var(--shadow-gold-sm)}.drak-button--outlined.drak-button--secondary{border-color:var(--color-secondary-500);color:var(--color-secondary-500)}.drak-button--outlined.drak-button--secondary:hover:not(:disabled){background:#8b45131a;border-color:var(--color-secondary-400);color:var(--color-secondary-400);transform:translateY(-2px)}.drak-button--text{background:transparent;border:none}.drak-button--text.drak-button--primary{color:var(--color-primary-500)}.drak-button--text.drak-button--primary:hover:not(:disabled){background:#daa5201a;color:var(--color-primary-400)}.drak-button--text.drak-button--secondary{color:var(--color-secondary-500)}.drak-button--text.drak-button--secondary:hover:not(:disabled){background:#8b45131a;color:var(--color-secondary-400)}.drak-button--gradient{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 50%,var(--color-secondary-500) 100%);color:#fff;box-shadow:var(--shadow-gold-md);position:relative;overflow:hidden}.drak-button--gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.drak-button--gradient:hover:not(:disabled):before{left:100%}.drak-button--gradient:hover:not(:disabled){box-shadow:var(--shadow-gold-lg);transform:translateY(-3px)}.drak-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.drak-button--full-width{width:100%}.drak-button__start-icon,.drak-button__end-icon{display:inline-flex;align-items:center;justify-content:center}.drak-button__start-icon{margin-left:calc(var(--spacing-1) * -1)}.drak-button__end-icon{margin-right:calc(var(--spacing-1) * -1)}.drak-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (max-width: 640px){.drak-button--lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}}.drak-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.drak-card--elevated{background:var(--bg-card);border:1px solid rgba(139,69,19,.5);box-shadow:var(--shadow-md)}.drak-card--outlined{background:transparent;border:var(--border-width-medium) solid rgba(139,69,19,.5)}.drak-card--flat{background:var(--bg-card);border:1px solid rgba(139,69,19,.3)}.drak-card--padding-none{padding:0}.drak-card--padding-sm{padding:var(--spacing-3)}.drak-card--padding-md{padding:var(--spacing-4)}.drak-card--padding-lg{padding:var(--spacing-6)}.drak-card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.drak-card--hoverable.drak-card--elevated:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-gold-lg)}.drak-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.drak-card--clickable:active{transform:translateY(-2px)}.drak-card--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.drak-card__header{padding:var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.3)}.drak-card--padding-none .drak-card__header{padding:var(--spacing-4)}.drak-card__header h1,.drak-card__header h2,.drak-card__header h3,.drak-card__header h4,.drak-card__header h5,.drak-card__header h6{margin:0;font-family:var(--font-primary);color:var(--color-primary-500)}.drak-card__body{flex:1;padding:var(--spacing-4)}.drak-card--padding-none .drak-card__body{padding:var(--spacing-4)}.drak-card__body p{margin:0 0 var(--spacing-3) 0;line-height:var(--leading-relaxed);color:var(--color-neutral-200)}.drak-card__body p:last-child{margin-bottom:0}.drak-card__footer{padding:var(--spacing-4);border-top:1px solid rgba(139,69,19,.3);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3)}.drak-card--padding-none .drak-card__footer{padding:var(--spacing-4)}.drak-card__media{position:relative;width:100%;overflow:hidden;background:#0000004d}.drak-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.drak-card--hoverable:hover .drak-card__media img{transform:scale(1.05)}.drak-card__media+.drak-card__header{border-top:none}.drak-card__media+.drak-card__body{padding-top:var(--spacing-4)}.drak-card>.drak-card__body:only-child{border:none}.drak-card--character{background:linear-gradient(135deg,#8b451333,#000c);border:2px solid var(--color-primary-500);position:relative}.drak-card--character:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="none" stroke="rgba(218,165,32,0.1)" stroke-width="2"/></svg>');opacity:.1;pointer-events:none}.drak-card--news{background:linear-gradient(135deg,#000000e6,#8b451326)}.drak-card--ranking{background:linear-gradient(135deg,#000000f2,#daa5201a);border-left:4px solid var(--color-primary-500)}@media (max-width: 640px){.drak-card--padding-lg{padding:var(--spacing-4)}.drak-card__header,.drak-card__body,.drak-card__footer{padding:var(--spacing-3)}.drak-card__footer{flex-direction:column;align-items:stretch}}.drak-box{box-sizing:border-box}.drak-typography{margin:0;font-family:var(--font-secondary);line-height:var(--leading-normal)}.drak-typography--h1{font-family:var(--font-primary);font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:2px}.drak-typography--h2{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:1.5px}.drak-typography--h3{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-snug);letter-spacing:1px}.drak-typography--h4{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.drak-typography--h5{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.drak-typography--h6{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-normal)}.drak-typography--subtitle1{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.drak-typography--subtitle2{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.drak-typography--body1{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.drak-typography--body2{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.drak-typography--button{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px}.drak-typography--caption{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal)}.drak-typography--overline{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1.5px}.drak-typography--color-text{color:var(--color-neutral-200)}.drak-typography--color-primary{color:var(--color-primary-500);text-shadow:0 0 10px rgba(218,165,32,.3)}.drak-typography--color-secondary{color:var(--color-secondary-500)}.drak-typography--color-white{color:#fff}.drak-typography--color-muted{color:var(--color-neutral-500)}.drak-typography--color-warning{color:var(--color-warning)}.drak-typography--color-error{color:var(--color-error)}.drak-typography--color-success{color:var(--color-success)}.drak-typography--gutter-bottom{margin-bottom:var(--spacing-4)}@media (max-width: 768px){.drak-typography--h1{font-size:var(--text-4xl)}.drak-typography--h2{font-size:var(--text-3xl)}.drak-typography--h3{font-size:var(--text-2xl)}.drak-typography--h4{font-size:var(--text-xl)}}.drak-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-secondary);font-weight:var(--font-semibold);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap}.drak-badge--sm{padding:2px var(--spacing-2);font-size:var(--text-xs);min-width:45px}.drak-badge--md{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-sm);min-width:60px}.drak-badge--lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-base);min-width:80px}.drak-badge--filled.drak-badge--primary{background:var(--color-primary-500);color:var(--charcoal-black);box-shadow:var(--shadow-gold-md)}.drak-badge--filled.drak-badge--secondary{background:var(--color-secondary-500);color:var(--color-neutral-50)}.drak-badge--filled.drak-badge--success{background:var(--color-success);color:#fff}.drak-badge--filled.drak-badge--warning{background:var(--color-warning);color:#fff}.drak-badge--filled.drak-badge--error{background:var(--color-error);color:#fff}.drak-badge--filled.drak-badge--gold{background:linear-gradient(135deg,gold,orange);color:var(--charcoal-black);box-shadow:0 4px 12px #ffd70066;font-weight:var(--font-bold)}.drak-badge--filled.drak-badge--silver{background:linear-gradient(135deg,silver,#a8a8a8);color:var(--charcoal-black);box-shadow:0 4px 12px #c0c0c066;font-weight:var(--font-bold)}.drak-badge--filled.drak-badge--bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;box-shadow:0 4px 12px #cd7f3266;font-weight:var(--font-bold)}.drak-badge--outlined{background:transparent;border:2px solid}.drak-badge--outlined.drak-badge--primary{border-color:var(--color-primary-500);color:var(--color-primary-500)}.drak-badge--outlined.drak-badge--secondary{border-color:var(--color-secondary-500);color:var(--color-secondary-500)}.drak-badge--outlined.drak-badge--success{border-color:var(--color-success);color:var(--color-success)}.drak-badge--outlined.drak-badge--warning{border-color:var(--color-warning);color:var(--color-warning)}.drak-badge--outlined.drak-badge--error{border-color:var(--color-error);color:var(--color-error)}.drak-badge--outlined.drak-badge--gold{border-color:gold;color:gold}.drak-badge--outlined.drak-badge--silver{border-color:silver;color:silver}.drak-badge--outlined.drak-badge--bronze{border-color:#cd7f32;color:#cd7f32}.drak-badge--gradient.drak-badge--primary{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);color:var(--charcoal-black);box-shadow:var(--shadow-gold-lg)}.drak-badge--gradient.drak-badge--gold{background:linear-gradient(135deg,gold,orange,gold);color:var(--charcoal-black);box-shadow:0 6px 20px #ffd70080;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{box-shadow:0 6px 20px #ffd70080}50%{box-shadow:0 8px 24px #ffd700b3}}.drak-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home{padding-top:80px}.hero{position:relative;min-height:400px;display:flex;align-items:center;padding:var(--spacing-6) 0 var(--spacing-4);overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(218,165,32,.08) 0%,transparent 50%)}.hero-pattern{display:none}.hero-content{text-align:center;max-width:100%;margin:0;padding:0}.hero-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-2);padding:0 var(--spacing-4)}.main-logo{max-height:800px;max-width:100%;height:auto;width:auto;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(218,165,32,.3))}.hero-main-logo{max-height:500px;max-width:100%;height:auto;width:auto;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(218,165,32,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-subtitle{font-size:var(--text-base);color:var(--color-neutral-400);margin-bottom:var(--spacing-4);line-height:1.5;font-weight:400;max-width:640px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap;max-width:640px;margin:0 auto}.home-content{padding:var(--spacing-8) var(--spacing-4);background:#0003}.home-main-content{max-width:1400px;margin:0 auto;min-height:400px;display:flex;flex-direction:column}.article-full{width:100%;max-width:100%}.article-content{line-height:1.8;color:var(--color-neutral-200);font-size:var(--text-lg);padding:var(--spacing-6) var(--spacing-8);min-width:0;width:100%}.article-content h2,.article-content h3{margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-neutral-100);font-size:var(--text-2xl)}.article-content p{margin-bottom:var(--spacing-5);font-size:var(--text-lg)}.article-content img,.article-content .editor-image{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-4) auto;display:block}.article-content figure{text-align:center;margin:var(--spacing-4) 0}.article-content>p:empty{display:none}.article-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.3);max-width:1400px;margin-left:auto;margin-right:auto}.section-header h2{font-size:var(--text-2xl);font-weight:600;color:var(--color-primary-500);margin:0}.view-all{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-base);font-weight:500}.view-all svg{transition:transform var(--transition-base)}.view-all:hover{text-shadow:0 0 12px rgba(218,165,32,.4)}.view-all:hover svg{transform:translate(2px)}.news-date{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-neutral-500);font-size:var(--text-xs);margin-bottom:var(--spacing-2)!important}.news-category{padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.news-category.event{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.news-category.update{background:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.news-category.news{background:#daa52026;color:var(--color-primary-500);border:1px solid rgba(218,165,32,.3)}.cta{padding:var(--spacing-12) var(--spacing-4);background:#0000004d;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-neutral-100)}.cta-content p{font-size:var(--text-lg);color:var(--color-neutral-400);margin-bottom:var(--spacing-6);line-height:1.6}.streamers-list{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:600px;overflow-y:auto;padding-right:var(--spacing-2)}.streamers-list::-webkit-scrollbar{width:6px}.streamers-list::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-full)}.streamers-list::-webkit-scrollbar-thumb{background:#8b451380;border-radius:var(--radius-full)}.streamers-list::-webkit-scrollbar-thumb:hover{background:#8b4513b3}.streamer-card{display:block;background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.streamer-card:hover{background:#00000080;border-color:#8b451380;transform:translate(-4px)}.streamer-thumbnail{position:relative;width:100%;height:135px;overflow:hidden;background:#00000080}.streamer-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-base)}.streamer-card:hover .streamer-thumbnail img{transform:scale(1.05)}.live-badge{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:#ef4444;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.streamer-info{padding:var(--spacing-2) var(--spacing-3)}.streamer-info h4{margin:0 0 var(--spacing-1) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-count{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400)}.live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:blink 2s ease-in-out infinite}.offline-text{font-size:var(--text-xs);color:var(--color-neutral-500)}.top5-sidemenu{position:fixed;top:100px;right:0;width:220px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(139,69,19,.3);border-top:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md) 0 0 0;padding:var(--spacing-2);z-index:100;box-shadow:-4px 0 24px #0000004d;border-bottom:none}.top5-players-list{display:flex;flex-direction:column;gap:0}.top5-player-card{position:relative;display:flex;align-items:center;gap:var(--spacing-1);padding:4px var(--spacing-1);background:#0000004d;border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base);text-decoration:none}.top5-player-card:nth-child(2n){background:#00000080}.top5-player-card:hover{background:#8b451326;border-left:2px solid var(--color-primary-500);padding-left:calc(var(--spacing-1) - 2px)}.top5-outfit{position:relative;width:60px;height:60px;flex-shrink:0;overflow:visible}.top5-outfit img{width:60px;height:60px;position:absolute;top:0;left:0;image-rendering:pixelated;transform:translateY(-20%)}.status-indicator{position:absolute;bottom:5px;right:5px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,0,0,.8);z-index:10}.status-indicator.status-online{background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e;animation:pulse-green 2s infinite}.status-indicator.status-market{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.status-indicator.status-offline{background:#ef4444;box-shadow:0 0 4px #ef4444}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.top5-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.top5-player-info h4{font-size:10px;font-weight:600;color:var(--color-neutral-100);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.top5-player-info h4:before{content:attr(data-position);color:var(--color-primary-500);font-weight:700;margin-right:3px}.top5-details{display:flex;align-items:center;gap:3px;font-size:9px;line-height:1.2}.top5-level{color:var(--color-primary-400);font-weight:600}.top5-vocation{color:var(--color-neutral-400)}.powergamers-sidemenu{position:fixed;right:0;width:220px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3);border-top:1px solid rgba(139,69,19,.3);border-radius:0 0 0 var(--radius-md);padding:var(--spacing-2);z-index:100;box-shadow:-4px 0 24px #0000004d}.powergamers-list{display:flex;flex-direction:column;gap:0}.powergamer-card{position:relative;display:flex;align-items:center;gap:var(--spacing-1);padding:4px var(--spacing-1);background:#0000004d;border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base);text-decoration:none}.powergamer-card:nth-child(2n){background:#00000080}.powergamer-card:hover{background:#8b451326;border-left:2px solid var(--color-primary-500);padding-left:calc(var(--spacing-1) - 2px)}.powergamer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.powergamer-info h4{font-size:10px;font-weight:600;color:var(--color-neutral-100);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.powergamer-info h4:before{content:attr(data-position);color:var(--color-primary-500);font-weight:700;margin-right:3px}.powergamer-details{display:flex;align-items:center;gap:3px;font-size:9px;line-height:1.2}.xp-gained{font-size:9px;font-weight:700;color:#4ade80;line-height:1.2}.streamers-bottombar{position:fixed;bottom:0;left:0;width:fit-content;max-width:100%;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:2px solid rgba(139,69,19,.4);border-right:2px solid rgba(139,69,19,.4);border-radius:0 var(--radius-md) 0 0;z-index:1000;box-shadow:0 -4px 24px #00000080;transition:transform .3s ease,height .3s ease}.streamers-bottombar.hidden{transform:translateY(calc(100% - 40px))}.bottombar-collapsed{height:32px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);cursor:pointer;color:var(--color-primary-500);font-size:var(--text-xs);font-weight:600;transition:all var(--transition-base);padding:var(--spacing-1)}.bottombar-collapsed:hover{background:#8b45131a;color:var(--color-primary-400)}.bottombar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.3)}.bottombar-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-weight:600;font-size:var(--text-sm)}.live-count{background:#8b45134d;padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:10px;color:var(--color-primary-400)}.bottombar-actions{display:flex;align-items:center;gap:var(--spacing-4)}.hide-button{background:transparent;border:1px solid rgba(139,69,19,.3);color:var(--color-primary-500);padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.hide-button:hover{background:#8b451333;border-color:var(--color-primary-500)}.bottombar-streamers-list{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);overflow-x:auto;scroll-behavior:smooth}.bottombar-streamers-list::-webkit-scrollbar{height:6px}.bottombar-streamers-list::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-full)}.bottombar-streamers-list::-webkit-scrollbar-thumb{background:#8b451380;border-radius:var(--radius-full)}.bottombar-streamers-list::-webkit-scrollbar-thumb:hover{background:#8b4513b3}.bottombar-streamer-card{flex-shrink:0;width:140px;display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.bottombar-streamer-card:hover{background:#8b451326;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.bottombar-streamer-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#00000080}.bottombar-streamer-thumbnail img{width:100%;height:100%;object-fit:cover}.bottombar-live-badge{position:absolute;top:var(--spacing-2);left:var(--spacing-2);background:#dc2626;color:#fff;padding:2px var(--spacing-2);border-radius:var(--radius-sm);font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;text-transform:uppercase;box-shadow:0 2px 8px #dc262666}.bottombar-streamer-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.bottombar-streamer-info h4{font-size:var(--text-xs);font-weight:600;color:var(--color-neutral-100);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottombar-viewer-count{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--color-neutral-400)}.bottombar-live-dot{width:6px;height:6px;background:#dc2626;border-radius:50%;animation:pulse 2s ease-in-out infinite}.bottombar-loading,.bottombar-empty{padding:var(--spacing-6);text-align:center;color:var(--color-neutral-500);font-size:var(--text-sm);width:100%}.streamers-sidemenu{display:none}.streamers-sidemenu::-webkit-scrollbar{width:6px}.streamers-sidemenu::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-full)}.streamers-sidemenu::-webkit-scrollbar-thumb{background:#8b451380;border-radius:var(--radius-full)}.streamers-sidemenu::-webkit-scrollbar-thumb:hover{background:#8b4513b3}.sidemenu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.3)}.sidemenu-header h3{font-size:var(--text-lg);font-weight:600;color:var(--color-primary-500);margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.view-all-small{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-primary-500);text-decoration:none;font-size:var(--text-xs);transition:all var(--transition-base);font-weight:500}.view-all-small:hover{text-shadow:0 0 12px rgba(218,165,32,.4)}.view-all-small svg{transition:transform var(--transition-base)}.view-all-small:hover svg{transform:translate(2px)}.sidemenu-streamers-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.sidemenu-loading,.sidemenu-empty{text-align:center;padding:var(--spacing-8);color:var(--color-neutral-500);font-size:var(--text-sm)}.sidemenu-streamer-card{display:flex;align-items:center;gap:var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;transition:all var(--transition-base);padding:var(--spacing-2)}.sidemenu-streamer-card:hover{background:#00000080;border-color:#8b451380;transform:translate(-4px)}.sidemenu-streamer-thumbnail{position:relative;width:80px;min-width:80px;height:45px;overflow:hidden;background:#00000080;border-radius:var(--radius-sm)}.sidemenu-streamer-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-base)}.sidemenu-streamer-card:hover .sidemenu-streamer-thumbnail img{transform:scale(1.05)}.sidemenu-live-badge{position:absolute;top:var(--spacing-1);left:var(--spacing-1);display:flex;align-items:center;gap:2px;padding:2px var(--spacing-1);background:#ef4444;border-radius:var(--radius-full);font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px;animation:pulse 2s ease-in-out infinite}.sidemenu-streamer-info{flex:1;min-width:0}.sidemenu-streamer-info h4{margin:0 0 var(--spacing-1) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidemenu-viewer-count{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400)}.sidemenu-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:blink 2s ease-in-out infinite}.sidemenu-offline-text{font-size:var(--text-xs);color:var(--color-neutral-500)}@media (max-width: 1400px){.streamers-sidemenu{width:240px}.sidemenu-streamer-thumbnail{width:70px;min-width:70px;height:40px}}@media (max-width: 1200px){.article-content{min-width:0;padding:var(--spacing-4)}.home-content{padding:var(--spacing-6) var(--spacing-3)}.streamers-sidemenu{display:none}}@media (max-width: 768px){.hero{min-height:250px;padding:var(--spacing-3) 0 var(--spacing-2)}.main-logo{max-height:450px}.hero-subtitle{font-size:var(--text-sm);padding:0 var(--spacing-4)}.hero-actions{flex-direction:column;align-items:stretch;padding:0 var(--spacing-4)}.section-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.section-header h2{font-size:var(--text-lg);display:flex;align-items:center;gap:var(--spacing-2)}.section-header h2 svg{width:20px;height:20px}.cta-content h2{font-size:var(--text-2xl)}.cta-content p{font-size:var(--text-base)}.article-content{font-size:var(--text-base);padding:var(--spacing-3)}.article-content h2,.article-content h3{font-size:var(--text-xl)}.article-content p{font-size:var(--text-base)}}@media (max-width: 480px){.home{padding-top:60px}.hero{padding:var(--spacing-4) 0 var(--spacing-3)}.main-logo{max-height:350px}.hero-subtitle{font-size:var(--text-xs);padding:0 var(--spacing-3)}.hero-actions{padding:0 var(--spacing-3)}.home-content{padding:var(--spacing-6) var(--spacing-3)}.section-header h2{font-size:var(--text-base)}.section-header h2 svg{width:18px;height:18px}.view-all{font-size:var(--text-xs)}.view-all svg{width:14px;height:14px}.article-content{padding:var(--spacing-2);font-size:var(--text-sm)}.article-content h2,.article-content h3{font-size:var(--text-lg)}.article-content p{font-size:var(--text-sm)}.cta{padding:var(--spacing-8) var(--spacing-3)}.cta-content h2{font-size:var(--text-xl)}.cta-content p{font-size:var(--text-sm)}}.welcome{min-height:100vh;background:var(--charcoal-black);position:relative;overflow-x:hidden}.discord-float-button{position:fixed;top:var(--spacing-6);right:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:2px solid rgba(88,101,242,.5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 20px #5865f266;z-index:1000;transition:all var(--transition-base)}.discord-float-button:hover{background:linear-gradient(135deg,#7289da,#5865f2);box-shadow:0 6px 30px #5865f299;border-color:#5865f2cc}.discord-float-button svg{flex-shrink:0}@media (max-width: 768px){.discord-float-button{top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-xs)}.discord-float-button svg{width:20px;height:20px}.discord-float-button span{display:none}}.welcome-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);overflow:hidden}.hero-ornament{position:absolute;width:100%;height:200px;pointer-events:none;z-index:0}.hero-ornament--top{top:0;left:0;background:linear-gradient(180deg,rgba(218,165,32,.1) 0%,transparent 100%),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(139,69,19,.05) 50px,rgba(139,69,19,.05) 51px)}.hero-ornament--bottom{bottom:0;left:0;background:linear-gradient(0deg,rgba(218,165,32,.1) 0%,transparent 100%),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(139,69,19,.05) 50px,rgba(139,69,19,.05) 51px)}.hero-container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1}.hero-content{text-align:center;padding:var(--spacing-8) var(--spacing-4)}.hero-logo{margin-bottom:var(--spacing-6);filter:drop-shadow(0 0 30px rgba(218,165,32,.4))}.main-logo{max-height:800px;width:auto;max-width:100%;height:auto;object-fit:contain;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,#daa52033,#8b451333);border:1px solid rgba(218,165,32,.4);border-radius:var(--radius-full);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-6);box-shadow:0 0 20px #daa5204d}.hero-title{font-family:var(--font-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-4);line-height:var(--leading-tight);text-shadow:0 0 40px rgba(218,165,32,.6),0 2px 4px rgba(0,0,0,.8);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 40px rgba(218,165,32,.6),0 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 60px rgba(218,165,32,.9),0 0 80px rgba(245,166,35,.5),0 2px 4px rgba(0,0,0,.8)}}.hero-subtitle{font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4);line-height:var(--leading-snug)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-8);line-height:var(--leading-relaxed)}.hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-8)}.slide-indicators{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-8)}.slide-indicator{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid rgba(218,165,32,.3);background:transparent;cursor:pointer;transition:all var(--transition-base);padding:0}.slide-indicator.active{background:var(--color-primary-500);border-color:var(--color-primary-500);box-shadow:0 0 16px #daa520cc;transform:scale(1.2)}.slide-indicator:hover:not(.active){border-color:var(--color-primary-500);transform:scale(1.1)}.founder-packs-section{max-width:1200px;margin:var(--spacing-12) auto 0;padding:var(--spacing-12) var(--spacing-4);text-align:center;position:relative}.founder-packs-section--highlight{background:linear-gradient(135deg,#daa5200d,#8b45130d);border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-xl);padding:var(--spacing-16) var(--spacing-4);box-shadow:0 0 60px #daa5204d;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 60px #daa5204d;border-color:#daa5204d}50%{box-shadow:0 0 80px #daa52080;border-color:#daa52080}}.founder-alert{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,#ffd70033,#daa52033);border:2px solid var(--color-primary-500);border-radius:var(--radius-full);margin-bottom:var(--spacing-6);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.founder-alert span{color:var(--color-primary-500);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px}.founder-alert svg{color:var(--color-primary-500)}.founder-packs-section .section-header{margin-bottom:var(--spacing-8)}.founder-packs-section .section-title{font-family:var(--font-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-3);text-shadow:0 0 40px rgba(218,165,32,.6)}.founder-packs-section .section-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-2)}.founder-packs-section .section-highlight{font-size:var(--text-lg);color:var(--color-primary-500);font-weight:var(--font-bold);max-width:700px;margin:var(--spacing-3) auto 0;text-shadow:0 0 20px rgba(218,165,32,.5)}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.pack-card{position:relative;background:linear-gradient(135deg,#000c,#8b451333);border:2px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-8) var(--spacing-6);text-decoration:none;transition:all var(--transition-base);cursor:pointer;overflow:hidden}.pack-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(218,165,32,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.pack-card:hover:before{opacity:1}.pack-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 48px #daa52066}.pack-card.bronze{border-color:#cd7f32}.pack-card.bronze:hover{border-color:#e89a4d;box-shadow:0 12px 48px #cd7f3266}.pack-card.silver{border-color:silver}.pack-card.silver:hover{border-color:#e0e0e0;box-shadow:0 12px 48px #c0c0c066}.pack-card.golden{border-color:gold}.pack-card.golden:hover{border-color:#ffed4e;box-shadow:0 12px 48px #ffd70066}.pack-card.platinum{border-color:#e5e4e2}.pack-card.platinum:hover{border-color:#fff;box-shadow:0 12px 48px #e5e4e266}.pack-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:#daa520e6;color:var(--charcoal-black);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;z-index:1}.pack-badge.best-value{background:linear-gradient(135deg,gold,orange)}.pack-badge.exclusive{background:linear-gradient(135deg,#e5e4e2,silver)}.pack-box{width:150px;height:150px;object-fit:contain;margin:0 auto var(--spacing-4);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));image-rendering:pixelated}.pack-card h3{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;position:relative;z-index:1}.pack-card.bronze h3{color:#e89a4d}.pack-card.silver h3{color:#e0e0e0}.pack-card.golden h3{color:gold}.pack-card.platinum h3{color:#e5e4e2}.pack-price{margin-top:var(--spacing-3);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);position:relative;z-index:1}.price-original{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through;font-weight:var(--font-medium)}.price-current{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500);text-shadow:0 0 20px rgba(218,165,32,.5)}.packs-countdown{text-align:center;margin:var(--spacing-6) auto var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,#daa52026,#8b451326);border:1px solid rgba(218,165,32,.4);border-radius:var(--radius-md);max-width:350px}.packs-countdown-label{margin:0 0 var(--spacing-2) 0;color:var(--color-primary-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-semibold)}.packs-countdown-timer{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2)}.packs-countdown-value{font-family:Inter,sans-serif;font-size:var(--text-lg);font-weight:700;color:var(--color-primary-500);text-shadow:0 1px 4px rgba(218,165,32,.5);background:#0000004d;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);min-width:45px;letter-spacing:1px}.packs-countdown-separator{font-family:Inter,sans-serif;font-size:var(--text-base);color:var(--color-primary-500);font-weight:600}.payment-info{text-align:center;padding:var(--spacing-4);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-lg);max-width:500px;margin:0 auto}.payment-info p{margin:0;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium)}.payment-note{margin-top:var(--spacing-4)!important;padding-top:var(--spacing-4);border-top:1px solid rgba(139,69,19,.3);font-size:var(--text-sm)!important;line-height:var(--leading-relaxed)}.payment-note a{color:var(--color-primary-500);text-decoration:none;font-weight:var(--font-semibold);transition:all var(--transition-base)}.payment-note a:hover{color:var(--gold-hover);text-decoration:underline}.stock-alert{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,#ff453a33,#daa52033);border:2px solid rgba(255,69,58,.6);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--spacing-2);animation:stockPulse 2s ease-in-out infinite}@keyframes stockPulse{0%,to{border-color:#ff453a99;box-shadow:0 0 20px #ff453a4d}50%{border-color:#ff453ae6;box-shadow:0 0 30px #ff453a80}}.stock-alert svg{color:#ff453a}.stock-alert span{color:#ff453a;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.welcome-stats{padding:var(--spacing-12) var(--spacing-4);background:#0006;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3)}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.stat-card{background:linear-gradient(135deg,#0009,#8b45131a);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-lg);padding:var(--spacing-8) var(--spacing-6);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(218,165,32,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#daa52099;box-shadow:0 8px 32px #daa5204d}.stat-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-3);filter:drop-shadow(0 0 8px rgba(218,165,32,.5))}.stat-value{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-2);text-shadow:0 0 20px rgba(218,165,32,.5)}.stat-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:1px}.welcome-security{padding:var(--spacing-16) var(--spacing-4);background:#0006;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3);position:relative}.welcome-security .section-header{margin-bottom:var(--spacing-12)}.welcome-security .section-icon{color:var(--color-primary-500);margin:0 auto var(--spacing-4);filter:drop-shadow(0 0 12px rgba(218,165,32,.6))}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.security-card{background:linear-gradient(135deg,#000000b3,#8b451333);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.security-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(218,165,32,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.security-card:hover:before{opacity:1}.security-card:hover{border-color:#daa52099;box-shadow:0 12px 48px #daa5204d}.security-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;background:#00000080;border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-lg);color:var(--color-primary-500);transition:all var(--transition-base);position:relative;z-index:1}.security-card:hover .security-icon{border-color:#daa52099;box-shadow:0 0 20px #daa52066}.security-card h3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0;position:relative;z-index:1}.security-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;position:relative;z-index:1}.welcome-balance{padding:var(--spacing-16) var(--spacing-4);background:#0000004d;position:relative}.balance-content{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#000000b3,#8b451333);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-8)}.balance-list{list-style:none;padding:0;margin:0}.balance-item{padding:var(--spacing-4) var(--spacing-6);margin-bottom:var(--spacing-3);background:#0006;border-left:3px solid var(--color-primary-500);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);transition:all var(--transition-base)}.balance-item:last-child{margin-bottom:0}.balance-item:hover{background:#daa5201a;border-left-color:var(--gold-hover);transform:translate(8px)}.balance-item:before{content:"▸";color:var(--color-primary-500);font-weight:700;margin-right:var(--spacing-3)}.welcome-features{padding:var(--spacing-16) var(--spacing-4);position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-4);text-shadow:0 0 30px rgba(218,165,32,.4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:var(--leading-relaxed)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.feature-card{background:linear-gradient(135deg,#000000b3,#8b451333);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(218,165,32,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#daa52099;box-shadow:0 12px 48px #daa5204d}.feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);color:#fff;transition:all var(--transition-base);border:2px solid rgba(218,165,32,.3)}.feature-title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.feature-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.feature-arrow{color:var(--color-primary-500);opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.feature-card:hover .feature-arrow{opacity:1;transform:translate(0)}.feature-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(218,165,32,.2)}.feature-card:nth-child(2) .feature-items-grid{grid-template-columns:repeat(3,1fr)}.feature-items-grid--single{grid-template-columns:1fr;max-width:120px;margin-left:auto;margin-right:auto}.feature-items-grid--compact{grid-template-columns:repeat(5,1fr)}.feature-item-box{aspect-ratio:1;background:#0006;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);transition:all var(--transition-base)}.feature-item-box:hover{border-color:#daa52099;background:#daa5201a;transform:scale(1.1);box-shadow:0 4px 12px #daa5204d}.feature-item-box img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.welcome-why{padding:var(--spacing-16) var(--spacing-4);background:#0006;border-top:1px solid rgba(139,69,19,.3)}.why-content{max-width:1000px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#0009,#8b45131a);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-12);position:relative;overflow:hidden}.why-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(218,165,32,.1) 0%,transparent 70%);pointer-events:none}.why-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-6);filter:drop-shadow(0 0 20px rgba(218,165,32,.6))}.why-logo{width:200px;height:200px;object-fit:contain}.why-title{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-8);text-shadow:0 0 30px rgba(218,165,32,.4)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6);position:relative;z-index:1}.why-item{text-align:center;padding:var(--spacing-4)}.why-item svg{color:var(--color-primary-500);margin-bottom:var(--spacing-3);filter:drop-shadow(0 0 8px rgba(218,165,32,.5))}.why-item h4{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.why-item p{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.countdown-container{max-width:900px;margin:var(--spacing-12) auto var(--spacing-8);background:linear-gradient(135deg,#000c,#8b451333);border:2px solid rgba(218,165,32,.4);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;overflow:hidden;box-shadow:0 0 60px #daa5204d}.countdown-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);color:var(--color-primary-500);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:2px}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.countdown-value{font-family:var(--font-primary);font-size:clamp(3rem,6vw,5rem);font-weight:var(--font-extrabold);color:var(--color-primary-500);text-shadow:0 0 40px rgba(218,165,32,.8),0 4px 8px rgba(0,0,0,.8);line-height:1;min-width:100px;text-align:center;background:linear-gradient(135deg,#daa5201a,#8b45131a);border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-lg);padding:var(--spacing-4);animation:countdownPulse 2s ease-in-out infinite}@keyframes countdownPulse{0%,to{border-color:#daa5204d;box-shadow:0 0 20px #daa5204d}50%{border-color:#daa52099;box-shadow:0 0 40px #daa52099}}.countdown-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:1px}.countdown-separator{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-bold);color:var(--color-primary-500);opacity:.5;animation:separatorBlink 2s ease-in-out infinite}@keyframes separatorBlink{0%,to{opacity:.5}50%{opacity:1}}.countdown-date{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-6);border-top:1px solid rgba(139,69,19,.3);color:var(--text-secondary);font-size:var(--text-base)}.countdown-date svg{color:var(--color-primary-500)}.welcome-launcher{padding:var(--spacing-16) var(--spacing-4);background:#0000004d;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3);position:relative;overflow:hidden}.launcher-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;background:linear-gradient(135deg,#000000b3,#8b451333);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-12);position:relative;overflow:hidden}.launcher-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(218,165,32,.1) 0%,transparent 60%);pointer-events:none}.launcher-info{position:relative;z-index:1}.launcher-info .section-header{text-align:left;margin-bottom:var(--spacing-8)}.launcher-features{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.launcher-feature{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background:#0006;border-left:3px solid var(--color-primary-500);border-radius:var(--radius-md);transition:all var(--transition-base)}.launcher-feature:hover{background:#daa5201a;transform:translate(8px);border-left-color:var(--gold-hover)}.launcher-feature svg{color:var(--color-primary-500);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(218,165,32,.5))}.launcher-feature h4{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.launcher-feature p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.launcher-note{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--spacing-3) var(--spacing-4);background:#0000004d;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-md)}.launcher-image{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.launcher-preview{max-width:125%;height:auto;transition:all var(--transition-base);filter:drop-shadow(0 12px 48px rgba(218,165,32,.2))}.launcher-preview:hover{transform:scale(1.03);filter:drop-shadow(0 16px 64px rgba(218,165,32,.4))}.welcome-cta{padding:var(--spacing-20) var(--spacing-4);position:relative;overflow:hidden}.cta-ornament{position:absolute;width:300px;height:300px;pointer-events:none;opacity:.1}.cta-ornament--left{top:50%;left:0;transform:translateY(-50%) rotate(-45deg);background:radial-gradient(circle,var(--color-primary-500) 0%,transparent 70%)}.cta-ornament--right{top:50%;right:0;transform:translateY(-50%) rotate(45deg);background:radial-gradient(circle,var(--color-primary-500) 0%,transparent 70%)}.cta-container{max-width:800px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#000c,#8b451333);border:2px solid rgba(218,165,32,.4);border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-8);position:relative;overflow:hidden;box-shadow:0 0 60px #daa5204d}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(218,165,32,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.cta-title{font-family:var(--font-primary);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-4);text-shadow:0 0 40px rgba(218,165,32,.6);position:relative;z-index:1}.cta-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:var(--leading-relaxed);position:relative;z-index:1}.cta-note{margin-top:var(--spacing-6);font-size:var(--text-sm);color:var(--text-muted);position:relative;z-index:1}.cta-info{display:flex;justify-content:center;gap:var(--spacing-8);margin:var(--spacing-8) 0;flex-wrap:wrap;position:relative;z-index:1}.cta-info-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background:#0006;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-lg);min-width:250px}.cta-info-item svg{color:var(--color-primary-500);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(218,165,32,.5))}.cta-info-item strong{display:block;font-family:var(--font-primary);font-size:var(--text-lg);color:var(--color-primary-500);margin-bottom:var(--spacing-1)}.cta-info-item p{margin:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.drak-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:2px solid;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.drak-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.drak-btn:hover:before{width:300px;height:300px}.drak-btn--primary{background:linear-gradient(135deg,#d4911c,#f5a623);border-color:var(--color-primary-500);color:var(--charcoal-black);box-shadow:0 4px 16px #daa52066}.drak-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #daa52099}.drak-btn--secondary{background:transparent;border-color:var(--color-primary-500);color:var(--color-primary-500)}.drak-btn--secondary:hover{background:#daa5201a;box-shadow:0 4px 16px #daa5204d}.drak-btn--cta{background:linear-gradient(135deg,#f5a623,#ffb838);border-color:var(--gold-hover);color:var(--charcoal-black);box-shadow:0 8px 32px #daa52080;padding:var(--spacing-4) var(--spacing-8)}.drak-btn--cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 48px #daa520b3}.drak-btn--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg)}.drak-btn--xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--text-xl)}.drak-btn span{position:relative;z-index:1}.drak-btn svg{position:relative;z-index:1}.welcome-custom-items{padding:var(--spacing-16) var(--spacing-4);background:#0000004d;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3);position:relative}.welcome-custom-items .section-header{margin-bottom:var(--spacing-12)}.welcome-custom-items .section-icon{color:var(--color-primary-500);margin:0 auto var(--spacing-4);filter:drop-shadow(0 0 12px rgba(218,165,32,.6))}.custom-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-8)}.custom-item-card{background:linear-gradient(135deg,#000000b3,#8b451333);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.custom-item-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(218,165,32,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.custom-item-card:hover:before{opacity:1}.custom-item-card:hover{border-color:#daa52099;box-shadow:0 12px 48px #daa5204d}.custom-item-card .custom-item-image{width:100px;height:100px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;background:#00000080;border:2px solid rgba(218,165,32,.3);border-radius:var(--radius-md);padding:var(--spacing-3);position:relative;z-index:1}.custom-item-card .custom-item-image img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.custom-item-card h3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0;position:relative;z-index:1}.custom-item-card .custom-item-stats{color:var(--color-primary-500);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--spacing-3) 0;position:relative;z-index:1}.custom-item-card .custom-item-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-4) 0;position:relative;z-index:1}.custom-item-card .custom-item-description strong{color:var(--text-primary)}.custom-item-card .custom-item-description .warning{color:#ff6b6b;font-weight:var(--font-semibold);font-size:inherit}.custom-item-card .custom-item-obtain{color:var(--text-secondary);font-size:var(--text-sm);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;padding-top:var(--spacing-4);border-top:1px solid rgba(139,69,19,.3);position:relative;z-index:1}.custom-item-card .custom-item-obtain strong{color:var(--color-primary-500)}.custom-item-card .custom-item-obtain span{display:flex;align-items:center;gap:var(--spacing-2)}.inline-item{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}@media (max-width: 768px){.welcome-hero{min-height:80vh;padding:var(--spacing-6) var(--spacing-3)}.main-logo{max-height:450px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-actions{flex-direction:column;align-items:stretch}.countdown-container{padding:var(--spacing-6) var(--spacing-4)}.countdown-timer{gap:var(--spacing-2)}.countdown-value{min-width:60px;font-size:2.5rem;padding:var(--spacing-3)}.countdown-separator{font-size:2rem}.countdown-label{font-size:var(--text-xs)}.stats-container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.features-grid,.why-grid{grid-template-columns:1fr}.launcher-content{grid-template-columns:1fr;gap:var(--spacing-8);padding:var(--spacing-8)}.launcher-info .section-header,.launcher-note{text-align:center}.cta-container{padding:var(--spacing-8) var(--spacing-4)}.cta-info{flex-direction:column;gap:var(--spacing-4)}.cta-info-item{min-width:auto;width:100%}.custom-items-grid,.security-grid{grid-template-columns:1fr}}@media (max-width: 480px){.drak-btn--lg,.drak-btn--xl{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base)}.stat-card{padding:var(--spacing-6) var(--spacing-4)}.stat-value{font-size:var(--text-4xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cta-account-section{max-width:900px;margin:var(--spacing-12) auto var(--spacing-8);text-align:center}.cta-account-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-10);background:linear-gradient(135deg,#f5a623,#ffb838,#f5a623);background-size:200% 100%;border:3px solid var(--color-primary-500);border-radius:var(--radius-full);color:var(--charcoal-black);font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:2px;text-decoration:none;box-shadow:0 8px 32px #daa52099,0 0 60px #daa52066,inset 0 2px 4px #ffffff4d;position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-base);animation:ctaGlow 3s ease-in-out infinite,ctaShimmer 3s linear infinite}.cta-account-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmerMove 3s linear infinite}.cta-account-button:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);padding:3px;background:linear-gradient(135deg,gold,orange,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.cta-account-button:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 48px #daa520cc,0 0 80px #daa52099,inset 0 2px 4px #fff6;background-position:100% 0}.cta-account-button:hover:after{opacity:1}.cta-account-button:active{transform:translateY(-4px) scale(1.03)}.cta-account-button svg{color:var(--charcoal-black);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:sparkle 2s ease-in-out infinite}.cta-account-button span{position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5)}@keyframes ctaGlow{0%,to{box-shadow:0 8px 32px #daa52099,0 0 60px #daa52066,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 12px 48px #daa520cc,0 0 80px #f5a62399,inset 0 2px 4px #fff6}}@keyframes ctaShimmer{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes shimmerMove{0%{left:-100%}to{left:100%}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.8}}.login-page{min-height:100vh;display:flex;align-items:center;padding:2rem 0;padding-top:110px;background:#0003}.login-page .login-container{max-width:420px;margin:0 auto;width:90%;background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:8px;padding:2.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex!important;flex-direction:column!important}.login-page .login-header{text-align:center;margin-bottom:2rem;order:1!important}.login-page .login-header h1{font-size:2rem;margin-bottom:.5rem;color:#daa520;font-weight:600;text-shadow:0 2px 8px rgba(218,165,32,.3)}.login-page .login-header p{color:#a3a3a3;font-size:1rem}.login-page .login-form{display:flex;flex-direction:column;gap:1.5rem;order:2!important}.login-page .login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-page .login-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#d4d4d4}.login-page .login-form-group input{padding:.75rem;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:6px;color:#f5f5f5;font-size:1rem;transition:all .2s ease}.login-page .login-form-group input::placeholder{color:#737373}.login-page .login-form-group input:focus{outline:none;border-color:#daa520;background:#00000080;box-shadow:0 0 0 3px #daa5201a}.login-page .login-password-wrapper{position:relative}.login-page .login-password-wrapper input{width:100%;padding-right:3rem}.login-page .login-toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#a3a3a3;cursor:pointer;padding:.25rem;transition:color .2s ease;display:flex;align-items:center}.login-page .login-toggle-password:hover{color:#daa520}.login-page .login-username-wrapper{position:relative;display:flex;align-items:center}.login-page .login-username-wrapper input{padding-right:3rem}.login-page .login-toggle-visibility{position:absolute;right:.75rem;background:transparent;border:none;color:#a3a3a3;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-page .login-toggle-visibility:hover{color:#daa520}.login-page .login-form-options{display:flex;justify-content:space-between;align-items:center}.login-page .login-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#a3a3a3;font-size:.875rem}.login-page .login-checkbox input{width:auto;margin:0}.login-page .login-link{color:#daa520;text-decoration:none;font-size:.875rem;transition:color .2s ease}.login-page .login-link:hover{color:#c19020;text-shadow:0 0 8px rgba(218,165,32,.3)}.login-page .login-btn-submit{width:100%;padding:.75rem;margin-top:.5rem;background:linear-gradient(135deg,#8b6914,#daa520,#8b6914);background-size:200% 100%;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.login-page .login-btn-submit:hover:not(:disabled){background-position:100% 0;box-shadow:0 4px 12px #daa5204d;transform:translateY(-2px)}.login-page .login-btn-submit:disabled{opacity:.6;cursor:not-allowed}.login-page .login-footer{text-align:center;margin-top:2rem!important;padding-top:2rem!important;border-top:1px solid rgba(139,69,19,.3);color:#a3a3a3;font-size:.875rem;position:relative!important;order:999!important}.login-page .login-footer a{color:#daa520;text-decoration:none;font-weight:600;transition:color .2s ease}.login-page .login-footer a:hover{color:#c19020;text-shadow:0 0 8px rgba(218,165,32,.3)}.login-page .login-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;color:#ef4444;align-items:center}@media (max-width: 640px){.login-page .login-container{padding:2rem 1.5rem}}.register-page{min-height:100vh;display:flex;align-items:center;padding:2rem 0;padding-top:110px;background:#0003}.register-page .register-container{max-width:650px;margin:0 auto;width:90%;background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:8px;padding:2.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.register-page .register-header{text-align:center;margin-bottom:2rem}.register-page .register-header h1{font-size:2rem;margin-bottom:.5rem;color:#daa520;font-weight:600;text-shadow:0 2px 8px rgba(218,165,32,.3)}.register-page .register-header p{color:#a3a3a3;font-size:1rem}.register-page .register-form{display:flex;flex-direction:column;gap:1.25rem}.register-page .register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.register-page .register-form-row.single{grid-template-columns:1fr}.register-page .register-form-group{display:flex;flex-direction:column;gap:.5rem}.register-page .register-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#d4d4d4}.register-page .register-form-group input,.register-page .register-form-group select{padding:.75rem;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:6px;color:#f5f5f5;font-size:1rem;transition:all .2s ease;width:100%}.register-page .register-form-group input::placeholder{color:#737373}.register-page .register-form-group input:focus,.register-page .register-form-group select:focus{outline:none;border-color:#daa520;background:#00000080;box-shadow:0 0 0 3px #daa5201a}.register-page .register-form-group select{cursor:pointer}.register-page .register-form-group select option{background:#262626;color:#f5f5f5}.register-page .register-form-group small{display:block;margin-top:.25rem;color:#737373;font-size:.75rem}.register-page .register-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem;color:#ef4444}.register-page .register-error-box svg{flex-shrink:0;margin-top:2px}.register-page .register-error-messages{flex:1}.register-page .register-error-messages p{margin:.25rem 0;font-size:.875rem}.register-page .register-rules-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:1rem;margin:1.25rem 0;display:flex;gap:.75rem;align-items:flex-start}.register-page .register-rules-notice svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.register-page .register-rules-notice p{color:#d4d4d4;margin:0 0 .25rem;font-size:.875rem;line-height:1.5}.register-page .register-rules-notice small{color:#737373;font-size:.75rem}.register-page .register-rules-link{color:#daa520;text-decoration:none;font-weight:600;transition:all .2s ease}.register-page .register-rules-link:hover{color:#c19020;text-shadow:0 0 8px rgba(218,165,32,.3)}.register-page .register-inline-link{color:#daa520;text-decoration:none;font-weight:500;transition:all .2s ease}.register-page .register-inline-link:hover{color:#c19020;text-shadow:0 0 8px rgba(218,165,32,.3)}.register-page .register-agreement-group{margin:.5rem 0}.register-page .register-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem .75rem;background:transparent;border-radius:6px;transition:all .2s ease}.register-page .register-checkbox-label:hover{background:#0003}.register-page .register-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#daa520}.register-page .register-checkbox-label span{flex:1;font-size:.875rem;color:#d4d4d4;line-height:1.4}.register-page .register-btn-submit{width:100%;padding:.75rem;margin-top:.5rem;background:linear-gradient(135deg,#8b6914,#daa520,#8b6914);background-size:200% 100%;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.register-page .register-btn-submit:hover:not(:disabled){background-position:100% 0;box-shadow:0 4px 12px #daa5204d;transform:translateY(-2px)}.register-page .register-btn-submit:disabled{opacity:.6;cursor:not-allowed}.register-page .register-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(139,69,19,.3);color:#a3a3a3;font-size:.875rem}.register-page .register-footer a{color:#daa520;text-decoration:none;font-weight:600;transition:color .2s ease}.register-page .register-footer a:hover{color:#c19020;text-shadow:0 0 8px rgba(218,165,32,.3)}.register-page .recovery-key-container{max-width:600px}.register-page .recovery-success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#10b9811a;border:2px solid #10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.register-page .recovery-key-container h1{text-align:center;color:#daa520;margin-bottom:2rem;font-size:1.75rem}.register-page .recovery-key-section{display:flex;flex-direction:column;gap:1.5rem}.register-page .recovery-key-warning{background:#f59e0b1a;border:2px solid #f59e0b;border-radius:8px;padding:1.5rem;text-align:center}.register-page .recovery-key-warning svg{color:#f59e0b;margin-bottom:1rem}.register-page .recovery-key-warning h2{color:#f59e0b;font-size:1.25rem;margin-bottom:1rem}.register-page .recovery-key-warning p{color:#d4d4d4;margin:.5rem 0;line-height:1.6}.register-page .recovery-key-display{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:8px;padding:1.5rem}.register-page .recovery-key-display label{display:block;color:#d4d4d4;font-weight:600;margin-bottom:.75rem}.register-page .recovery-key-box{display:flex;gap:.5rem;align-items:center}.register-page .recovery-key-input{flex:1;padding:.75rem;background:#00000080;border:1px solid rgba(139,69,19,.3);border-radius:6px;color:#f5f5f5;font-size:1rem;font-family:monospace}.register-page .recovery-key-action-btn{padding:.75rem;background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:#daa520;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.register-page .recovery-key-action-btn:hover{background:#daa52033}.register-page .recovery-success-text{color:#10b981;font-size:.875rem;margin-top:.5rem;display:block}.register-page .recovery-key-info h3{color:#daa520;margin-bottom:1rem;font-size:1.125rem}.register-page .recovery-key-info ul{list-style:none;padding:0;margin:0 0 1rem}.register-page .recovery-key-info ul li{color:#d4d4d4;margin:.75rem 0;padding-left:0;line-height:1.6}.register-page .recovery-warning-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1rem;margin-top:1rem}.register-page .recovery-warning-box p{color:#ef4444;font-weight:600;margin:0 0 .5rem}.register-page .recovery-warning-box ul{color:#fca5a5;margin:0;padding-left:1.5rem}.register-page .recovery-warning-box ul li{margin:.25rem 0}.register-page .recovery-acknowledgment-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:6px;padding:1rem}.register-page .recovery-checkbox-label-important{display:flex;align-items:center;gap:.75rem;cursor:pointer}.register-page .recovery-checkbox-label-important input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#daa520}.register-page .recovery-checkbox-label-important span{flex:1;font-size:.875rem;color:#d4d4d4;line-height:1.5;font-weight:500}@media (max-width: 768px){.register-page .register-form-row{grid-template-columns:1fr}.register-page .register-container{padding:2rem 1.5rem}}@media (max-width: 640px){.register-page .register-container{padding:1.5rem 1rem}}.characters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.characters-header h1{margin:0}.characters-header .btn-primary,.empty-state .btn-primary,.modal-actions .btn-primary{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.3px;font-weight:500;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-sm)}.characters-header .btn-primary svg,.empty-state .btn-primary svg,.modal-actions .btn-primary svg{width:16px;height:16px}.characters-header .btn-primary:before,.characters-header .btn-primary:after,.empty-state .btn-primary:before,.empty-state .btn-primary:after,.modal-actions .btn-primary:before,.modal-actions .btn-primary:after{display:none}.characters-header .btn-primary:hover:not(:disabled),.empty-state .btn-primary:hover:not(:disabled),.modal-actions .btn-primary:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.characters-header .btn-primary:disabled,.empty-state .btn-primary:disabled,.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#0003;border-color:#8b451333;transform:none;box-shadow:none}.warning-box{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-6);color:#f59e0b;font-size:var(--text-sm)}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-6)}.character-card{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);position:relative;transition:all var(--transition-base)}.character-card:hover{transform:translateY(-2px);border-color:var(--color-primary-500);box-shadow:0 4px 12px #daa52033}.character-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.3)}.vocation-icon{color:var(--color-primary-500)}.character-header h3{margin:0;color:var(--color-primary-500);font-size:var(--text-lg);font-weight:600;font-family:Cinzel,serif}.character-header p{margin:var(--spacing-1) 0 0;color:var(--color-neutral-400);font-size:var(--text-sm)}.character-details{margin-bottom:var(--spacing-4)}.character-details p{display:flex;align-items:center;gap:var(--spacing-2);margin:var(--spacing-2) 0;color:var(--color-neutral-400);font-size:var(--text-sm)}.character-details svg{color:var(--color-primary-500);opacity:.7}.character-status{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.character-status.online{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.character-status.offline{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.character-status.listed{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.character-actions{position:absolute;bottom:var(--spacing-4);right:var(--spacing-4);display:flex;gap:var(--spacing-2)}.change-name-btn,.delete-character-btn{padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;border:1px solid}.change-name-btn{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.change-name-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.delete-character-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.delete-character-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.change-name-btn:disabled,.delete-character-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-12);background:#0003;border:1px dashed rgba(139,69,19,.3);border-radius:var(--radius-sm);margin-top:var(--spacing-6)}.empty-state svg{color:var(--color-primary-500);margin-bottom:var(--spacing-4);opacity:.5}.empty-state h3{color:var(--color-primary-500);margin-bottom:var(--spacing-2);font-size:var(--text-2xl);font-family:Cinzel,serif}.empty-state p{color:var(--color-neutral-400);margin-bottom:var(--spacing-5);font-size:var(--text-base)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-6)}.modal-content{background:#000000e6;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid rgba(139,69,19,.3);background:#daa5201a}.modal-header h2{margin:0;color:var(--color-primary-500);font-family:Cinzel,serif;font-size:var(--text-xl);font-weight:600}.modal-close{background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-2);transition:all var(--transition-base)}.modal-close:hover{color:var(--color-primary-500);transform:rotate(90deg)}.create-character-form{padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2);color:var(--color-neutral-300);font-weight:500;font-size:var(--text-sm)}.form-group input,.form-group select{width:100%;padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.form-group small{display:block;margin-top:var(--spacing-1);color:var(--color-neutral-500);font-size:var(--text-xs)}.error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);margin:0 var(--spacing-6) var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:var(--text-sm)}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid rgba(139,69,19,.3)}.modal-actions .btn-secondary{background:#0000004d;color:var(--color-neutral-400);border:1px solid rgba(139,69,19,.3);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.5px;font-weight:600;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-sm)}.modal-actions .btn-secondary:before,.modal-actions .btn-secondary:after{display:none}.modal-actions .btn-secondary:hover:not(:disabled){background:#0006;border-color:#8b451380}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-neutral-400)}.spinner{width:40px;height:40px;border:2px solid rgba(139,69,19,.3);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.delete-modal-minimal{padding:var(--spacing-6)}.delete-question{font-size:var(--text-xl);color:var(--color-neutral-100);margin:0 0 var(--spacing-5);text-align:center;font-weight:500}.char-name{color:var(--color-primary-500);font-weight:600;font-family:Cinzel,serif}.delete-error-minimal{padding:var(--spacing-2);color:#ef4444;text-align:center;font-size:var(--text-sm);margin-bottom:var(--spacing-4)}.delete-form-minimal{display:flex;flex-direction:column;gap:var(--spacing-4)}.password-input-minimal{position:relative}.input-minimal{width:100%;padding:var(--spacing-3) 3rem var(--spacing-3) var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.input-minimal:focus{outline:none;border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.input-minimal::placeholder{color:var(--color-neutral-500)}.toggle-minimal{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-base)}.toggle-minimal:hover{color:var(--color-primary-500)}.actions-minimal{display:flex;gap:var(--spacing-3);justify-content:center}.btn-no,.btn-yes{padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;min-width:80px;font-family:Inter,sans-serif}.btn-no{background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-400)}.btn-no:hover{background:#0006;border-color:#8b451380}.btn-yes{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444}.btn-yes:hover{background:#ef44444d;border-color:#ef4444b3;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.name-change-info{background:#0003;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.name-change-info p{margin:var(--spacing-1) 0;font-size:var(--text-sm)}.cost-info{display:flex;align-items:center;gap:var(--spacing-1);color:#f59e0b}.points-info{color:var(--color-neutral-300)}.insufficient-points{color:#ef4444;font-size:var(--text-xs)}.name-change-form .form-group{margin-bottom:var(--spacing-3)}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{padding-right:var(--spacing-8)}.password-toggle{position:absolute;right:var(--spacing-2);background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-neutral-200)}@media (max-width: 768px){.characters-grid{grid-template-columns:1fr}.characters-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.modal-content{margin:var(--spacing-4)}}.account-page{min-height:calc(100vh - 140px);background:#0003;padding:var(--spacing-8) var(--spacing-4);padding-top:110px}.account-container{max-width:1400px;margin:0 auto;display:flex;gap:var(--spacing-6)}.loading-container,.error-container{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-400)}.spinner{width:50px;height:50px;border:2px solid rgba(139,69,19,.3);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}.error-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:#ef4444}.account-sidebar{width:280px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);height:fit-content;position:sticky;top:var(--spacing-6)}.account-header{text-align:center;padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.3);margin-bottom:var(--spacing-4);position:relative}.account-avatar{width:80px;height:80px;background:#daa5201a;border:2px solid rgba(139,69,19,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3);color:var(--color-primary-500)}.account-header h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-1);font-size:var(--text-xl);font-weight:600}.account-email{color:var(--color-neutral-400);font-size:var(--text-sm)}.toggle-all-visibility{position:absolute;top:0;right:0;background:transparent;border:1px solid rgba(139,69,19,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-400);transition:all var(--transition-base)}.toggle-all-visibility:hover{background:#0000004d;border-color:var(--color-primary-500);color:var(--color-primary-500)}.account-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--color-neutral-400);text-align:left;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none}.nav-item:hover{background:#0000004d;color:var(--color-primary-500)}.nav-item.active{background:#daa5201a;color:var(--color-primary-500);border-left:2px solid var(--color-primary-500)}.nav-item.logout{margin-top:var(--spacing-4);color:#ef4444}.nav-item.logout:hover{background:#ef44441a;color:#dc2626}.account-main{flex:1;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-8)}.tab-content h1{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-6);font-size:var(--text-3xl);font-weight:600}.tab-content h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin:var(--spacing-6) 0 var(--spacing-4);font-size:var(--text-xl);font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.info-card{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-base)}.info-card:hover{border-color:var(--color-primary-500);transform:translateY(-2px)}.info-icon{width:48px;height:48px;background:#daa5201a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary-500);flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-label{color:var(--color-neutral-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--color-neutral-100);font-size:var(--text-lg);font-weight:500}.early-access-card .info-content{flex:1;width:100%}.early-access-status{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.status-badge{font-size:var(--text-sm);font-weight:700;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;display:inline-block}.status-badge.enabled{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.status-badge.disabled{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.toggle-switch{position:relative;width:52px;height:28px;background:#ef44444d;border:1px solid rgba(239,68,68,.5);border-radius:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;padding:2px}.toggle-switch:hover:not(.disabled){background:#ef444466;border-color:#ef4444b3;box-shadow:0 0 8px #ef44444d}.toggle-switch.enabled{background:#10b9814d;border-color:#10b98180}.toggle-switch.enabled:hover{background:#10b98166;border-color:#10b981b3;box-shadow:0 0 8px #10b9814d}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;width:22px;height:22px;background:#ef4444;border-radius:50%;transition:all .3s ease;left:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:0 2px 4px #0000004d}.toggle-switch.enabled .toggle-knob{background:#10b981;left:26px}.toggle-knob svg{width:14px;height:14px}.early-access-card.enabled{border-color:#10b98166;background:#10b9810d}.early-access-card.enabled .info-icon{background:#10b98126;color:#10b981}.early-access-card.disabled .info-icon{background:#ef444426;color:#ef4444}.stats-summary{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6)}.stats-summary h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-6);text-align:center}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.stat-value{font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);font-family:Cinzel,serif}.stat-label{color:var(--color-neutral-400);font-size:var(--text-sm)}.settings-section{background:#0003;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-4)}.settings-section h2{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0;font-size:var(--text-lg);color:var(--color-primary-500);font-family:Cinzel,serif;padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.3)}.settings-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid rgba(139,69,19,.3)}.settings-tab{background:transparent;border:none;color:var(--color-neutral-400);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);position:relative;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-tab:hover{color:var(--color-primary-500);background:#0003}.settings-tab.active{color:var(--color-primary-500);background:#daa5201a}.settings-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary-500)}.password-form,.email-form{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:500px}.form-group label{color:var(--color-neutral-300);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}.form-group input,.form-group select{padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.form-group small{color:var(--color-neutral-500);font-size:var(--text-xs)}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-right:3rem;width:100%}.toggle-password{position:absolute;right:var(--spacing-3);background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;transition:color var(--transition-base)}.message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);font-size:var(--text-sm)}.message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.email-method-selection{margin-bottom:var(--spacing-4)}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.method-card{position:relative;cursor:pointer;transition:all var(--transition-base)}.method-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.method-content{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.method-card:hover .method-content{border-color:#8b451380;background:#0006;transform:translateY(-2px)}.method-card.selected .method-content{border-color:var(--color-primary-500);background:#daa5201a;box-shadow:0 0 0 3px #daa5201a}.method-card input:disabled~.method-content{opacity:.5;cursor:not-allowed}.method-card input:disabled~.method-content:hover{transform:none;border-color:#8b45134d}.method-content h3{color:var(--color-primary-500);font-size:var(--text-base);margin:0;font-family:Cinzel,serif}.method-content svg{color:var(--color-primary-500)}.method-cost{font-size:var(--text-sm);font-weight:600;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);display:inline-block}.method-cost.free{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.method-cost.points{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.method-cost.recovery{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.method-time{color:var(--color-neutral-400);font-size:var(--text-sm);margin:0}.method-content small{color:var(--color-neutral-500);font-size:var(--text-xs);display:block}.pending-email-change{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.pending-info{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);align-items:flex-start}.pending-info>svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.pending-info p{margin:var(--spacing-1) 0;color:var(--color-neutral-300);font-size:var(--text-sm)}.pending-info strong{color:#f59e0b}.pending-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.recovery-key-section{margin-top:var(--spacing-2)}.recovery-key-section p{font-size:var(--text-sm);color:var(--color-neutral-300);margin-bottom:var(--spacing-3)}.insufficient-points{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-4);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm)}.account-main .btn-primary{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.5px;font-weight:600;font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2)}.account-main .btn-primary:before,.account-main .btn-primary:after{display:none}.account-main .btn-primary:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.account-main .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#0003;border-color:#8b451333;transform:none;box-shadow:none}.account-main .btn-secondary{background:#0000004d;color:var(--color-neutral-400);border:1px solid rgba(139,69,19,.3);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.5px;font-weight:600;font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2)}.account-main .btn-secondary:before,.account-main .btn-secondary:after{display:none}.account-main .btn-secondary:hover:not(:disabled){background:#0006;border-color:#8b451380}.account-main .btn-warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.5px;font-weight:600;font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2)}.account-main .btn-warning:before,.account-main .btn-warning:after{display:none}.account-main .btn-warning:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.account-main .btn-warning:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-6)}.modal{background:#000000e6;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{background:#daa5201a;padding:var(--spacing-5);border-bottom:1px solid rgba(139,69,19,.3);position:relative;display:flex;align-items:center;justify-content:center}.modal-header h2{color:var(--color-primary-500);margin:0;font-family:Cinzel,serif;display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xl)}.modal-header.danger{background:#ef444433;border-bottom:1px solid rgba(239,68,68,.5)}.modal-header.danger h2{color:#ef4444}.modal-close{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-2);transition:color var(--transition-base)}.modal-body{padding:var(--spacing-6)}.balance-info{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-5)}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.balance-label{color:var(--color-neutral-400);font-size:var(--text-sm)}.balance-value{font-size:var(--text-lg);font-weight:600}.balance-value.current{color:#10b981}.balance-value.cost{color:#ef4444}.balance-value.after{color:#f59e0b;font-size:var(--text-xl)}.balance-divider{height:1px;background:#8b45134d;margin:var(--spacing-2) 0}.balance-row.total{padding-top:var(--spacing-3)}.modal-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);font-size:var(--text-sm)}.modal-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.modal-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.confirm-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5);align-items:flex-start}.confirm-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.confirm-warning p{margin:0;color:#fbbf24;line-height:1.5;font-size:var(--text-sm)}.confirm-warning strong{color:#f59e0b}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4)}.recovery-key-display{background:#00000080;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4)}.key-value{flex:1;font-size:var(--text-2xl);font-family:Courier New,monospace;letter-spacing:3px;color:var(--color-primary-500);font-weight:700;text-align:center;word-break:break-all}.copy-btn{background:#daa5201a;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);padding:var(--spacing-3);color:var(--color-primary-500);cursor:pointer;transition:all var(--transition-base);position:relative}.copy-btn:hover{background:#daa52033;transform:scale(1.1)}.copied{position:absolute;top:-30px;right:-10px;background:#10b981;color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);animation:fadeInOut 3s}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.critical-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.critical-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.critical-warning h3{color:#ef4444;margin-bottom:var(--spacing-3);font-size:var(--text-lg)}.critical-warning ul{list-style:disc;margin-left:var(--spacing-5);color:#fca5a5}.critical-warning li{margin:var(--spacing-2) 0;font-size:var(--text-sm)}.final-warning{background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-sm);padding:var(--spacing-5);margin:var(--spacing-5) 0;text-align:center}.final-warning h3{color:#ef4444;margin:0 0 var(--spacing-3) 0;font-size:var(--text-xl);font-weight:700}.final-warning p{color:#fca5a5;margin:0;line-height:1.5;font-size:var(--text-sm)}.final-warning strong{color:#ef4444}.btn-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-base);font-family:Inter,sans-serif}.btn-danger:hover{background:#ef44444d;border-color:#ef4444b3;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.modal-overlay.no-close{cursor:default}@media (max-width: 1200px){.method-cards{grid-template-columns:1fr}}@media (max-width: 1024px){.account-container{flex-direction:column}.account-sidebar{width:100%;position:static}.account-nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}}@media (max-width: 768px){.account-page{padding:var(--spacing-4) var(--spacing-2);padding-top:100px}.account-main{padding:var(--spacing-5)}.info-grid,.stats-grid,.method-cards{grid-template-columns:1fr}.password-form,.email-form{max-width:100%}}.nav-item.disabled{opacity:.6;cursor:not-allowed;position:relative}.nav-item.disabled:hover{background:#ef44441a;color:#ef4444}.char-creation-disabled-modal .disabled-message{text-align:center;padding:var(--spacing-4) 0}.char-creation-disabled-modal .disabled-message p{color:var(--color-neutral-300);font-size:var(--text-base);margin-bottom:var(--spacing-4);line-height:1.6}.char-creation-disabled-modal .discord-link{display:inline-block;background:#5865f233;color:#5865f2;padding:var(--spacing-3) var(--spacing-5);border:1px solid rgba(88,101,242,.4);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:all var(--transition-base);margin:var(--spacing-4) 0}.char-creation-disabled-modal .discord-link:hover{background:#5865f24d;border-color:#5865f299;transform:translateY(-2px);box-shadow:0 4px 12px #5865f24d}.page{min-height:calc(100vh - 140px);padding-top:110px;padding-bottom:40px;width:100%}.page-content{max-width:1280px;margin:0 auto;padding:0 20px;width:100%}.page-content h1{font-size:2.5rem;margin-bottom:1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.page-content>p{color:var(--light-gray);text-align:center;font-size:1.1rem;margin-bottom:3rem}.placeholder-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:3rem;text-align:center;margin:2rem auto;max-width:600px}.placeholder-content p{color:var(--light-gray);font-size:1.1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.news-page{min-height:calc(100vh - 200px)}.news-page .page-subtitle{text-align:center;color:#999;margin-bottom:3rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.news-card{background:linear-gradient(135deg,#000c,#8b45131a);border:1px solid rgba(139,69,19,.5);border-radius:8px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column}.news-card:hover{border-color:var(--gold);box-shadow:0 4px 12px #daa5204d;transform:translateY(-4px)}.news-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.news-card-header h2{font-family:Cinzel,serif;font-size:1.3rem;color:var(--gold);margin:0;flex:1}.news-card-date{display:flex;align-items:center;gap:.5rem;color:#999;font-size:.85rem;white-space:nowrap}.news-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#8b45134d;border:1px solid rgba(139,69,19,.5);border-radius:12px;color:var(--gold);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tag-event{background:#dc354533;border-color:#dc354580;color:#ff6b6b}.tag-update{background:#28a74533;border-color:#28a74580;color:#51cf66}.tag-announcement{background:#007bff33;border-color:#007bff80;color:#339af0}.news-card-preview{color:#ccc;line-height:1.6;flex:1;margin-bottom:1rem}.news-card-link{color:var(--gold);text-decoration:none;font-weight:500;transition:all .3s ease;align-self:flex-start}.news-card-link:hover{color:var(--gold-hover);transform:translate(5px)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);text-decoration:none;margin-bottom:2rem;transition:all .3s ease}.back-link:hover{color:var(--gold-hover);transform:translate(-5px)}.article-full{background:linear-gradient(135deg,#000c,#8b45131a);border:1px solid rgba(139,69,19,.5);border-radius:8px;padding:2rem}.article-header{border-bottom:2px solid rgba(139,69,19,.3);padding-bottom:1.5rem;margin-bottom:2rem}.article-header h1{font-family:Cinzel,serif;font-size:2.5rem;color:var(--gold);margin:0 0 1rem}.article-meta{display:flex;gap:2rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#999;font-size:.9rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-content{color:#ccc;line-height:1.8;font-size:1.05rem}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.article-content h1{font-family:Cinzel,serif;font-size:2rem;color:var(--gold);margin:1.5rem 0 1rem;line-height:1.2}.article-content h2{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold);margin:1.25rem 0 .75rem;line-height:1.3}.article-content h3{font-family:Cinzel,serif;font-size:1.25rem;color:var(--gold);margin:1rem 0 .5rem;line-height:1.4}.article-content strong{font-weight:700;color:var(--gold-primary)}.article-content em{font-style:italic;color:#f5a623}.article-content u{text-decoration:underline}.article-content s{text-decoration:line-through;opacity:.7}.article-content code{background:#8b45134d;border:1px solid rgba(139,69,19,.5);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em;color:#ff6b6b}.article-content pre{background:#00000080;border:1px solid rgba(139,69,19,.5);border-radius:4px;padding:1rem;overflow-x:auto;margin:1rem 0}.article-content pre code{background:none;border:none;padding:0;color:#51cf66}.article-content blockquote{border-left:4px solid var(--gold);padding-left:1rem;margin:1rem 0;font-style:italic;color:#ccc;background:#8b45131a;padding:.75rem 1rem;border-radius:4px}.article-content ul,.article-content ol{padding-left:2rem;margin:.5rem 0 1.5rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin:.25rem 0;line-height:1.6}.article-content a{color:#339af0;text-decoration:underline;transition:color .2s ease}.article-content a:hover{color:#4dabf7}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto;display:block;border:2px solid rgba(139,69,19,.5);transition:all .3s ease}.article-content p img{margin-left:auto;margin-right:auto;display:block}.article-content figure{text-align:center;margin:1.5rem 0}.article-content figure img{margin:0 auto}.article-content img:hover{border-color:var(--gold);box-shadow:0 4px 12px #daa5204d}.article-content img[data-size=small]{width:25%;min-width:200px}.article-content img[data-size=medium]{width:50%;min-width:300px}.article-content img[data-size=large]{width:75%;min-width:400px}.article-content img[data-size=full]{width:100%}.article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;border:1px solid rgba(139,69,19,.5);border-radius:4px;overflow:hidden}.article-content td,.article-content th{border:1px solid rgba(139,69,19,.5);padding:.75rem;text-align:left}.article-content th{background:linear-gradient(135deg,#8b45134d,#0000004d);color:var(--gold);font-weight:700}.loading-container,.error-container,.no-content{text-align:center;padding:4rem 2rem;color:#999}.error-container{color:#ff6b6b}@media (max-width: 768px){.news-grid{grid-template-columns:1fr;gap:1.5rem}.news-card-header{flex-direction:column;align-items:flex-start}.article-header h1{font-size:1.8rem}.article-meta{flex-direction:column;gap:.5rem}}.article-content iframe,.article-content video{display:block;margin:1.5rem auto;max-width:100%;border-radius:8px;border:2px solid rgba(139,69,19,.5);transition:all .3s ease}.article-content iframe:hover,.article-content video:hover{border-color:var(--gold);box-shadow:0 4px 12px #daa5204d}.article-content p iframe,.article-content p video{margin-left:auto;margin-right:auto}.rich-text-editor{border:1px solid rgba(139,69,19,.5);border-radius:8px;background:linear-gradient(135deg,#000c,#8b45131a);overflow:hidden}.editor-menu{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#8b45134d,#0000004d);border-bottom:2px solid rgba(139,69,19,.5)}.menu-group{display:flex;gap:.25rem;padding:0 .5rem;border-right:1px solid rgba(139,69,19,.3)}.menu-group:last-child{border-right:none}.editor-menu button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#8b451333;border:1px solid rgba(139,69,19,.5);border-radius:4px;color:#ccc;cursor:pointer;transition:all .2s ease;position:relative}.editor-menu button:hover:not(:disabled){background:#8b451366;border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.editor-menu button:disabled{opacity:.3;cursor:not-allowed}.editor-menu button.is-active{background:linear-gradient(135deg,#8b4513,#654321);border-color:var(--gold);color:var(--gold)}.uploading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(218,165,32,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.color-picker-wrapper{position:relative}.color-picker{position:absolute;top:calc(100% + .5rem);right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem;background:#000000f2;border:1px solid var(--gold-dark);border-radius:4px;z-index:1000;box-shadow:0 4px 12px #00000080}.color-option{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.color-option:hover{border-color:var(--gold);transform:scale(1.1)}.editor-content{min-height:300px;max-height:600px;overflow-y:auto;padding:1rem;background:#0000004d}.ProseMirror{color:#fff;min-height:300px;outline:none}.ProseMirror p{margin:.5rem 0;line-height:1.6}.ProseMirror h1{font-family:Cinzel,serif;font-size:2rem;color:var(--gold);margin:1.5rem 0 1rem;line-height:1.2}.ProseMirror h2{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold);margin:1.25rem 0 .75rem;line-height:1.3}.ProseMirror h3{font-family:Cinzel,serif;font-size:1.25rem;color:var(--gold);margin:1rem 0 .5rem;line-height:1.4}.ProseMirror strong{font-weight:700;color:var(--gold-primary)}.ProseMirror em{font-style:italic;color:#f5a623}.ProseMirror u{text-decoration:underline}.ProseMirror s{text-decoration:line-through;opacity:.7}.ProseMirror code{background:#8b45134d;border:1px solid rgba(139,69,19,.5);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em;color:#ff6b6b}.ProseMirror pre{background:#00000080;border:1px solid rgba(139,69,19,.5);border-radius:4px;padding:1rem;overflow-x:auto;margin:1rem 0}.ProseMirror pre code{background:none;border:none;padding:0;color:#51cf66}.ProseMirror blockquote{border-left:4px solid var(--gold);padding-left:1rem;margin:1rem 0;font-style:italic;color:#ccc;background:#8b45131a;padding:.75rem 1rem;border-radius:4px}.ProseMirror ul,.ProseMirror ol{padding-left:2rem;margin:.5rem 0}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror li{margin:.25rem 0;line-height:1.6}.ProseMirror a{color:#339af0;text-decoration:underline;cursor:pointer;transition:color .2s ease}.ProseMirror a:hover{color:#4dabf7}.ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:1rem auto;display:block;border:2px solid rgba(139,69,19,.5);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.ProseMirror img:hover{border-color:var(--gold);box-shadow:0 4px 12px #daa5204d}.ProseMirror img.ProseMirror-selectednode{border-color:var(--gold);box-shadow:0 0 0 3px #daa5204d;outline:none;position:relative}.ProseMirror .image-wrapper{position:relative;display:inline-block;margin:1rem auto}.ProseMirror .image-wrapper img{margin:0}.ProseMirror img.ProseMirror-selectednode:after{content:"";position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--gold);border:2px solid #000;border-radius:2px;cursor:nwse-resize;z-index:10}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0;overflow:hidden;border:1px solid rgba(139,69,19,.5);border-radius:4px}.ProseMirror td,.ProseMirror th{min-width:1em;border:1px solid rgba(139,69,19,.5);padding:.5rem;vertical-align:top;box-sizing:border-box;position:relative;background:#0000004d}.ProseMirror th{font-weight:700;text-align:left;background:linear-gradient(135deg,#8b45134d,#0000004d);color:var(--gold)}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";inset:0;background:#daa52033;pointer-events:none}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:var(--gold);pointer-events:none}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror [style*="text-align: left"]{text-align:left}.ProseMirror [style*="text-align: center"]{text-align:center}.ProseMirror [style*="text-align: right"]{text-align:right}.ProseMirror p.is-editor-empty:first-child:before{color:#666;content:attr(data-placeholder);float:left;height:0;pointer-events:none}@media (max-width: 768px){.editor-menu{gap:.25rem;padding:.5rem}.menu-group{padding:0 .25rem}.editor-menu button{padding:.4rem}.editor-content{min-height:200px}.ProseMirror table{font-size:.9rem}}.ProseMirror iframe{display:block;margin:0 auto}.news-management-page{min-height:100vh;padding-top:110px;background:#0003}.management-container{max-width:1400px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);flex-wrap:wrap;gap:var(--spacing-4)}.management-header h1{font-family:Cinzel,serif;color:var(--color-primary-500);margin:0;font-size:var(--text-4xl);font-weight:600;letter-spacing:.5px}.btn-create{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:#daa5201a;border:1px solid var(--color-primary-500);color:var(--color-primary-500);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-weight:600;font-family:Inter,sans-serif;letter-spacing:.3px}.btn-create:hover{background:var(--color-primary-500);color:var(--color-neutral-900);transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.alert{padding:var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--radius-sm);text-align:center;font-family:Inter,sans-serif}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-4)}.modal-form{background:#000000f2;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid rgba(139,69,19,.3)}.modal-header h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin:0;font-size:var(--text-2xl);font-weight:600;letter-spacing:.5px}.modal-close{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;transition:color var(--transition-base);padding:var(--spacing-2)}.news-form{padding:var(--spacing-6)}.form-group label{display:block;color:var(--color-primary-500);margin-bottom:var(--spacing-2);font-weight:500;font-family:Inter,sans-serif;font-size:var(--text-sm);letter-spacing:.3px}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-3);background:#00000080;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:Inter,sans-serif;transition:all var(--transition-base)}.form-group textarea{resize:vertical;min-height:150px;line-height:1.6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);background:#000000b3}.form-group small{display:block;margin-top:var(--spacing-2);color:var(--color-neutral-400);font-size:var(--text-xs)}.form-group-checkbox{margin-bottom:var(--spacing-5)}.form-group-checkbox label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;color:var(--color-neutral-300);font-family:Inter,sans-serif;font-size:var(--text-sm)}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-500)}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}.btn-save{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex:1;padding:var(--spacing-3) var(--spacing-6);background:#daa5201a;border:1px solid var(--color-primary-500);color:var(--color-primary-500);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-weight:600;font-family:Inter,sans-serif;letter-spacing:.3px}.btn-save:hover:not(:disabled){background:var(--color-primary-500);color:var(--color-neutral-900);transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:var(--spacing-3) var(--spacing-6);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-family:Inter,sans-serif;letter-spacing:.3px}.btn-cancel:hover{background:#8b451333;border-color:var(--color-primary-500);color:var(--color-primary-500)}.news-table{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.news-table table{width:100%;border-collapse:collapse}.news-table thead{background:#daa5201a}.news-table th{padding:var(--spacing-4);text-align:left;color:var(--color-primary-500);font-weight:600;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.5px;border-bottom:1px solid rgba(139,69,19,.3);font-family:Inter,sans-serif}.news-table td{padding:var(--spacing-4);color:var(--color-neutral-300);border-bottom:1px solid rgba(139,69,19,.2);font-size:var(--text-sm);font-family:Inter,sans-serif}.news-table tbody tr{transition:all var(--transition-base)}.news-table tbody tr:hover{background:#daa5200d}.news-table tbody tr:last-child td{border-bottom:none}.news-table tr.draft{opacity:.7}.title-cell{font-weight:500;color:var(--color-neutral-100)}.tags-cell{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag-mini{display:inline-block;padding:.2rem .5rem;background:#daa5201a;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-primary-500);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px}.no-tags{color:var(--color-neutral-500);font-style:italic}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:Inter,sans-serif}.status-badge.published{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.status-badge.draft{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.action-buttons{display:flex;gap:var(--spacing-2)}.btn-icon{padding:var(--spacing-2);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-icon.btn-edit{color:#60a5fa}.btn-icon.btn-edit:hover{background:#60a5fa1a;border-color:#60a5fa;transform:translateY(-2px)}.btn-icon.btn-delete{color:#ef4444}.btn-icon.btn-delete:hover{background:#ef44441a;border-color:#ef4444;transform:translateY(-2px)}.loading-container,.no-content{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:var(--color-neutral-400)}.loading-container p,.no-content p{font-family:Inter,sans-serif;font-size:var(--text-base)}.error-container{text-align:center;padding:var(--spacing-12) var(--spacing-4);color:#ef4444}.error-container p{font-family:Inter,sans-serif;font-size:var(--text-base)}@media (max-width: 768px){.news-management-page{padding-top:100px}.management-container{padding:var(--spacing-6) var(--spacing-3)}.management-header{flex-direction:column;align-items:stretch}.management-header h1{font-size:var(--text-3xl)}.btn-create{justify-content:center}.news-table{overflow-x:auto}.news-table table{min-width:600px}.modal-form{max-height:95vh}.form-actions{flex-direction:column}.news-form,.modal-header{padding:var(--spacing-4)}}@media (max-width: 480px){.management-header h1{font-size:var(--text-2xl)}.btn-create,.btn-save,.btn-cancel{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.news-table th,.news-table td{padding:var(--spacing-3)}}.news-content iframe{display:block;margin:0 auto}.changelog-page{min-height:100vh;padding-top:100px;background:var(--color-background)}.changelog-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-6);max-width:1400px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.changelog-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.changelog-sidebar h2{font-size:var(--text-xl);margin-bottom:var(--spacing-4);color:var(--color-primary-500)}.changelog-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.changelog-card{transition:all var(--transition-base)}.changelog-card h3{font-size:var(--text-sm);margin:0 0 var(--spacing-2) 0;color:var(--color-neutral-100)}.changelog-card.active{border-color:var(--color-primary-500)!important;background:#daa5201a!important}.changelog-meta{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500)}.changelog-main{min-height:400px}.changelog-article{width:100%}.article-meta{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-400)}.article-content{line-height:1.8;color:var(--color-neutral-200);font-size:var(--text-lg);padding:var(--spacing-6) var(--spacing-8)}.article-content h2,.article-content h3{margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-neutral-100)}.article-content p{margin-bottom:var(--spacing-4)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-4) auto;display:block}.article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;color:var(--color-neutral-500)}.no-changelogs,.loading-container{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-500)}@media (max-width: 1024px){.changelog-layout{grid-template-columns:1fr}.changelog-sidebar{position:relative;top:0;max-height:none}.article-content{padding:var(--spacing-4)}}.ranking-table-wrapper{width:100%;overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.ranking-table thead{background:#00000080;border-bottom:1px solid rgba(139,69,19,.4)}.ranking-table__header{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ranking-table__header--rank{width:100px}.ranking-table__header--name{width:auto}.ranking-table__header--vocation{width:180px}.ranking-table__header--level{width:100px;text-align:center}.ranking-table__header--exp{width:140px;text-align:right}.ranking-table__row{background:#0003;border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base);cursor:pointer}.ranking-table__row:last-child{border-bottom:none}.ranking-table__row:hover{background:#00000080;border-color:var(--color-primary-500);box-shadow:inset 0 0 0 1px var(--color-primary-500)}.ranking-table__row--podium{background:#0000004d}.ranking-table__row--first{background:#0006;border-color:#ffd7004d}.ranking-table__row--first:hover{border-color:#ffd70080;box-shadow:inset 0 0 0 1px #ffd70080}.ranking-table__cell{padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-secondary);font-size:var(--text-sm);color:var(--color-neutral-200);vertical-align:middle}.ranking-table__cell--rank{padding-left:var(--spacing-3)}.ranking-table__cell--level{text-align:center}.ranking-table__cell--exp{text-align:right;padding-right:var(--spacing-3)}.rank-content{display:flex;align-items:center;gap:var(--spacing-2)}.rank-icon{color:var(--color-neutral-500);width:16px;height:16px;flex-shrink:0}.rank-icon--gold{color:gold}.rank-icon--silver{color:silver}.rank-icon--bronze{color:#cd7f32}.ranking-table__row:hover .player-name{text-shadow:0 0 20px rgba(218,165,32,.6);transform:translate(4px)}.exp-value{color:var(--color-neutral-100);font-weight:400}@media (max-width: 768px){.ranking-table{display:block;border-radius:0}.ranking-table thead{display:none}.ranking-table tbody{display:block}.ranking-table__row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"rank name" "vocation vocation" "stats stats";gap:var(--spacing-2);padding:var(--spacing-3);margin-bottom:var(--spacing-2);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);background:#0006}.ranking-table__row:last-child{margin-bottom:0}.ranking-table__cell{padding:0;display:flex;align-items:center}.ranking-table__cell--rank{grid-area:rank;justify-content:flex-start}.ranking-table__cell--name{grid-area:name;justify-content:flex-end;text-align:right}.ranking-table__cell--vocation{grid-area:vocation;justify-content:flex-start}.ranking-table__cell--level,.ranking-table__cell--exp{grid-area:stats;justify-content:space-between;padding-top:var(--spacing-2);border-top:1px solid rgba(139,69,19,.2)}.ranking-table__cell--level:before{content:"Level:";color:var(--color-neutral-500);font-size:var(--text-xs);text-transform:uppercase;margin-right:var(--spacing-2)}.ranking-table__cell--exp:before{content:"Experience:";color:var(--color-neutral-500);font-size:var(--text-xs);text-transform:uppercase;margin-right:var(--spacing-2)}}.rankings-page-new{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-12)}.rankings-hero{position:relative;padding:var(--spacing-10) 0 var(--spacing-8);margin-bottom:var(--spacing-8);border-bottom:1px solid rgba(139,69,19,.3)}.rankings-hero__content{padding:0 var(--spacing-6)}.rankings-hero__title-wrapper{margin-bottom:var(--spacing-3)}.rankings-hero__icon{color:var(--color-primary-500)}.rankings-hero__subtitle{max-width:600px;margin:0 auto;opacity:.8}.rankings-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.rankings-filters{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.rankings-filters__header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(139,69,19,.2)}.rankings-filters__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-label{display:block;margin-bottom:var(--spacing-1)}.filter-select{padding:var(--spacing-2) var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);color:var(--color-neutral-200);font-family:var(--font-secondary);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer}.filter-select:hover{border-color:var(--color-primary-500);background:#000000b3}.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa52033}.filter-select option{background:var(--charcoal-black);color:var(--color-neutral-200)}.rankings-list{min-height:600px}.rankings-loading,.rankings-error,.rankings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;padding:var(--spacing-12)}.rankings-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-top:var(--spacing-8);padding:var(--spacing-4);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md)}@media (max-width: 768px){.rankings-hero{min-height:300px}.rankings-hero__content{padding:var(--spacing-8) var(--spacing-4)}.rankings-hero__title-wrapper{flex-direction:column;gap:var(--spacing-3)!important}.rankings-hero__icon{width:36px;height:36px}.rankings-filters{padding:var(--spacing-4)}.rankings-filters__controls{grid-template-columns:1fr;gap:var(--spacing-4)}.rankings-pagination{flex-direction:column;gap:var(--spacing-4)}.rankings-pagination .drak-button{width:100%}}@media (max-width: 480px){.rankings-content{padding:0 var(--spacing-3)}}.item-tooltip{font-family:Inter,sans-serif;font-size:var(--text-sm);z-index:10000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-inner{background:#000000f2;border:1px solid rgba(139,69,19,.5);border-radius:var(--radius-sm);padding:var(--spacing-3) var(--spacing-4);min-width:220px;max-width:400px;width:max-content;box-shadow:0 4px 16px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-primary-500);letter-spacing:.3px}.tooltip-quantity{color:var(--color-neutral-300);font-size:var(--text-xs);margin-bottom:var(--spacing-2);padding:2px var(--spacing-2);background:#daa5201a;border-radius:var(--radius-sm);display:inline-block}.tooltip-quantity .tooltip-value{color:var(--color-primary-500);font-weight:600;margin-left:var(--spacing-1)}.tooltip-separator{height:1px;background:#8b45134d;margin:var(--spacing-2) 0}.tooltip-attributes{display:flex;flex-direction:column;gap:4px;width:100%}.tooltip-attribute{color:var(--color-neutral-400);font-size:var(--text-xs);line-height:1.5;padding:3px 0 3px var(--spacing-2);border-left:1px solid rgba(139,69,19,.3);transition:all var(--transition-base);display:flex;align-items:center;width:100%;word-break:keep-all;overflow-wrap:normal}.tooltip-attribute:hover{color:var(--color-neutral-200);border-left-color:var(--color-primary-500);padding-left:var(--spacing-3)}.tooltip-attribute:first-letter{font-weight:600}.tooltip-attribute:has-text("+"){color:#22c55e}.tooltip-attribute:has-text("-"){color:#ef4444}.marketplace-container{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4);padding-top:110px}.marketplace-title{font-family:Cinzel,serif;font-size:var(--text-3xl);text-align:center;color:var(--color-primary-500);margin-bottom:var(--spacing-6)}.marketplace-info{display:flex;justify-content:center;gap:var(--spacing-6);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm)}.marketplace-info p{margin:0;color:var(--color-neutral-400);font-size:var(--text-sm)}.marketplace-info strong{color:var(--color-primary-500)}.marketplace-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid rgba(139,69,19,.3)}.tab-btn{background:transparent;border:none;padding:var(--spacing-3) var(--spacing-5);color:var(--color-neutral-400);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);position:relative;font-family:Inter,sans-serif;font-weight:500}.tab-btn:hover,.tab-btn.active{color:var(--color-primary-500)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary-500)}.alert{padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.browse-section{min-height:400px}.listings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.listing-card{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);transition:all var(--transition-base)}.listing-card:hover{border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.character-outfit{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);position:relative}.outfit-image{width:64px;height:64px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.outfit-level{margin-top:var(--spacing-2);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;text-align:center}.outfit-placeholder{width:64px;height:64px;background:#daa5200d;border:1px dashed rgba(139,69,19,.3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-primary-500);font-size:var(--text-xs);text-align:center;opacity:.5}.listing-details h3{color:var(--color-primary-500);margin:0 0 var(--spacing-2) 0;font-size:var(--text-lg);font-family:Cinzel,serif;font-weight:600}.listing-details .vocation{color:var(--color-neutral-500);font-size:var(--text-sm);margin:var(--spacing-1) 0}.listing-details p{margin:var(--spacing-2) 0;color:var(--color-neutral-400);font-size:var(--text-sm)}.skills{display:flex;gap:var(--spacing-3);margin:var(--spacing-2) 0;font-size:var(--text-sm);color:var(--color-neutral-500)}.price{font-size:var(--text-xl);color:var(--color-primary-500);font-weight:600;margin:var(--spacing-4) 0}.buy-btn{width:100%;padding:var(--spacing-2);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-weight:500;font-size:var(--text-sm);font-family:Inter,sans-serif}.buy-btn:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 2px 8px #daa52033}.login-required{text-align:center;color:var(--color-neutral-500);font-style:italic;font-size:var(--text-sm)}.sell-section{max-width:600px;margin:0 auto}.sell-form{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-group label{display:block;color:var(--color-neutral-300);margin-bottom:var(--spacing-2);font-weight:500;font-size:var(--text-sm)}.form-group input,.form-group select{width:100%;padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);border-radius:var(--radius-sm);font-size:var(--text-base);transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.commission-info{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#daa5200d;border-left:2px solid var(--color-primary-500);color:var(--color-neutral-400);font-size:var(--text-sm)}.form-info{background:#daa5200d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin:var(--spacing-4) 0}.form-info p{margin:var(--spacing-2) 0;color:var(--color-primary-500);font-size:var(--text-sm)}.submit-btn{width:100%;padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-base);font-weight:600;font-family:Inter,sans-serif}.submit-btn:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.listings-table{overflow-x:auto}.listings-table table{width:100%;border-collapse:collapse;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.listings-table th{background:#daa5201a;color:var(--color-primary-500);padding:var(--spacing-3);text-align:left;border-bottom:1px solid rgba(139,69,19,.3);font-family:Inter,sans-serif;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.listings-table td{padding:var(--spacing-3);color:var(--color-neutral-300);border-bottom:1px solid rgba(139,69,19,.2);font-size:var(--text-sm)}.listings-table tr:hover{background:#daa5200d}.cancel-btn{padding:var(--spacing-2) var(--spacing-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-family:Inter,sans-serif}.cancel-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.sold{color:#22c55e}.bought{color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.listing-actions{display:flex;gap:var(--spacing-2);flex-direction:column;margin-top:var(--spacing-3)}.details-btn{padding:var(--spacing-2) var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-base);font-family:Inter,sans-serif}.details-btn:hover{background:#00000080;color:var(--color-primary-500);border-color:var(--color-primary-500)}.details-modal{background:#000000f2;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-8);width:90%;max-width:700px;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;font-size:var(--text-3xl);cursor:pointer;color:var(--color-neutral-500);line-height:1;padding:var(--spacing-1) var(--spacing-2);transition:color var(--transition-base)}.modal-close:hover{color:var(--color-primary-500)}.character-details-content{margin-top:var(--spacing-6)}.details-header{display:flex;gap:var(--spacing-5);align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.3)}.details-outfit-section{display:flex;align-items:center;justify-content:center;background:#00000080;padding:var(--spacing-4);border-radius:var(--radius-sm);border:1px solid rgba(139,69,19,.3)}.details-outfit-image{width:96px;height:96px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.details-info-section{flex:1}.details-header h3{color:var(--color-primary-500);margin:0 0 var(--spacing-2) 0;font-family:Cinzel,serif;font-size:var(--text-2xl);font-weight:600}.price-tag{font-size:var(--text-2xl);font-weight:600;color:var(--color-primary-500);margin:0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.detail-section{background:#00000080;padding:var(--spacing-4);border-radius:var(--radius-sm);border:1px solid rgba(139,69,19,.3)}.detail-section h4{color:var(--color-primary-500);margin-top:0;margin-bottom:var(--spacing-3);font-size:var(--text-base);font-family:Cinzel,serif;font-weight:600}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li{padding:var(--spacing-1) 0;color:var(--color-neutral-400);display:flex;justify-content:space-between;font-size:var(--text-sm)}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-3)}.item-entry{background:#daa5200d;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid rgba(139,69,19,.3);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-neutral-400)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-3);max-width:100%}.item-tile{position:relative;width:48px;height:48px;background:#000000b3;border:1px solid rgba(139,69,19,.5);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.item-tile:hover{border-color:var(--color-primary-500);box-shadow:0 0 8px #daa52066;transform:scale(1.1);z-index:10}.item-image{max-width:40px;max-height:40px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.item-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;color:#daa52099;background:#8b451333;border-radius:var(--radius-sm)}.item-tile .item-count{position:absolute;bottom:-2px;right:-2px;background:#000000e6;color:var(--color-primary-500);font-size:var(--text-xs);font-weight:600;padding:2px 4px;border-radius:var(--radius-sm);border:1px solid rgba(218,165,32,.5);min-width:16px;text-align:center}.modal-footer{display:flex;justify-content:center;margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid rgba(139,69,19,.3)}.buy-modal{background:#000000f2;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);max-width:500px;width:90%}.buy-modal h2{color:var(--color-primary-500);margin-bottom:var(--spacing-5);text-align:center;font-family:Cinzel,serif;font-size:var(--text-2xl);font-weight:600}.modal-buttons{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5)}.modal-buttons button{flex:1;padding:var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-weight:500;font-family:Inter,sans-serif}.confirm-btn{background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100)}.confirm-btn:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.loading,.no-data{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-500);font-size:var(--text-lg)}@media (max-width: 768px){.marketplace-container{padding:var(--spacing-6) var(--spacing-4)}.marketplace-title{font-size:var(--text-2xl)}.marketplace-tabs{flex-wrap:wrap}.tab-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.listings-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.marketplace-info{flex-direction:column;gap:var(--spacing-2)}.details-grid{grid-template-columns:1fr}.details-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.listings-grid{grid-template-columns:1fr}.details-modal{padding:var(--spacing-4)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.modal-buttons{flex-direction:column}}.guilds-page{padding-top:110px;min-height:calc(100vh - 80px);background:#0003}.guilds-container{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.guilds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.guilds-title-section{display:flex;align-items:center;gap:var(--spacing-3)}.guilds-icon{color:var(--color-primary-500)}.guilds-header h1{font-family:Cinzel,serif;color:var(--color-primary-500);font-size:var(--text-3xl);margin:0;font-weight:600}.guilds-actions{display:flex;gap:var(--spacing-3)}.create-guild-btn,.invites-btn{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:Inter,sans-serif;text-transform:none;letter-spacing:.3px}.create-guild-btn svg,.invites-btn svg{width:16px;height:16px}.create-guild-btn:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.invites-btn{border-color:#34d3994d;color:#34d399}.invites-btn:hover{background:#34d3991a;border-color:#34d39980;transform:translateY(-2px);box-shadow:0 4px 12px #34d39933}.invite-badge{background:#ef4444;color:#fff;padding:2px 6px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;min-width:18px;text-align:center}.my-guilds-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.section-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-family:Cinzel,serif;font-size:var(--text-lg);margin-bottom:var(--spacing-5);font-weight:600}.my-guilds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4)}.my-guild-card{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-base);position:relative}.my-guild-card:hover{border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.guild-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.3)}.guild-card-title h3{color:var(--color-primary-500);margin:0;font-size:var(--text-lg);font-weight:600;font-family:Cinzel,serif}.leadership-badge{display:flex;align-items:center;gap:var(--spacing-1);background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-sm);padding:2px var(--spacing-2);font-size:var(--text-xs);color:var(--color-primary-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leadership-badge svg{width:12px;height:12px}.guild-card-stats{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.guild-card-stats .stat{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-neutral-400);font-size:var(--text-sm)}.guild-card-stats .stat svg{width:16px;height:16px;color:var(--color-primary-500);opacity:.7}.guild-card-characters{margin-bottom:var(--spacing-3)}.character-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);background:#daa5200d;border-radius:var(--radius-sm);margin-bottom:var(--spacing-1);font-size:var(--text-sm)}.char-name{color:var(--color-neutral-200);font-weight:500}.char-rank{color:var(--color-neutral-500);font-size:var(--text-xs)}.manage-guild-btn{width:100%;padding:var(--spacing-2);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);text-transform:none;letter-spacing:.3px;font-family:Inter,sans-serif}.manage-guild-btn:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 2px 8px #daa52033}.guilds-table-container{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.guilds-table{width:100%;border-collapse:collapse}.guilds-table thead{background:#daa5201a;border-bottom:1px solid rgba(139,69,19,.3)}.guilds-table th{padding:var(--spacing-3);text-align:left;color:var(--color-primary-500);font-weight:600;font-family:Inter,sans-serif;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.guilds-table th.text-center{text-align:center}.guilds-table tbody tr{border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base);cursor:pointer}.guilds-table tbody tr:hover{background:#daa5200d}.guilds-table td{padding:var(--spacing-3);color:var(--color-neutral-300);font-size:var(--text-sm)}.guilds-table td.text-center{text-align:center}.guild-name{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500)!important}.guild-icon{width:18px;height:18px;opacity:.7}.guild-name strong{font-size:var(--text-base);font-weight:600}.guild-motd{font-size:var(--text-sm);color:var(--color-neutral-400)!important;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-motd em{color:var(--color-neutral-500);font-style:italic}.stat-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px var(--spacing-2);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);min-width:40px;text-align:center;background:#0000004d;border:1px solid}.stat-badge.members{color:#34d399;border-color:#34d3994d}.stat-badge.level{color:#60a5fa;border-color:#60a5fa4d}.stat-badge.total{color:#fbbf24;border-color:#fbbf244d}.guild-date{color:var(--color-neutral-500)!important;font-size:var(--text-xs)}.no-guilds{text-align:center;padding:var(--spacing-12);background:#0003;border:1px dashed rgba(139,69,19,.3);border-radius:var(--radius-sm)}.no-guilds svg{color:var(--color-primary-500);margin-bottom:var(--spacing-4);opacity:.5}.no-guilds p{color:var(--color-neutral-400);font-size:var(--text-base);margin:0}.loading-state,.error-state{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-400)}.loader{width:40px;height:40px;border:2px solid rgba(139,69,19,.3);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}@media (max-width: 768px){.guilds-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.guilds-actions{width:100%;flex-direction:column}.create-guild-btn,.invites-btn{width:100%;justify-content:center}.guilds-container{padding:var(--spacing-6) var(--spacing-4)}.guilds-header h1{font-size:var(--text-2xl)}.my-guilds-grid{grid-template-columns:1fr}.guilds-table{font-size:var(--text-xs)}.guilds-table th,.guilds-table td{padding:var(--spacing-2)}.guild-motd{max-width:150px}}.guild-view-page{padding-top:130px;min-height:calc(100vh - 80px);background:#0003}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-6);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:500;font-family:Inter,sans-serif}.back-button svg{width:16px;height:16px}.back-button:hover{background:#00000080;border-color:var(--color-primary-500);transform:translate(-2px)}.guild-header{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.guild-title{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.guild-logo-container{position:relative;flex-shrink:0}.guild-logo-wrapper{position:relative;width:64px;height:64px}.guild-logo{width:64px;height:64px;border-radius:var(--radius-sm);border:1px solid rgba(139,69,19,.3);object-fit:cover}.guild-logo-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(139,69,19,.3);border-radius:var(--radius-sm);background:#daa5200d}.guild-logo-placeholder svg{width:32px;height:32px;color:var(--color-primary-500);opacity:.5}.logo-actions{position:absolute;bottom:-4px;right:-4px;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-base)}.guild-logo-wrapper:hover .logo-actions{opacity:1}.logo-action-btn{width:24px;height:24px;padding:4px;background:#000000e6;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-primary-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.logo-action-btn:hover{background:#daa52033;border-color:var(--color-primary-500)}.logo-action-btn svg{width:14px;height:14px}.guild-title-info{flex:1}.guild-name-section{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.guild-name-section h1{font-family:Cinzel,serif;color:var(--color-primary-500);font-size:var(--text-3xl);margin:0;font-weight:600}.guild-inactive-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:var(--radius-sm);color:#dc2626;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--spacing-2);animation:pulse-red 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 #dc262600}50%{opacity:.9;box-shadow:0 0 0 4px #dc26261a}}.guild-leadership-badge{display:flex;align-items:center;gap:var(--spacing-1);background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-sm);padding:4px var(--spacing-2);font-size:var(--text-xs);color:var(--color-primary-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.guild-leadership-badge svg{width:14px;height:14px}.guild-stats{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-3)}.guild-stat{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-neutral-400);font-size:var(--text-sm)}.guild-stat svg{width:18px;height:18px;color:var(--color-primary-500);opacity:.7}.guild-stat strong{color:var(--color-neutral-200);font-weight:600}.guild-motd-section{background:#daa5200d;border-left:2px solid rgba(218,165,32,.3);padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-4);position:relative}.guild-motd{color:var(--color-neutral-400);font-size:var(--text-sm);font-style:italic;margin:0;white-space:pre-wrap}.guild-motd em{color:var(--color-neutral-500)}.motd-char-count{position:absolute;top:var(--spacing-2);right:var(--spacing-3);font-size:var(--text-xs);color:var(--color-neutral-500)}.edit-motd-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-3);background:none;border:none;color:var(--color-primary-500);cursor:pointer;padding:var(--spacing-1);opacity:.7;transition:opacity var(--transition-base)}.edit-motd-btn:hover{opacity:1}.edit-motd-btn svg{width:16px;height:16px}.guild-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid rgba(139,69,19,.3)}.btn-action{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);text-transform:none;letter-spacing:.3px;font-family:Inter,sans-serif}.btn-action:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-1px);box-shadow:0 2px 8px #daa52033}.btn-action svg{width:16px;height:16px}.btn-leave{color:#ef4444;border-color:#ef44444d}.btn-leave:hover{background:#ef44441a;border-color:#ef444480;box-shadow:0 2px 8px #ef444433}.btn-disband{color:#ef4444;border-color:#ef44444d}.btn-disband:hover{background:#ef44441a;border-color:#ef444480;box-shadow:0 2px 8px #ef444433}.disband-modal h2{display:flex;align-items:center;gap:var(--spacing-2);color:#ef4444;margin-bottom:var(--spacing-4)}.disband-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.warning-text{color:#fbbf24;margin-bottom:var(--spacing-2);font-size:var(--text-base)}.disband-consequences{list-style:none;padding:0;margin:var(--spacing-2) 0 0 0}.disband-consequences li{position:relative;padding-left:var(--spacing-5);margin-bottom:var(--spacing-1);color:var(--color-neutral-200);font-size:var(--text-sm)}.disband-consequences li:before{content:"•";position:absolute;left:var(--spacing-2);color:#ef4444}.disband-modal .form-group{margin-bottom:var(--spacing-4)}.disband-modal .form-group label{display:block;margin-bottom:var(--spacing-2);color:var(--color-neutral-200);font-size:var(--text-sm);font-weight:500}.guild-members{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}.section-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-family:Cinzel,serif;font-size:var(--text-lg);font-weight:600;margin:0}.section-title svg{width:20px;height:20px}.members-table-container{overflow-x:auto;margin-top:var(--spacing-4)}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:#daa5201a;border-bottom:1px solid rgba(139,69,19,.3)}.members-table th{padding:var(--spacing-3);text-align:left;color:var(--color-primary-500);font-weight:600;font-family:Inter,sans-serif;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.members-table tbody tr{border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base)}.members-table tbody tr:hover{background:#daa5200d}.members-table td{padding:var(--spacing-3);color:var(--color-neutral-300);font-size:var(--text-sm)}.rank-cell .rank-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-weight:600;font-size:var(--text-sm)}.rank-badge svg{width:18px;height:18px}.name-cell .member-name{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-neutral-100);font-weight:600;cursor:pointer;transition:color var(--transition-base)}.member-name:hover{color:var(--color-primary-500)}.vocation-display{display:flex;align-items:center;gap:var(--spacing-2)}.level-cell{color:var(--color-neutral-100)!important}.level-badge{background:#fbbf2426;color:var(--color-neutral-100)!important;padding:4px var(--spacing-2);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);display:inline-block;border:1px solid rgba(251,191,36,.3)}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.online{color:#22c55e}.status-indicator.offline{color:var(--color-neutral-500)}.actions-cell .actions-group{display:flex;gap:var(--spacing-1)}.rank-group{margin-bottom:var(--spacing-5)}.rank-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);background:#daa5200d;border-left:2px solid rgba(218,165,32,.3);margin-bottom:var(--spacing-3)}.rank-title{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rank-title svg{width:18px;height:18px}.rank-count{background:#daa5201a;color:var(--color-primary-500);padding:2px var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.members-list{display:grid;gap:var(--spacing-2)}.member-card{background:#0006;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);padding:var(--spacing-3);transition:all var(--transition-base)}.member-card:hover{background:#daa5200d;border-color:#daa5204d}.member-info{display:flex;justify-content:space-between;align-items:center}.member-details{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.member-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.member-status.online{background:#22c55e;box-shadow:0 0 8px #22c55e99}.member-status.offline{background:var(--color-neutral-600)}.member-name-section{flex:1}.member-name{color:var(--color-neutral-100);font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2)}.member-nick{color:var(--color-neutral-500);font-size:var(--text-xs);font-style:italic}.member-level{color:#60a5fa;font-size:var(--text-sm);font-weight:600}.member-vocation{color:var(--color-neutral-500);font-size:var(--text-xs);margin-left:auto}.vocation-container{position:relative;display:inline-block}.vocation-image{width:24px;height:24px;object-fit:contain;vertical-align:middle}.vocation-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;color:var(--color-neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-base);pointer-events:none;margin-bottom:var(--spacing-1);border:1px solid rgba(139,69,19,.3)}.vocation-container:hover .vocation-tooltip{opacity:1;visibility:visible}.member-actions{display:flex;gap:var(--spacing-1)}.btn-icon{width:28px;height:28px;padding:var(--spacing-1);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-primary-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-icon:hover{background:#daa5201a;border-color:var(--color-primary-500)}.btn-icon svg{width:16px;height:16px}.btn-icon.btn-danger{color:#ef4444;border-color:#ef44444d}.btn-icon.btn-danger:hover{background:#ef44441a;border-color:#ef444480}.rank-selector{display:flex;gap:var(--spacing-2);align-items:center}.rank-select{background:#00000080;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.rank-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.btn-change-rank{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs)}.invite-form-container{margin-top:var(--spacing-4)}.invite-form{display:flex;gap:var(--spacing-2)}.invite-form .form-group{display:flex;gap:var(--spacing-2);flex:1}.invite-form .form-input,.invite-form input{flex:1;background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-base)}.invite-form .form-input:focus,.invite-form input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.invite-form button{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.notification{position:fixed;top:120px;right:var(--spacing-6);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 16px #00000080}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:#22c55ee6;border:1px solid rgba(34,197,94,1);color:#fff}.notification-error{background:#ef4444e6;border:1px solid rgba(239,68,68,1);color:#fff}.confirm-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal,.logo-upload-modal{background:#000000f2;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);max-width:500px;width:90%}.modal-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.modal-header h3{color:var(--color-primary-500);font-size:var(--text-xl);margin:0;font-weight:600;font-family:Cinzel,serif}.modal-header svg{width:24px;height:24px;color:var(--color-primary-500)}.modal-message{color:var(--color-neutral-300);font-size:var(--text-base);margin-bottom:var(--spacing-6);line-height:1.6}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.modal-actions button{padding:var(--spacing-2) var(--spacing-5);font-size:var(--text-sm);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid;font-family:Inter,sans-serif}.btn-confirm{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.btn-confirm:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.btn-cancel{background:#0000004d;color:var(--color-neutral-400);border-color:#8b45134d}.btn-cancel:hover{background:#00000080;border-color:#8b451380}.password-modal input{width:100%;background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);padding:var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:var(--spacing-4);transition:all var(--transition-base)}.password-modal input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.password-error{color:#ef4444;font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.logo-upload-area{border:2px dashed rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-8);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-4)}.logo-upload-area:hover{background:#daa5200d;border-color:var(--color-primary-500)}.logo-upload-area svg{width:64px;height:64px;color:var(--color-primary-500);opacity:.5;margin-bottom:var(--spacing-4)}.logo-upload-area p{color:var(--color-neutral-400);font-size:var(--text-base);margin:var(--spacing-2) 0}.logo-upload-area .file-info{color:var(--color-neutral-500);font-size:var(--text-xs)}.logo-preview{width:200px;height:200px;border-radius:var(--radius-sm);border:2px solid rgba(139,69,19,.3);margin:0 auto var(--spacing-4);object-fit:cover}.rank-edit-container{background:#0003;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-top:var(--spacing-4)}.rank-edit-form h4{color:var(--color-primary-500);font-size:var(--text-base);margin-bottom:var(--spacing-4);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rank-sections{display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.main-ranks-section h5,.additional-ranks-section h5{color:var(--color-neutral-400);font-size:var(--text-xs);margin-bottom:var(--spacing-2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rank-inputs{display:flex;flex-direction:column;gap:var(--spacing-2)}.rank-input-group{display:flex;align-items:center;gap:var(--spacing-2)}.rank-input-group label{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-neutral-500);font-size:var(--text-xs);min-width:100px}.rank-input-group label .rank-icon{width:16px;height:16px;color:var(--color-primary-500)}.rank-input-group .form-input{flex:1;background:#0000004d;border:1px solid rgba(139,69,19,.3);color:var(--color-neutral-100);padding:var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-base)}.rank-input-group .form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.member-count-badge{background:#daa5201a;color:var(--color-neutral-400);padding:2px var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.rank-input-group.add-new{background:transparent;padding:var(--spacing-2) 0;border-radius:var(--radius-sm);margin-top:var(--spacing-1);border-top:1px solid rgba(139,69,19,.2)}.rank-limit-message{color:var(--color-neutral-500);font-size:var(--text-xs);text-align:center;padding:var(--spacing-2);font-style:italic}.rank-edit-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid rgba(139,69,19,.2)}.rank-edit-actions .btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:500;text-transform:none;letter-spacing:.3px}.guild-management-section{background:#0003;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}.management-header h3{color:var(--color-primary-500);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0}.management-buttons{display:flex;gap:var(--spacing-2);margin-left:auto}.error-message{color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-2)}.success-message{color:#22c55e;font-size:var(--text-sm);margin-top:var(--spacing-2)}@media (max-width: 768px){.container{padding:var(--spacing-6) var(--spacing-4)}.guild-header{padding:var(--spacing-4)}.guild-name-section h1{font-size:var(--text-2xl)}.guild-stats{flex-wrap:wrap;gap:var(--spacing-3)}.guild-actions{flex-direction:column}.btn-action{width:100%;justify-content:center}.member-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.member-actions{width:100%;justify-content:flex-end}.rank-sections{grid-template-columns:1fr}.management-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.management-buttons{width:100%;margin-left:0}.management-buttons .btn{flex:1}}.create-guild-page{padding-top:100px;min-height:calc(100vh - 280px);background:radial-gradient(ellipse at top,rgba(139,0,0,.05) 0%,transparent 70%);padding-bottom:40px}.create-guild-container{max-width:700px;margin:0 auto;padding:2rem}.create-guild-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.create-guild-header .guild-icon{color:var(--ancient-gold);filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.create-guild-header h1{font-family:Cinzel,serif;color:var(--ancient-gold);font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.requirements-box{background:#0009;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.requirements-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--ancient-gold);cursor:pointer;-webkit-user-select:none;user-select:none}.requirements-header h3{margin:0;font-size:1rem}.requirements-header .toggle-icon{margin-left:auto;transition:transform .3s ease}.requirements-header .toggle-icon.collapsed{transform:rotate(-90deg)}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list{transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.requirements-list.collapsed{max-height:0;opacity:0}.requirements-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;color:var(--white);font-size:.9rem}.requirement-met{color:#10b981}.requirement-not-met{color:#ef4444}.requirement-info{color:var(--light-gray)}.requirement-met svg,.requirement-not-met svg,.requirement-info svg{flex-shrink:0}.requirements-status{margin-left:auto;margin-right:.5rem;font-size:.85rem}.status-ready{color:#10b981;font-weight:600}.status-not-ready{color:#f59e0b;font-size:.8rem}.create-guild-form{background:#0009;border:2px solid rgba(212,175,55,.3);border-radius:10px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.form-column{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:0}.form-group label{display:block;color:var(--ancient-gold);font-weight:600;margin-bottom:.4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.form-group .required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem;background:#0006;border:1px solid rgba(212,175,55,.2);border-radius:5px;color:var(--white);font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ancient-gold);background:#0009;box-shadow:0 0 10px #d4af3733}.form-group input::placeholder{color:#fff6}.form-group select option{background:var(--charcoal-black);color:var(--white)}.form-group select option:disabled{color:#ffffff4d;font-style:italic;background:#8b000033}.form-group small{display:block;margin-top:.25rem;color:var(--light-gray);font-size:.85rem;opacity:.8}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:5px;padding:1rem;margin-bottom:1.5rem;color:#ef4444;display:flex;align-items:center;gap:.75rem}.no-eligibility{background:#0009;border:2px solid rgba(212,175,55,.3);border-radius:10px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-eligibility p{color:var(--light-gray);font-size:1.1rem;margin-bottom:1.5rem}.loading-state{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--white)}.loader{width:50px;height:50px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--ancient-gold);border-radius:50%;animation:spin 1s linear infinite}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top-color:var(--charcoal-black);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.create-guild-container{padding:1rem}.create-guild-header h1{font-size:1.8rem}.form-grid{grid-template-columns:1fr;gap:1rem}.create-guild-form{padding:1rem}.form-actions{flex-direction:column}.create-guild-container .btn{width:100%;justify-content:center}}.guild-invites-page{padding-top:100px;min-height:calc(100vh - 80px);background:radial-gradient(ellipse at top,rgba(139,0,0,.05) 0%,transparent 70%)}.invites-container{max-width:1200px;margin:0 auto;padding:2rem}.back-button{display:inline-flex;align-items:center;gap:8px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);color:var(--ancient-gold);padding:10px 20px;border-radius:5px;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.back-button:hover{background:#d4af3733;border-color:var(--ancient-gold);transform:translate(-5px)}.invites-header{text-align:center;margin-bottom:3rem}.invites-icon{color:var(--ancient-gold);margin-bottom:1rem}.invites-header h1{font-family:Cinzel,serif;color:var(--ancient-gold);font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.invites-description{color:var(--light-gray);font-size:1.1rem;max-width:600px;margin:0 auto}.no-invites{text-align:center;padding:4rem 2rem;background:#0009;border:2px solid rgba(212,175,55,.3);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-invites svg{color:#d4af3780;margin-bottom:1rem}.no-invites h2{color:var(--ancient-gold);margin-bottom:1rem;font-size:1.8rem}.no-invites p{color:#999;margin-bottom:2rem;font-size:1.1rem}.invites-sections{display:flex;flex-direction:column;gap:2rem}.character-invites-section{background:#0009;border:2px solid rgba(212,175,55,.3);border-radius:10px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.2)}.character-header svg{color:var(--ancient-gold)}.character-header h3{color:var(--ancient-gold);margin:0;font-size:1.5rem;flex:1}.invite-count{background:#d4af3733;color:var(--ancient-gold);padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.invites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.invite-card{background:#000000b3;border:2px solid rgba(212,175,55,.2);border-radius:10px;padding:1.5rem;transition:all .3s ease}.invite-card:hover{border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 10px 30px #d4af3733}.invite-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.guild-icon{color:var(--ancient-gold);flex-shrink:0}.guild-info{flex:1}.guild-info h4{color:var(--ancient-gold);margin:0 0 .5rem;font-size:1.4rem;font-family:Cinzel,serif}.guild-motd{color:#999;font-style:italic;font-size:.9rem;line-height:1.4}.invite-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:#d4af370d;border-radius:5px}.detail-item{display:flex;align-items:center;gap:8px;color:#aaa;font-size:.9rem}.detail-item svg{color:#d4af37b3}.invite-actions{display:flex;gap:10px}.invite-actions .btn{flex:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#999}.loader{border:3px solid rgba(212,175,55,.2);border-top:3px solid var(--ancient-gold);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media (max-width: 768px){.invites-container{padding:1rem}.invites-header h1{font-size:2rem}.invites-grid{grid-template-columns:1fr}.invite-actions{flex-direction:column}.invite-actions .btn{width:100%}}.under-construction-page{min-height:100vh;padding-top:100px;display:flex;align-items:center;justify-content:center}.under-construction-container{max-width:600px;text-align:center;padding:var(--spacing-8) var(--spacing-4)}.construction-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6)}.construction-icon{color:var(--color-primary-500);animation:swing 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(218,165,32,.3))}.feature-icon{position:absolute;color:var(--color-neutral-400);opacity:.3;animation:float 3s ease-in-out infinite}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-10px) scale(1.1);opacity:.5}}.under-construction-container h1{font-size:var(--text-4xl);font-weight:700;color:var(--color-neutral-100);margin:0 0 var(--spacing-4) 0}.construction-description{font-size:var(--text-lg);color:var(--color-neutral-300);margin-bottom:var(--spacing-8);line-height:1.6}.construction-features{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:#0003;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-base);color:var(--color-neutral-300);text-align:left}.feature-bullet{color:var(--color-primary-500);font-size:var(--text-2xl);line-height:1}.construction-actions{margin-bottom:var(--spacing-6)}.construction-note{font-size:var(--text-sm);color:var(--color-neutral-500);font-style:italic;margin:0}@media (max-width: 768px){.under-construction-page{padding-top:80px}.under-construction-container{padding:var(--spacing-6) var(--spacing-3)}.construction-icon{width:48px;height:48px}.feature-icon{width:36px;height:36px}.under-construction-container h1{font-size:var(--text-2xl)}.construction-description{font-size:var(--text-base)}.construction-features{padding:var(--spacing-4)}.feature-item{font-size:var(--text-sm)}}@media (max-width: 480px){.under-construction-container h1{font-size:var(--text-xl)}.construction-description{font-size:var(--text-sm)}}.background-selector-trigger{position:absolute;top:8px;right:8px;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(139,69,19,.4);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--color-primary-500);padding:0}.background-selector-trigger:hover{background:#000c;border-color:var(--color-primary-500);transform:rotate(45deg);box-shadow:0 2px 12px #daa5204d}.background-selector-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.background-selector-modal{background:linear-gradient(135deg,#141414fa,#0a0a0afa);border:1px solid rgba(139,69,19,.5);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.3)}.modal-header svg{color:var(--color-primary-500)}.modal-close{background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#8b451333;color:var(--color-neutral-200)}.modal-content{padding:var(--spacing-4);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-4)}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:200px}.loader{width:40px;height:40px;border:3px solid rgba(218,165,32,.2);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.cooldown-warning{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-sm)}.cooldown-warning svg{color:#ffc107;flex-shrink:0}.backgrounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-2)}.background-option{position:relative;height:100px;border-radius:var(--radius-sm);border:2px solid rgba(139,69,19,.3);cursor:pointer;transition:all var(--transition-base);background-size:cover;background-position:center;overflow:hidden}.background-option:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0006);transition:all var(--transition-base)}.background-option:hover:not(.disabled){border-color:var(--color-primary-500);transform:scale(1.05);box-shadow:0 4px 16px #daa52066;z-index:10}.background-option:hover:not(.disabled):before{background:linear-gradient(to bottom,#0000001a,#0000004d)}.background-option.selected{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #daa52080;transform:scale(1.02)}.background-option.disabled{opacity:.4;cursor:not-allowed}.selected-indicator{position:absolute;top:4px;right:4px;width:24px;height:24px;background:var(--color-primary-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--charcoal-black);box-shadow:0 2px 6px #0006;z-index:2}.selected-indicator svg{width:14px;height:14px}.current-badge{position:absolute;bottom:4px;left:4px;padding:2px 6px;background:#4caf50f2;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:3px;z-index:2;letter-spacing:.5px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid rgba(139,69,19,.3)}@media (max-width: 768px){.background-selector-modal{max-width:100%;max-height:100vh;border-radius:0}.backgrounds-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-2)}.background-option{height:80px}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.character-profile-page{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-12)}.character-hero{position:relative;padding:var(--spacing-6) 0 var(--spacing-4);margin-bottom:var(--spacing-6);border-bottom:1px solid rgba(139,69,19,.3)}.character-hero__content{padding:0 var(--spacing-6)}.character-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-6);max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);align-items:start}.character-sidebar{position:sticky;top:100px}.profile-card{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);overflow:visible;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-3);position:relative;background-repeat:no-repeat;background-attachment:scroll}.profile-card__outfit{width:100%;display:flex;justify-content:center;padding:var(--spacing-4) 0;margin-bottom:var(--spacing-2);padding-right:55px}.profile-outfit-image{width:128px;height:128px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.profile-card__name{width:100%;text-align:center;padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(139,69,19,.2)}.profile-card__vocation{width:100%;display:flex;justify-content:center}.profile-card__level{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) 0;background:#0000004d;border-radius:var(--radius-sm)}.profile-card__status{width:100%;display:flex;justify-content:center}.character-main{display:flex;flex-direction:column;gap:var(--spacing-6);min-height:400px}.info-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.info-header{padding:var(--spacing-3) var(--spacing-4);background:#00000080;border-bottom:1px solid rgba(139,69,19,.4)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-item--full{grid-column:1 / -1}.guild-link{color:var(--color-primary-500);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.guild-link:hover{text-shadow:0 0 20px rgba(218,165,32,.6)}.deaths-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.deaths-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:#00000080;border-bottom:1px solid rgba(139,69,19,.4)}.deaths-header svg{color:var(--color-primary-500)}.deaths-list{display:flex;flex-direction:column}.death-item{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base)}.death-item:last-child{border-bottom:none}.death-item:hover{background:#0000004d}.death-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.death-date{display:flex;flex-direction:column;gap:2px}.death-description{line-height:1.6}.killer-player{color:#ef4444;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.killer-player:hover{text-shadow:0 0 20px rgba(239,68,68,.6)}.killer-monster{color:var(--color-neutral-200);font-weight:600}.unjustified-badge{margin-left:var(--spacing-2)}.character-search-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.search-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:#00000080;border-bottom:1px solid rgba(139,69,19,.4)}.search-header svg{color:var(--color-primary-500)}.search-form{display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.search-input{flex:1;padding:var(--spacing-2) var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);color:var(--color-neutral-200);font-family:var(--font-secondary);font-size:var(--text-sm);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa52033;background:#000000b3}.search-input::placeholder{color:var(--color-neutral-600)}.character-loading,.character-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;padding:var(--spacing-12)}.character-content-center{max-width:600px;margin:0 auto;padding:0 var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-8)}.error-icon{color:var(--color-neutral-600);opacity:.5}@media (max-width: 992px){.character-layout{grid-template-columns:1fr;gap:var(--spacing-4)}.character-sidebar{position:relative;top:0}.profile-card{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:var(--spacing-4)}.profile-card__outfit{width:auto;margin-bottom:0;margin-right:var(--spacing-4)}.profile-outfit-image{width:96px;height:96px}.profile-card__name{width:100%;order:-1;padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3)}.profile-card__vocation,.profile-card__level,.profile-card__status{width:auto;flex:0 0 auto}.profile-card__level{padding:var(--spacing-2) var(--spacing-4)}}@media (max-width: 768px){.character-hero{min-height:auto}.character-hero__content{padding:var(--spacing-4)}.info-grid{grid-template-columns:1fr}.death-meta{flex-direction:column;align-items:flex-start}.search-form{flex-direction:column}.search-form .drak-button{width:100%}.profile-card{flex-direction:column}.profile-card__outfit{margin-right:0;margin-bottom:var(--spacing-2)}.profile-card__vocation,.profile-card__level,.profile-card__status{width:100%}}@media (max-width: 480px){.character-layout{padding:0 var(--spacing-3)}.profile-outfit-image{width:80px;height:80px}}.character-search-page{padding-top:110px;min-height:calc(100vh - 80px);background:#0003}.search-container{max-width:700px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}.search-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.search-header h1{font-family:Cinzel,serif;color:var(--color-primary-500);font-size:var(--text-4xl);font-weight:600;margin:0}.search-icon{color:var(--color-primary-500)}.search-description{text-align:center;color:var(--color-neutral-400);margin-bottom:var(--spacing-8);font-size:var(--text-base);line-height:1.6}.character-search-form{margin-bottom:var(--spacing-8)}.search-input-group{display:flex;align-items:center;gap:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base)}.search-input-group:focus-within{border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.input-icon{color:var(--color-primary-500)}.search-input{flex:1;background:transparent;border:none;color:var(--color-neutral-100);font-size:var(--text-lg);padding:var(--spacing-2);outline:none}.search-input::placeholder{color:var(--color-neutral-500)}.search-button{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);box-shadow:none;font-family:Inter,sans-serif;text-transform:none;letter-spacing:.3px;font-weight:500;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;margin:0}.search-button:before,.search-button:after{display:none}.search-button:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-tips{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6)}.search-tips h3{color:var(--color-primary-500);margin-bottom:var(--spacing-4);font-family:Cinzel,serif;font-size:var(--text-xl);font-weight:600}.search-tips ul{list-style:none;padding:0}.search-tips li{color:var(--color-neutral-400);margin-bottom:var(--spacing-2);padding-left:var(--spacing-5);position:relative;font-size:var(--text-sm)}.search-tips li:before{content:"•";position:absolute;left:0;color:var(--color-primary-500);font-weight:700;font-size:var(--text-lg)}.search-results{margin-top:var(--spacing-8)}.search-results .TableTopHeader{background:#0006;padding:var(--spacing-3) var(--spacing-4);border:1px solid rgba(139,69,19,.3);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.search-results .TableTopHeader .title{color:var(--color-primary-500);font-family:Cinzel,serif;font-size:var(--text-lg);font-weight:600}.search-results .BoxContentContainer{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.search-results .TableContent{width:100%;border-collapse:collapse}.search-results .TableContent th{padding:var(--spacing-2) var(--spacing-3);color:var(--color-primary-500);font-size:var(--text-xs);text-align:left;font-weight:600;background:#daa5201a;border-bottom:1px solid rgba(139,69,19,.3);text-transform:uppercase;letter-spacing:.5px}.search-results .TableContent td{padding:var(--spacing-3);color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.2);font-size:var(--text-sm)}.search-results .TableContent .row-light{background:#0003}.search-results .TableContent .row-dark{background:#0000004d}.search-results .character-link{color:var(--color-primary-500);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.search-results .character-link:hover{color:var(--color-primary-400);text-decoration:underline}.search-results .status-text{font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.search-results .status-text.online{color:#22c55e}.search-results .status-text.offline{color:var(--color-neutral-500)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);margin-bottom:var(--spacing-6);text-align:center;font-weight:500;font-size:var(--text-sm);animation:fadeIn .3s ease}.loading-state{text-align:center;padding:var(--spacing-8);color:var(--color-primary-500)}.loading-state .loader{width:40px;height:40px;border:2px solid rgba(139,69,19,.3);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}@media (max-width: 768px){.search-container{padding:var(--spacing-6) var(--spacing-4)}.search-header{flex-direction:column;gap:var(--spacing-3)}.search-header h1{font-size:var(--text-3xl)}.search-input-group{flex-direction:column;gap:var(--spacing-3)}.search-button{width:100%}}.online-table-wrapper{width:100%;overflow-x:auto}.online-table{width:100%;border-collapse:collapse;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden}.online-table thead{background:#00000080;border-bottom:1px solid rgba(139,69,19,.4)}.online-table__header{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.online-table__header.sortable{cursor:pointer;transition:background var(--transition-base);-webkit-user-select:none;user-select:none}.online-table__header.sortable:hover{background:#8b451333}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.sort-icon{color:var(--color-primary-500);flex-shrink:0}.online-table__header--name{width:auto}.online-table__header--level{width:120px;text-align:center}.online-table__header--vocation{width:200px}.online-table__row{background:#0003;border-bottom:1px solid rgba(139,69,19,.2);transition:all var(--transition-base);cursor:pointer}.online-table__row:last-child{border-bottom:none}.online-table__row:hover{background:#00000080;border-color:var(--color-primary-500);box-shadow:inset 0 0 0 1px var(--color-primary-500)}.online-table__cell{padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-secondary);font-size:var(--text-sm);color:var(--color-neutral-200);vertical-align:middle}.online-table__cell--name{padding-left:var(--spacing-3)}.online-table__cell--level{text-align:center}.player-name{color:var(--color-primary-500);font-weight:500;transition:all var(--transition-base)}.online-table__row:hover .player-name{text-shadow:0 0 20px rgba(218,165,32,.6);transform:translate(4px)}.level-value{color:var(--color-primary-500);font-weight:700;font-size:var(--text-base)}@media (max-width: 768px){.online-table{display:block;border-radius:0}.online-table thead{display:none}.online-table tbody{display:block}.online-table__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name level" "vocation vocation";gap:var(--spacing-2);padding:var(--spacing-3);margin-bottom:var(--spacing-2);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);background:#0006}.online-table__row:last-child{margin-bottom:0}.online-table__cell{padding:0;display:flex;align-items:center}.online-table__cell--name{grid-area:name;justify-content:flex-start}.online-table__cell--level{grid-area:level;justify-content:flex-end}.online-table__cell--vocation{grid-area:vocation;justify-content:flex-start;padding-top:var(--spacing-2);border-top:1px solid rgba(139,69,19,.2)}}.online-list-page{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-12)}.online-hero{position:relative;padding:var(--spacing-10) 0 var(--spacing-8);margin-bottom:var(--spacing-8);border-bottom:1px solid rgba(139,69,19,.3)}.online-hero__content{padding:0 var(--spacing-6)}.online-hero__title-wrapper{margin-bottom:var(--spacing-3)}.online-hero__icon{color:var(--color-primary-500)}.online-hero__subtitle{max-width:600px;margin:0 auto;opacity:.8}.online-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.online-list{min-height:600px}.online-loading,.online-error,.online-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;padding:var(--spacing-12)}.empty-icon{color:var(--color-neutral-600);opacity:.5}.online-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-top:var(--spacing-8);padding:var(--spacing-4);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md)}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}@media (max-width: 768px){.online-hero{min-height:300px}.online-hero__content{padding:var(--spacing-8) var(--spacing-4)}.online-hero__title-wrapper{flex-direction:column;gap:var(--spacing-3)!important}.online-hero__icon{width:36px;height:36px}.online-pagination{flex-direction:column;gap:var(--spacing-4)}.online-pagination .drak-button{width:100%}}@media (max-width: 480px){.online-content{padding:0 var(--spacing-3)}}.rules-page{min-height:100vh;padding-top:110px;background:#0003}.rules-hero{background:#0000004d;padding:var(--spacing-12) 0;border-bottom:1px solid rgba(139,69,19,.3);position:relative}.rules-hero:before{display:none}.rules-hero-content{text-align:center;position:relative;padding:0 var(--spacing-4)}.rules-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.rules-icon.main-logo{width:300px;height:auto;object-fit:contain}.rules-hero h1{font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-family:Cinzel,serif;letter-spacing:.5px}.rules-subtitle{font-size:var(--text-lg);color:var(--color-neutral-400);font-style:italic}.rules-intro{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4)}.rules-intro p{font-size:var(--text-base);line-height:1.8;color:var(--color-neutral-400);margin-bottom:var(--spacing-6)}.rules-sections{max-width:1000px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.rule-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6);position:relative}.rule-section:before{display:none}.rule-section h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-primary-500);margin-bottom:var(--spacing-5);font-family:Cinzel,serif;font-weight:600;letter-spacing:.5px}.rule-section h2 svg{width:28px;height:28px}.rule-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.rule-item h3{color:var(--color-primary-500);font-size:var(--text-lg);margin-bottom:var(--spacing-2);font-weight:600;font-family:Cinzel,serif}.rule-item .warning-box{margin-top:var(--spacing-3);margin-bottom:0}.rules-footer{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4) var(--spacing-8)}.rules-footer p{color:var(--color-neutral-400);text-align:center;font-size:var(--text-sm);line-height:1.6}@media (max-width: 768px){.rules-page{padding-top:100px}.rules-hero{padding:var(--spacing-8) 0}.rules-hero h1{font-size:var(--text-3xl)}.rules-subtitle{font-size:var(--text-base)}.rules-intro p{font-size:var(--text-sm)}.rule-section{padding:var(--spacing-5) var(--spacing-4)}.rule-section h2{font-size:var(--text-xl)}.rule-item{padding:var(--spacing-3)}.rule-item h3{font-size:var(--text-base)}.warning-box{flex-direction:column;text-align:center}.warning-box svg{margin:0 auto}}@media (max-width: 480px){.rules-hero{padding:var(--spacing-6) 0}.rules-hero h1{font-size:var(--text-2xl)}.rules-icon{width:48px;height:48px}.rule-section h2{font-size:var(--text-lg);gap:var(--spacing-2)}.rule-section h2 svg{width:24px;height:24px}.rule-item h3{font-size:var(--text-base)}.rule-item p{font-size:var(--text-xs)}}.service-agreement-page{min-height:100vh;padding-top:110px;background:#0003}.agreement-hero{background:#0000004d;padding:var(--spacing-12) 0;border-bottom:1px solid rgba(139,69,19,.3);position:relative}.agreement-hero-content{text-align:center;position:relative;padding:0 var(--spacing-4)}.agreement-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.agreement-icon.main-logo{width:300px;height:auto;object-fit:contain}.agreement-hero h1{font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-family:Cinzel,serif;letter-spacing:.5px}.agreement-subtitle{font-size:var(--text-lg);color:var(--color-neutral-400);font-style:italic}.agreement-intro{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4)}.agreement-intro p{font-size:var(--text-base);line-height:1.8;color:var(--color-neutral-400);margin-bottom:var(--spacing-6)}.agreement-sections{max-width:1000px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.agreement-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6);position:relative}.agreement-section h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-primary-500);margin-bottom:var(--spacing-5);font-family:Cinzel,serif;font-weight:600;letter-spacing:.5px}.agreement-section h2 svg{width:28px;height:28px}.agreement-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.agreement-content p{color:var(--color-neutral-400);line-height:1.6;margin:0;font-size:var(--text-sm)}.agreement-footer{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4) var(--spacing-8)}.agreement-footer p{color:var(--color-neutral-400);text-align:center;font-size:var(--text-sm);line-height:1.6}@media (max-width: 768px){.service-agreement-page{padding-top:100px}.agreement-hero{padding:var(--spacing-8) 0}.agreement-hero h1{font-size:var(--text-3xl)}.agreement-subtitle{font-size:var(--text-base)}.agreement-intro p{font-size:var(--text-sm)}.agreement-section{padding:var(--spacing-5) var(--spacing-4)}.agreement-section h2{font-size:var(--text-xl)}.warning-box{flex-direction:column;text-align:center}.warning-box svg{margin:0 auto}.agreement-icon.main-logo{width:250px}}@media (max-width: 480px){.agreement-hero{padding:var(--spacing-6) 0}.agreement-hero h1{font-size:var(--text-2xl)}.agreement-icon.main-logo{width:200px}.agreement-section h2{font-size:var(--text-lg);gap:var(--spacing-2)}.agreement-section h2 svg{width:24px;height:24px}.agreement-content p{font-size:var(--text-xs)}}.privacy-policy-page{min-height:100vh;padding-top:110px;background:#0003}.privacy-hero{background:#0000004d;padding:var(--spacing-12) 0;border-bottom:1px solid rgba(139,69,19,.3);position:relative}.privacy-hero-content{text-align:center;position:relative;padding:0 var(--spacing-4)}.privacy-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.privacy-icon.main-logo{width:300px;height:auto;object-fit:contain}.privacy-hero h1{font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-family:Cinzel,serif;letter-spacing:.5px}.privacy-subtitle{font-size:var(--text-lg);color:var(--color-neutral-400);font-style:italic}.privacy-intro{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4)}.privacy-intro p{font-size:var(--text-base);line-height:1.8;color:var(--color-neutral-400);margin-bottom:var(--spacing-6)}.warning-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin:var(--spacing-6) 0;display:flex;gap:var(--spacing-3);align-items:flex-start}.privacy-sections{max-width:1000px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.privacy-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6);position:relative}.privacy-section h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-primary-500);margin-bottom:var(--spacing-5);font-family:Cinzel,serif;font-weight:600;letter-spacing:.5px}.privacy-section h2 svg{width:28px;height:28px}.privacy-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.privacy-content p{color:var(--color-neutral-400);line-height:1.6;margin:0;font-size:var(--text-sm)}.privacy-footer{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4) var(--spacing-8)}.privacy-footer p{color:var(--color-neutral-400);text-align:center;font-size:var(--text-sm);line-height:1.6}@media (max-width: 768px){.privacy-policy-page{padding-top:100px}.privacy-hero{padding:var(--spacing-8) 0}.privacy-hero h1{font-size:var(--text-3xl)}.privacy-subtitle{font-size:var(--text-base)}.privacy-intro p{font-size:var(--text-sm)}.privacy-section{padding:var(--spacing-5) var(--spacing-4)}.privacy-section h2{font-size:var(--text-xl)}.warning-box{flex-direction:column;text-align:center}.warning-box svg{margin:0 auto}.privacy-icon.main-logo{width:250px}}@media (max-width: 480px){.privacy-hero{padding:var(--spacing-6) 0}.privacy-hero h1{font-size:var(--text-2xl)}.privacy-icon.main-logo{width:200px}.privacy-section h2{font-size:var(--text-lg);gap:var(--spacing-2)}.privacy-section h2 svg{width:24px;height:24px}.privacy-content p{font-size:var(--text-xs)}}.pix-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pix-modal-content{background:linear-gradient(135deg,#140a05fa,#000000fa);border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000c}.pix-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:#00000080;border:1px solid rgba(139,69,19,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-400);transition:all var(--transition-base);z-index:10}.pix-modal-close:hover{background:#daa52033;border-color:var(--color-primary-500);color:var(--color-primary-500)}.pix-step{padding:var(--spacing-8) var(--spacing-6)}.pix-header{text-align:center;margin-bottom:var(--spacing-6)}.pix-header svg{color:var(--color-primary-500);margin-bottom:var(--spacing-3);filter:drop-shadow(0 0 8px rgba(218,165,32,.4))}.pix-header h2{font-family:Cinzel,serif;font-size:var(--text-2xl);color:var(--color-primary-500);margin:0 0 var(--spacing-2) 0}.pix-subtitle{color:var(--color-neutral-400);font-size:var(--text-sm);margin:0}.account-confirmation{background:#3b82f60d;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.account-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3b82f61a;border-radius:50%;color:#3b82f6;flex-shrink:0}.account-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.account-label{font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.account-name{font-size:var(--text-lg);color:var(--color-primary-500);font-family:Cinzel,serif;font-weight:700}.pix-summary{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;color:var(--color-neutral-300);font-size:var(--text-base)}.summary-row:not(:last-child){border-bottom:1px solid rgba(139,69,19,.2)}.summary-row.total{font-size:var(--text-xl);font-weight:700;padding-top:var(--spacing-3)}.summary-row .highlight{color:var(--color-primary-500);font-family:Cinzel,serif;font-weight:600}.cpf-input-group{margin-bottom:var(--spacing-6)}.cpf-input-group label{display:block;color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-2)}.cpf-input-group input{width:100%;padding:var(--spacing-4);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-lg);font-family:Inter,monospace;text-align:center;letter-spacing:1px;transition:all var(--transition-base)}.cpf-input-group input:focus{outline:none;border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.cpf-input-group input.error{border-color:#ef4444}.error-message{display:block;color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-2)}.pix-button{width:100%;padding:var(--spacing-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-base);border:none}.pix-button.primary{background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1410;box-shadow:0 4px 12px #daa5204d}.pix-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #daa52080;background:linear-gradient(135deg,#f4c430,#daa520)}.pix-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-step{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-4)}.loader-large{width:64px;height:64px;border:6px solid rgba(218,165,32,.2);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-step h3{font-family:Cinzel,serif;color:var(--color-primary-500);margin:0;font-size:var(--text-xl)}.loading-step p{color:var(--color-neutral-400);margin:0}.qrcode-step{padding-top:var(--spacing-6)}.timer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;margin-top:var(--spacing-2)}.qr-code-container{background:#fff;padding:var(--spacing-4);border-radius:var(--radius-sm);margin:var(--spacing-6) auto;display:flex;align-items:center;justify-content:center;max-width:280px}.qr-code-image{width:100%;height:auto;display:block}.pix-instructions{background:#3b82f60d;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.pix-instructions p{color:var(--color-neutral-300);font-size:var(--text-sm);margin:var(--spacing-2) 0;line-height:1.6}.copy-paste-section{margin-bottom:var(--spacing-6)}.copy-paste-section label{display:block;color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-2)}.copy-input-group{display:flex;gap:var(--spacing-2)}.copy-input{flex:1;padding:var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-300);font-size:var(--text-xs);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:#daa5201a;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.copy-button:hover{background:var(--color-primary-500);color:#1a1410}.checking-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#3b82f60d;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);color:var(--color-neutral-300);font-size:var(--text-sm)}.status-indicator{width:12px;height:12px;background:#3b82f6;border-radius:50%;animation:pulse-indicator 2s ease-in-out infinite}.status-indicator.checking{animation:pulse-indicator 1s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.success-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px;justify-content:center;gap:var(--spacing-4)}.success-icon{color:#22c55e;animation:scaleIn .5s ease-out}.success-step p{color:var(--color-neutral-300);margin:0 0 var(--spacing-6) 0;line-height:1.6}@media (max-width: 768px){.pix-modal-content{max-width:100%;margin:var(--spacing-4)}.pix-step{padding:var(--spacing-6) var(--spacing-4)}.pix-header h2{font-size:var(--text-xl)}.qr-code-container{max-width:240px}.account-confirmation{flex-direction:column;text-align:center}.account-icon{width:40px;height:40px}.account-icon svg{width:20px;height:20px}}@media (max-width: 480px){.pix-step{padding:var(--spacing-5) var(--spacing-3)}.copy-input-group{flex-direction:column}.copy-button{width:100%;justify-content:center}}.binance-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.binance-modal-content{background:linear-gradient(135deg,#140a05fa,#000000fa);border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #000c}.binance-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:#00000080;border:1px solid rgba(139,69,19,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-neutral-400);transition:all var(--transition-base);z-index:10}.binance-modal-close:hover{background:#daa52033;border-color:var(--color-primary-500);color:var(--color-primary-500)}.binance-step{padding:var(--spacing-8) var(--spacing-6)}.binance-step h2{font-family:Cinzel,serif;font-size:var(--text-2xl);color:var(--color-primary-500);margin:0 0 var(--spacing-2) 0;text-align:center}.binance-subtitle{color:var(--color-neutral-400);font-size:var(--text-sm);margin:0 0 var(--spacing-6) 0;text-align:center}.crypto-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.crypto-option{background:#0006;border:2px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.crypto-option:hover{background:#0009;border-color:var(--color-primary-500);transform:translateY(-2px)}.crypto-option.selected{background:#daa5201a;border-color:var(--color-primary-500);box-shadow:0 0 20px #daa52033}.crypto-name{font-family:Cinzel,serif;font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-200)}.crypto-price{font-size:var(--text-sm);color:var(--color-neutral-500)}.binance-price-summary{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.price-row.discount{color:#22c55e}.price-row.total{font-size:var(--text-xl);font-weight:700;padding-top:var(--spacing-3);color:var(--color-primary-500)}.price-row.crypto-amount{background:#daa5200d;border-radius:var(--radius-sm);padding:var(--spacing-3);margin-top:var(--spacing-2);font-weight:600}.price-note{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--spacing-3);text-align:center;font-style:italic}.critical-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.critical-info-card{background:#0006;border:2px solid;border-radius:var(--radius-sm);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.critical-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.crypto-card{border-color:#4caf5080}.network-card{border-color:#2196f380}.amount-card{border-color:#ffc10780}.critical-label{font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-2)}.critical-value{font-size:1.5rem;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.critical-icon{font-size:1.8rem}.critical-sublabel{font-size:var(--text-xs);color:var(--color-neutral-400)}.network-value{color:#3b82f6}.network-icon{font-size:1.5rem}.amount-value-big{font-size:1.8rem;color:#ffc107}.critical-warning{font-size:var(--text-xs);color:#ff9800;margin-top:var(--spacing-2);font-weight:600}.address-section,.tag-section{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.address-header,.tag-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);color:var(--color-primary-500);font-weight:600}.address-icon,.tag-icon{font-size:1.2rem}.address-title,.tag-title{font-family:Cinzel,serif;font-size:var(--text-base)}.address-value-big,.tag-value-big{background:#0009;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);padding:var(--spacing-3);font-family:monospace;font-size:var(--text-sm);color:var(--color-neutral-200);word-break:break-all;margin-bottom:var(--spacing-3);text-align:center}.btn-copy-big{width:100%;padding:var(--spacing-3);background:#daa5201a;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);color:var(--color-primary-500);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-copy-big:hover{background:var(--color-primary-500);color:#1a1410;transform:translateY(-2px)}.qr-and-status{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.qr-code-section{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);text-align:center}.qr-title{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-weight:600}.qr-code-wrapper{background:#fff;padding:var(--spacing-3);border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--spacing-2)}.qr-note{font-size:var(--text-xs);color:var(--color-neutral-500);margin:0}.checking-payment-new{background:#3b82f60d;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2)}.spinner-new{width:40px;height:40px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.checking-title{font-family:Cinzel,serif;color:#3b82f6;font-weight:600;margin:0;font-size:var(--text-base)}.checking-subtitle{font-size:var(--text-xs);color:var(--color-neutral-400);margin:0}.payment-id-tiny{font-size:.65rem;color:var(--color-neutral-600);font-family:monospace;margin:0}.important-notices{background:linear-gradient(135deg,#ff98001a,#fbc02d0d);border:2px solid rgba(255,152,0,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.notice-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.notice-icon{font-size:1.2rem;color:#ff9800}.notice-title{font-family:Cinzel,serif;font-size:var(--text-base);font-weight:700;color:#ff9800}.notice-grid{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.notice-item{background:#0003;border-left:3px solid #ff9800;border-radius:var(--radius-sm);padding:var(--spacing-3);display:flex;gap:var(--spacing-3);align-items:flex-start}.notice-bullet{font-size:1.1rem;flex-shrink:0}.notice-item div{flex:1;font-size:var(--text-sm);color:var(--color-neutral-300);line-height:1.5}.notice-item strong{color:var(--color-neutral-100)}.highlight-text{color:var(--color-primary-500);font-weight:700}.notice-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-3);text-align:center;font-size:var(--text-sm);color:#ef4444;font-weight:600}.binance-btn-primary{width:100%;padding:var(--spacing-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-base);border:none;background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1410;box-shadow:0 4px 12px #daa5204d}.binance-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #daa52080;background:linear-gradient(135deg,#f4c430,#daa520)}.binance-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.binance-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-3);margin-bottom:var(--spacing-4);color:#ef4444;font-size:var(--text-sm);text-align:center}.success-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:400px;justify-content:center;gap:var(--spacing-4)}.success-icon{font-size:4rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-step h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin:0;font-size:var(--text-2xl)}.success-step p{color:var(--color-neutral-300);margin:0 0 var(--spacing-4) 0;line-height:1.6}.success-details{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);width:100%;max-width:400px;margin-bottom:var(--spacing-4)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;color:var(--color-neutral-300);font-size:var(--text-sm)}.detail-row:not(:last-child){border-bottom:1px solid rgba(139,69,19,.2)}.coins-highlight{color:var(--color-primary-500);font-family:Cinzel,serif;font-weight:700}.txid-small{font-family:monospace;font-size:var(--text-xs);color:var(--color-neutral-500);word-break:break-all}.success-info{background:#22c55e0d;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.success-info p{color:var(--color-neutral-300);margin:var(--spacing-2) 0;font-size:var(--text-sm)}@media (max-width: 768px){.binance-modal-content{max-width:100%;margin:var(--spacing-4)}.binance-step{padding:var(--spacing-6) var(--spacing-4)}.crypto-selector,.critical-info-grid,.qr-and-status{grid-template-columns:1fr}.critical-value{font-size:1.3rem}.amount-value-big{font-size:1.5rem}}@media (max-width: 480px){.binance-step{padding:var(--spacing-5) var(--spacing-3)}.binance-step h2{font-size:var(--text-xl)}.crypto-name{font-size:var(--text-base)}.success-icon{font-size:3rem}}.donate-page{min-height:100vh;padding-top:110px}.donate-hero{background:transparent;padding:var(--spacing-12) 0;border-bottom:1px solid rgba(139,69,19,.3);position:relative}.donate-hero-content{text-align:center;position:relative;padding:0 var(--spacing-4)}.donate-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.donate-icon.main-logo{width:300px;height:auto;object-fit:contain}.donate-hero h1{font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-family:Cinzel,serif;letter-spacing:.5px}.donate-subtitle{font-size:var(--text-lg);color:var(--color-neutral-400);font-style:italic}.donate-intro{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4)}.donate-intro p{font-size:var(--text-base);line-height:1.8;color:var(--color-neutral-400);margin-bottom:var(--spacing-6)}.donate-sections{max-width:1000px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.donate-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6);position:relative}.rules-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-base)}.rules-header:hover{opacity:.8}.rules-header h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-primary-500);margin:0;font-family:Cinzel,serif;font-weight:600;letter-spacing:.5px}.rules-header h2 svg{width:28px;height:28px}.rules-header>svg{color:var(--color-primary-500);width:24px;height:24px;flex-shrink:0;transition:transform var(--transition-base)}.donate-section h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-primary-500);margin-bottom:var(--spacing-5);font-family:Cinzel,serif;font-weight:600;letter-spacing:.5px}.donate-section h2 svg{width:28px;height:28px}.donate-content{display:flex;flex-direction:column;gap:var(--spacing-4);overflow:hidden;margin-top:var(--spacing-5)}.rule-item{background:#0000004d;border-left:2px solid rgba(139,69,19,.3);padding:var(--spacing-4);border-radius:var(--radius-sm);transition:all var(--transition-base)}.rule-item:hover{background:#daa5200d;border-left-color:var(--color-primary-500);transform:translate(4px)}.rule-item h3{color:var(--color-primary-500);font-size:var(--text-lg);margin-bottom:var(--spacing-2);font-weight:600;font-family:Cinzel,serif;display:flex;align-items:center;gap:var(--spacing-2)}.rule-item h3 svg{width:20px;height:20px}.rule-item p{color:var(--color-neutral-400);line-height:1.6;margin:0;font-size:var(--text-sm)}.donate-footer{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4) var(--spacing-8)}.terms-acceptance{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6)}.warning-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex;gap:var(--spacing-3);align-items:flex-start}.warning-box svg{color:#ef4444;flex-shrink:0;margin-top:2px}.warning-box p{color:var(--color-neutral-200);line-height:1.6;margin:0;font-size:var(--text-sm)}.terms-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.checkbox-container{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;padding:var(--spacing-4);background:#0003;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);transition:all var(--transition-base)}.checkbox-container:hover{background:#daa5200d;border-color:var(--color-primary-500)}.terms-checkbox{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:var(--color-primary-500)}.checkbox-label{color:var(--color-neutral-300);font-size:var(--text-sm);line-height:1.6;font-family:Inter,sans-serif}.submit-btn{background:#daa5201a;color:var(--color-primary-500);border:1px solid var(--color-primary-500);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);letter-spacing:.3px}.submit-btn:hover:not(:disabled){background:var(--color-primary-500);color:var(--color-neutral-900);transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.submit-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-neutral-600);color:var(--color-neutral-600);background:#0003}.submit-btn svg{width:20px;height:20px}.payment-selection{max-width:900px;margin:var(--spacing-8) auto;padding:0 var(--spacing-4) var(--spacing-8)}.payment-title{font-family:Cinzel,serif;font-size:var(--text-3xl);color:var(--color-primary-500);text-align:center;margin-bottom:var(--spacing-8)}.coin-selector{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.coin-amount-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.coin-icon{filter:drop-shadow(0 0 8px rgba(218,165,32,.4))}.coin-icon img{width:192px;height:192px;object-fit:contain;image-rendering:pixelated}.coin-amount{font-family:Cinzel,serif;font-size:var(--text-3xl);font-weight:700;color:var(--color-primary-500);text-shadow:0 0 8px rgba(218,165,32,.3)}.coin-label{font-size:var(--text-sm);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.5px}.slider-container{margin:var(--spacing-6) 0}.coin-slider{width:100%;height:8px;background:#0006;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(139,69,19,.3)}.coin-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#daa520,#b8860b);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #daa52080;border:2px solid rgba(139,69,19,.6);transition:all var(--transition-base)}.coin-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #daa520b3}.coin-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#daa520,#b8860b);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #daa52080;border:2px solid rgba(139,69,19,.6);transition:all var(--transition-base)}.coin-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #daa520b3}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500);font-weight:600}.price-breakdown{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4);margin-top:var(--spacing-6)}.price-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;color:var(--color-neutral-300);font-size:var(--text-base)}.total-row{padding-top:var(--spacing-3);font-size:var(--text-xl);font-weight:700}.payment-methods{margin-bottom:var(--spacing-8)}.payment-methods h3{font-family:Cinzel,serif;font-size:var(--text-2xl);color:var(--color-primary-500);text-align:center;margin-bottom:var(--spacing-6)}.payment-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.payment-method-card{background:#0000004d;border:2px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-6);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden}.payment-method-card:hover{background:#daa5200d;border-color:var(--color-primary-500);transform:translateY(-4px);box-shadow:0 8px 24px #daa52033}.payment-method-card.selected{background:#daa5201a;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #daa5201a}.payment-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-3);display:flex;align-items:center;justify-content:center}.payment-method-card h4{font-family:Cinzel,serif;font-size:var(--text-xl);color:var(--color-neutral-100);margin:0 0 var(--spacing-2) 0}.payment-method-card p{color:var(--color-neutral-400);font-size:var(--text-sm);margin:0 0 var(--spacing-3) 0;line-height:1.5}.payment-badge{display:inline-block;background:#daa52033;color:var(--color-primary-500);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-badge.unavailable{background:#ef444433;color:#ef4444}.payment-method-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.7)}.payment-method-card.disabled:hover{transform:none;border-color:#8b45134d;box-shadow:none;background:#0000004d}.back-btn{width:100%;background:#0000004d;color:var(--color-neutral-300);border:1px solid rgba(139,69,19,.3);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:Inter,sans-serif}.back-btn:hover{background:#00000080;border-color:var(--color-primary-500);color:var(--color-primary-500)}@media (max-width: 768px){.donate-page{padding-top:100px}.donate-hero{padding:var(--spacing-8) 0}.donate-hero h1{font-size:var(--text-3xl)}.donate-subtitle{font-size:var(--text-base)}.donate-intro p{font-size:var(--text-sm)}.donate-section{padding:var(--spacing-5) var(--spacing-4)}.donate-section h2{font-size:var(--text-xl)}.rule-item{padding:var(--spacing-3)}.rule-item h3{font-size:var(--text-base)}.warning-box{flex-direction:column;text-align:center}.warning-box svg{margin:0 auto}.donate-icon.main-logo{width:250px}.terms-acceptance{padding:var(--spacing-4)}.payment-methods-grid{grid-template-columns:1fr}.payment-title,.coin-amount{font-size:var(--text-2xl)}.coin-icon img{width:168px;height:168px}.payment-method-card{padding:var(--spacing-5)}}@media (max-width: 480px){.donate-hero{padding:var(--spacing-6) 0}.donate-hero h1{font-size:var(--text-2xl)}.donate-icon.main-logo{width:200px}.donate-section h2{font-size:var(--text-lg);gap:var(--spacing-2)}.donate-section h2 svg{width:24px;height:24px}.rule-item h3{font-size:var(--text-base)}.rule-item p{font-size:var(--text-xs)}.checkbox-container{padding:var(--spacing-3)}.submit-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.payment-title,.coin-amount{font-size:var(--text-xl)}.coin-icon img{width:144px;height:144px}.payment-method-card h4{font-size:var(--text-lg)}.payment-method-card,.coin-selector{padding:var(--spacing-4)}.price-row{font-size:var(--text-sm)}.total-row{font-size:var(--text-lg)}}.password-prompt-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.password-prompt-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 60px #00000080}.password-prompt-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem;text-align:center}.password-prompt-content p{color:#aaa;text-align:center;margin-bottom:1.5rem}.password-input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1rem}.password-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-error{color:#f44336;font-size:.9rem;margin-bottom:1rem;text-align:center}.password-actions{display:flex;gap:.75rem}.password-btn-submit,.password-btn-cancel{flex:1;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.password-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.password-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.password-btn-cancel{background:#ffffff1a;color:#fff}.password-btn-cancel:hover{background:#ffffff26}.payment-badge.beta{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600}.stripe-donate-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding-bottom:4rem}.stripe-donate-page.loading{display:flex;justify-content:center;align-items:center}.loader{color:#fff;font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.donate-hero{background:linear-gradient(135deg,#1e3a8a,#7c3aed);padding:4rem 2rem;text-align:center;box-shadow:0 4px 20px #0000004d}.donate-hero-content h1{font-size:3rem;color:#fff;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.donate-subtitle{font-size:1.3rem;color:#ffffffe6;margin-top:.5rem}.main-logo{width:120px;height:120px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.package-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden}.package-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #7c3aed4d}.package-card.selected{border-color:#7c3aed;box-shadow:0 0 30px #7c3aed80;background:linear-gradient(135deg,#2d1b69,#7c3aed)}.package-card.platinum{background:linear-gradient(135deg,#1e3a5f,#3b82f6)}.package-card.gold{background:linear-gradient(135deg,#78350f,#f59e0b)}.package-badge{position:absolute;top:15px;right:-30px;background:#dc2626;color:#fff;padding:5px 40px;font-size:.75rem;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 8px #0000004d}.package-badge.platinum{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.package-badge.gold{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.package-badge.silver{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.package-icon-container{margin-bottom:1rem}.package-icon{color:#7c3aed}.package-icon.platinum{color:#60a5fa}.package-icon.gold{color:#fbbf24}.package-icon.silver{color:#8b5cf6}.package-icon.bronze{color:#f97316}.package-icon.starter{color:#10b981}.package-name{font-size:1.5rem;color:#fff;margin:1rem 0;font-weight:700}.package-coins{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0}.coin-amount{font-size:2.5rem;font-weight:800;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.coin-label{font-size:1rem;color:#ffffffb3;margin-top:.25rem}.package-pricing{margin-top:1.5rem}.original-price{text-decoration:line-through;color:#ffffff80;font-size:1rem;margin-bottom:.25rem}.final-price{font-size:2rem;font-weight:700;color:#10b981;margin:.5rem 0}.savings{font-size:.9rem;color:#10b981;font-weight:600}.selected-indicator{position:absolute;top:15px;left:15px;background:#10b981;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b98180}.checkout-section{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:2.5rem;margin-bottom:3rem;border:2px solid #7c3aed}.selected-package-info{text-align:center;margin-bottom:2rem}.selected-package-info h3{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.selected-package-info p{font-size:1.1rem;color:#fffc}.selected-package-info strong{color:#10b981;font-size:1.3rem}.terms-section{max-width:600px;margin:0 auto}.warning-box{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.warning-box svg{color:#fbbf24;flex-shrink:0}.warning-box p{color:#ffffffe6;margin:0}.checkbox-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.terms-checkbox{width:20px;height:20px;cursor:pointer}.checkbox-label{color:#ffffffe6;font-size:1rem}.checkout-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:12px;padding:1.25rem 2rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 15px #7c3aed66}.checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed99}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:#fff9;font-size:.9rem}.payment-security svg{color:#10b981}.donation-rules{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:2.5rem}.donation-rules h2{font-size:2rem;color:#fff;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.rule-item{display:flex;gap:1rem;padding:1.25rem;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.rule-item:hover{background:#ffffff14;transform:translate(5px)}.rule-item svg{color:#7c3aed;flex-shrink:0;margin-top:.25rem}.rule-item h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.rule-item p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.donate-hero-content h1{font-size:2rem}.main-logo{width:80px;height:80px}.packages-grid{grid-template-columns:1fr;gap:1.5rem}.checkout-section,.donation-rules{padding:1.5rem}.rules-grid{grid-template-columns:1fr}}.stripe-success-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem}.success-container{max-width:700px;width:100%}.status-container{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:3rem 2.5rem;text-align:center;box-shadow:0 10px 40px #0000004d}.status-container.checking{border:2px solid #3b82f6}.spinner{color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:1.5rem}.status-container.checking h2{color:#fff;font-size:1.8rem;margin-bottom:.75rem}.status-container.checking p{color:#ffffffb3;font-size:1.1rem}.status-container.success{border:2px solid #10b981}.success-icon{color:#10b981;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(16,185,129,.5))}.status-container.success h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;font-weight:800}.success-message{color:#ffffffe6;font-size:1.3rem;margin-bottom:2rem}.status-container.error{border:2px solid #ef4444}.error-icon{color:#ef4444;margin-bottom:1.5rem}.status-container.error h2{color:#fff;font-size:1.8rem;margin-bottom:1rem}.status-container.error p{color:#fffc;font-size:1.1rem;margin-bottom:.75rem}.help-text{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;margin:1.5rem 0;color:#10b981}.payment-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.detail-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.detail-label{color:#fff9;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-value{color:#fff;font-size:1.8rem;font-weight:700}.detail-value.coins{color:#fbbf24;font-size:2.2rem}.detail-value.small{font-size:1rem;font-family:monospace;word-break:break-all}.info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.info-box h3{color:#60a5fa;font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.info-box li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98199}@media (max-width: 768px){.stripe-success-page{padding:1rem}.status-container{padding:2rem 1.5rem}.status-container.success h1{font-size:2rem}.payment-details{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.stripe-cancel-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center;padding:2rem}.cancel-container{max-width:700px;width:100%}.cancel-content{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:3rem 2.5rem;text-align:center;box-shadow:0 10px 40px #0000004d;border:2px solid #f59e0b}.cancel-icon{color:#f59e0b;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}.cancel-content h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;font-weight:800}.cancel-message{color:#ffffffe6;font-size:1.3rem;margin-bottom:2rem}.info-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left;display:flex;gap:1rem}.info-box>svg{color:#f59e0b;flex-shrink:0;margin-top:.25rem}.info-box h3{color:#fbbf24;font-size:1.2rem;margin-bottom:1rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:#fffc;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-box li:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700;font-size:1.5rem}.reassurance-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1.5rem;margin:2rem 0}.reassurance-box h3{color:#60a5fa;font-size:1.3rem;margin-bottom:.75rem}.reassurance-box p{color:#fffc;font-size:1.05rem;margin:0;line-height:1.6}.button-group{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #f59e0b99}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.footer-note{color:#ffffff80;font-size:.9rem;margin-top:2rem;font-style:italic}@media (max-width: 768px){.stripe-cancel-page{padding:1rem}.cancel-content{padding:2rem 1.5rem}.cancel-content h1{font-size:2rem}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.info-box{flex-direction:column}}.payment-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1e,#16213e,#0f0f1e);padding:20px;position:relative;overflow:hidden}.payment-success-card{background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--gold-primary, #F5A623);border-radius:12px;padding:60px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 0 30px #f5a6234d,0 20px 60px #000c,inset 0 1px #f5a62333;position:relative;z-index:1;animation:slideUp .6s ease-out}.payment-success-card:before,.payment-success-card:after{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--bronze, #8C6239)}.payment-success-card:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:12px}.payment-success-card:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:12px}.success-icon{width:100px;height:100px;margin:0 auto 30px;animation:scaleIn .5s ease-out .2s both;filter:drop-shadow(0 0 20px rgba(245,166,35,.5))}@keyframes scaleIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.success-icon svg{width:100%;height:100%}.success-icon.processing svg.spinner{animation:spin 1.5s linear infinite}.success-icon.warning{filter:drop-shadow(0 0 20px rgba(245,166,35,.5))}.success-icon.error{filter:drop-shadow(0 0 20px rgba(220,53,69,.5))}.payment-success-card h1{color:var(--gold-primary, #F5A623);font-size:2.5rem;margin-bottom:20px;font-weight:700;text-shadow:0 0 20px rgba(245,166,35,.5),0 2px 4px rgba(0,0,0,.8);font-family:Cinzel,serif;letter-spacing:2px}.success-message{color:var(--text-primary, #F4E9D9);font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.session-info{background:#0f0f1e99;border:1px solid var(--bronze, #8C6239);border-radius:8px;padding:15px;margin-bottom:30px;box-shadow:inset 0 2px 4px #0000004d}.session-id{color:var(--gold-primary, #F5A623);font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;margin:0;text-shadow:0 0 10px rgba(245,166,35,.3)}.payment-details{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0f0f1e66;border:1px solid rgba(140,98,57,.3);border-left:3px solid var(--bronze, #8C6239);border-radius:6px;color:var(--text-primary, #F4E9D9);transition:all .3s ease}.detail-item:hover{background:#0f0f1e99;border-left-color:var(--gold-primary, #F5A623);border-color:#f5a6234d;transform:translate(5px);box-shadow:0 0 15px #f5a62333}.redirect-info strong{color:var(--gold-primary, #F5A623);font-size:1.2rem;text-shadow:0 0 10px rgba(245,166,35,.5)}.coin{position:absolute;font-size:3rem;opacity:.2;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(245,166,35,.5))}.coin-1{top:10%;left:10%;animation-delay:0s}.coin-2{top:20%;right:15%;animation-delay:.5s}.coin-3{bottom:15%;left:15%;animation-delay:1s}.coin-4{bottom:25%;right:10%;animation-delay:1.5s}.coin-5{top:50%;left:5%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}@media (max-width: 768px){.payment-success-card{padding:40px 20px}.payment-success-card h1{font-size:2rem}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:auto}.coin{font-size:2rem}}.payment-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1e,#1a0d0d,#0f0f1e);padding:20px;position:relative;overflow:hidden}.payment-error-card{background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--red-deep, #B71C1C);border-radius:12px;padding:60px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 0 30px #b71c1c4d,0 20px 60px #000c,inset 0 1px #b71c1c33;position:relative;z-index:1;animation:slideUp .6s ease-out}.payment-error-card:before,.payment-error-card:after{content:"";position:absolute;width:40px;height:40px;border:2px solid var(--red-dark, #8B0000)}.payment-error-card:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:12px}.payment-error-card:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.error-icon{width:100px;height:100px;margin:0 auto 30px;animation:shakeIn .6s ease-out .2s both;filter:drop-shadow(0 0 20px rgba(183,28,28,.5))}@keyframes shakeIn{0%{opacity:0;transform:scale(0) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-5deg)}85%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.error-icon svg{width:100%;height:100%}.payment-error-card h1{color:var(--red-deep, #B71C1C);font-size:2.5rem;margin-bottom:20px;font-weight:700;text-shadow:0 0 20px rgba(183,28,28,.5),0 2px 4px rgba(0,0,0,.8);font-family:Cinzel,serif;letter-spacing:2px}.error-message{color:var(--text-primary, #F4E9D9);font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.session-info{background:#0f0f1e99;border:1px solid var(--red-dark, #8B0000);border-radius:8px;padding:15px;margin-bottom:30px;box-shadow:inset 0 2px 4px #0000004d}.session-label{color:var(--text-secondary, #C9B897);font-size:.85rem;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.session-id{color:var(--red-deep, #B71C1C);font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;margin:0;text-shadow:0 0 10px rgba(183,28,28,.3)}.error-details{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0f0f1e66;border:1px solid rgba(139,0,0,.3);border-left:3px solid var(--red-dark, #8B0000);border-radius:6px;color:var(--text-primary, #F4E9D9);transition:all .3s ease}.detail-item:hover{background:#0f0f1e99;border-left-color:var(--red-deep, #B71C1C);border-color:#b71c1c4d;transform:translate(5px);box-shadow:0 0 15px #b71c1c33}.detail-item .icon{width:24px;height:24px;color:var(--gold-primary, #F5A623);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(245,166,35,.5))}.detail-item span{text-align:left;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.actions{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary{flex:1;min-width:180px;padding:15px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#d4911c,#f5a623,#ffb838);color:var(--charcoal-black, #0F0F1E);box-shadow:0 5px 15px #f5a62366,inset 0 1px #ffffff4d;border:1px solid var(--gold-dark, #D4911C);font-weight:700}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5a62399,0 0 30px #f5a6234d}.btn-secondary{background:#2c2c2ccc;color:var(--text-primary, #F4E9D9);border:2px solid var(--bronze, #8C6239);box-shadow:inset 0 1px #8c62394d}.btn-secondary:hover{background:#2c2c2c;border-color:var(--bronze-light, #A47A52);transform:translateY(-2px);box-shadow:0 5px 15px #8c623966,inset 0 1px #a47a5266}.redirect-info{color:var(--text-secondary, #C9B897);font-size:.9rem;margin-top:20px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.redirect-info strong{color:var(--red-deep, #B71C1C);font-size:1.2rem;text-shadow:0 0 10px rgba(183,28,28,.5)}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.warning{position:absolute;font-size:3rem;opacity:.15;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(183,28,28,.5))}.warning-1{top:15%;left:10%;animation-delay:0s}.warning-2{bottom:20%;right:15%;animation-delay:1s}.warning-3{top:60%;right:10%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-3deg)}50%{transform:translateY(-25px) rotate(3deg)}75%{transform:translateY(-10px) rotate(-2deg)}}@media (max-width: 768px){.payment-error-card{padding:40px 20px}.payment-error-card h1{font-size:2rem}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:auto}.warning{font-size:2rem}}.recovery-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);background:#0003}.recovery-card{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-12);max-width:500px;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recovery-card h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-6);text-align:center;color:var(--color-primary-500);font-weight:600;text-shadow:0 2px 8px rgba(218,165,32,.3)}.recovery-card h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-5);text-align:center;color:var(--color-neutral-300)}.recovery-options{text-align:center}.recovery-options p{margin-bottom:var(--spacing-6);color:var(--color-neutral-400);font-size:var(--text-lg)}.recovery-button{display:block;width:100%;padding:var(--spacing-4);margin-bottom:var(--spacing-4);background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.recovery-button:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.recovery-form{animation:fadeIn .3s ease}.recovery-form .form-group{margin-bottom:var(--spacing-5)}.recovery-form label{display:block;margin-bottom:var(--spacing-2);color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recovery-form input{width:100%;padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.recovery-form input:focus{outline:none;border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.recovery-form input::placeholder{color:var(--color-neutral-500)}.form-buttons{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.form-buttons button{flex:1;padding:var(--spacing-3) var(--spacing-5);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.form-buttons button[type=submit]{background:#0000004d;color:var(--color-neutral-100);border:1px solid rgba(139,69,19,.3)}.form-buttons button[type=submit]:hover:not(:disabled){background:#00000080;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #daa52033}.form-buttons button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.form-buttons button[type=button]{background:#0003;color:var(--color-neutral-400);border:1px solid rgba(139,69,19,.2)}.form-buttons button[type=button]:hover{background:#0000004d;border-color:#8b45134d}.success-message{padding:var(--spacing-4);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);color:#22c55e;margin:var(--spacing-4) 0;text-align:center;animation:fadeIn .3s ease}.error-message{padding:var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;margin:var(--spacing-4) 0;text-align:center;animation:fadeIn .3s ease}.recovery-links{margin-top:var(--spacing-6);text-align:center;padding-top:var(--spacing-6);border-top:1px solid rgba(139,69,19,.3)}.recovery-links a{color:var(--color-primary-500);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.recovery-links a:hover{color:var(--color-primary-400);text-shadow:0 0 8px rgba(218,165,32,.3)}.divider{position:relative;margin:var(--spacing-6) 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#8b45134d}.divider span{position:relative;background:#0006;padding:0 var(--spacing-4);color:var(--color-neutral-400);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px}.hard-recovery-button{display:block;width:100%;padding:var(--spacing-5);background:#f59e0b1a;border:2px solid rgba(245,158,11,.4);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-base);text-align:center}.hard-recovery-button:hover{background:#f59e0b26;border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.hard-recovery-button strong{display:block;color:#f59e0b;font-size:var(--text-lg);margin-bottom:var(--spacing-1)}.hard-recovery-button small{display:block;color:var(--color-neutral-400);font-size:var(--text-sm);font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.recovery-card{padding:var(--spacing-6) var(--spacing-5)}.recovery-card h1{font-size:var(--text-2xl)}.recovery-card h2{font-size:var(--text-xl)}.form-buttons{flex-direction:column}}.auth-page{min-height:100vh;display:flex;align-items:center;padding:2rem 0;padding-top:110px;background:#0003}.auth-container{max-width:420px;margin:0 auto;background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-header{text-align:center;margin-bottom:var(--spacing-6)}.auth-header h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-2);color:var(--color-primary-500);font-weight:600;text-shadow:0 2px 8px rgba(218,165,32,.3)}.auth-header p{color:var(--color-neutral-400);font-size:var(--text-base)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-group label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-300)}.form-group input{padding:var(--spacing-3);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.form-group input::placeholder{color:var(--color-neutral-500)}.form-group input:focus{outline:none;border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.password-input{position:relative}.password-input input{width:100%;padding-right:3rem}.toggle-password{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-base);display:flex;align-items:center}.toggle-password:hover{color:var(--color-primary-500)}.form-options{display:flex;justify-content:space-between;align-items:center}.checkbox{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;color:var(--color-neutral-400);font-size:var(--text-sm)}.checkbox input{width:auto;margin:0}.link{color:var(--color-primary-500);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-base)}.link:hover{color:var(--color-primary-400);text-shadow:0 0 8px rgba(218,165,32,.3)}.btn-block{width:100%;justify-content:center;padding:var(--spacing-3);margin-top:var(--spacing-2)}.auth-footer{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid rgba(139,69,19,.3);color:var(--color-neutral-400);font-size:var(--text-sm)}.input-with-toggle{position:relative;display:flex;align-items:center}.input-with-toggle input{padding-right:3rem}.input-with-toggle .toggle-visibility{position:absolute;right:var(--spacing-3);background:transparent;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.input-with-toggle .toggle-visibility:hover{color:var(--color-primary-500)}.auth-footer a{color:var(--color-primary-500);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.auth-footer a:hover{color:var(--color-primary-400);text-shadow:0 0 8px rgba(218,165,32,.3)}.hard-recovery-page{background:radial-gradient(ellipse at center,rgba(239,68,68,.05) 0%,transparent 70%)}.hard-recovery-container{max-width:600px;width:100%}.recovery-icon{color:var(--ancient-gold);margin-bottom:1rem}.subtitle{color:var(--light-gray);font-size:.95rem;margin-top:.5rem}.progress-steps{display:flex;justify-content:space-between;margin:2rem 0;padding:0 1rem;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:2px;background:#ffffff1a;z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.progress-step span{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.progress-step.active span{background:var(--gradient);border-color:var(--ancient-gold);color:var(--white);box-shadow:0 0 20px #d4af374d}.progress-step label{font-size:.85rem;color:var(--light-gray);text-align:center}.progress-step.active label{color:var(--white)}.recovery-step{padding:1.5rem 0}.step-info{text-align:center;margin-bottom:2rem}.step-info h2{color:var(--white);margin-bottom:.75rem;font-size:1.5rem}.step-info p{color:var(--light-gray);margin:.5rem 0;font-size:.95rem}.step-info strong{color:var(--ancient-gold)}.recovery-key-input{font-family:Courier New,monospace;font-size:1.2rem;letter-spacing:3px;text-align:center;font-weight:600;color:var(--ancient-gold)}.email-highlight{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.75rem;color:var(--primary);font-weight:600;font-size:1.1rem;margin:1rem 0}.token-input{font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:8px;text-align:center;font-weight:700;color:var(--primary)}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:1rem;margin:1.5rem 0;display:flex;gap:.75rem;color:#f59e0b}.warning-box strong{display:block;margin-bottom:.5rem}.warning-box ul{margin:.5rem 0 0 1rem;padding:0;font-size:.9rem}.warning-box li{margin:.25rem 0;list-style:disc;opacity:.9}.success-step{text-align:center;padding:2rem 0}.success-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#10b981,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.success-step h2{color:#22c55e;margin-bottom:1.5rem;font-size:1.8rem}.success-info{margin:2rem 0}.success-info p{color:var(--light-gray);margin:1rem 0}.credentials-box{background:#1e293b80;border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:left}.credentials-box h3{color:var(--primary);margin-bottom:1rem;text-align:center;font-size:1.2rem}.credential-item{display:flex;justify-content:space-between;padding:.75rem;background:#0f172a80;border-radius:8px;margin:.5rem 0}.credential-item label{color:var(--light-gray);font-weight:500}.credential-item span{color:var(--white);font-weight:600}.password-display{color:var(--ancient-gold)!important;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px}.btn-block{display:flex;align-items:center;justify-content:center;gap:.5rem}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.95rem;padding:0;text-decoration:underline;transition:opacity .3s ease}.link-button:hover{opacity:.8}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin:1.5rem 0;display:flex;gap:.75rem;color:#ef4444}.error-messages{flex:1}.error-messages p{margin:.25rem 0;font-size:.95rem}@media (max-width: 768px){.hard-recovery-container{padding:1.5rem}.progress-steps{padding:0}.progress-step span{width:35px;height:35px;font-size:.9rem}.progress-step label{font-size:.75rem}.step-info h2{font-size:1.3rem}.token-input{letter-spacing:4px;font-size:1.2rem}.recovery-key-input{letter-spacing:1px;font-size:1rem}.credentials-box{padding:1rem}.credential-item{flex-direction:column;gap:.5rem}.password-display{font-size:.95rem}}.streamers-page{background:#0003}.streamers-page .page-header{text-align:center;margin-bottom:var(--spacing-8)}.streamers-page .page-header h1{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-family:Cinzel,serif;font-size:var(--text-4xl);font-weight:600;color:var(--color-primary-500);margin:0 0 var(--spacing-3) 0}.streamers-page .page-subtitle{color:var(--color-neutral-400);font-size:var(--text-lg);margin:0;line-height:1.6}.info-box,.warning-box{display:flex;gap:var(--spacing-4);padding:var(--spacing-5);margin-bottom:var(--spacing-6);border-radius:var(--radius-sm);background:#0000004d;border:1px solid rgba(139,69,19,.3)}.info-box{border-color:#3b82f64d;background:#3b82f60d}.warning-box{border-color:#fbbf244d;background:#fbbf240d}.info-icon,.warning-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.info-icon{background:#3b82f61a;color:#3b82f6}.warning-icon{background:#fbbf241a;color:#fbbf24}.info-content,.warning-content{flex:1}.info-content h3,.warning-content h3{font-family:Cinzel,serif;font-size:var(--text-lg);color:var(--color-primary-500);margin:0 0 var(--spacing-2) 0;font-weight:600}.info-content p,.warning-content p{margin:0;color:var(--color-neutral-300);line-height:1.6;font-size:var(--text-sm)}.info-content strong,.warning-content strong{color:var(--color-primary-500);font-weight:600}.streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.streamer-card-large{display:block;background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.streamer-card-large:hover{background:#00000080;border-color:var(--color-primary-500);transform:translateY(-4px);box-shadow:0 8px 24px #daa52033}.streamer-thumbnail-large{position:relative;width:100%;height:180px;overflow:hidden;background:#00000080}.streamer-thumbnail-large img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-base)}.streamer-card-large:hover .streamer-thumbnail-large img{transform:scale(1.05)}.live-badge-large{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ef4444;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.viewer-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#000c;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ef4444b3}50%{opacity:.9;box-shadow:0 0 0 8px #ef444400}}.streamer-info-large{padding:var(--spacing-4)}.streamer-info-large h3{margin:0 0 var(--spacing-2) 0;font-size:var(--text-xl);font-weight:600;color:var(--color-neutral-100);font-family:Inter,sans-serif}.stream-title{color:var(--color-neutral-400);font-size:var(--text-sm);line-height:1.4;margin:0 0 var(--spacing-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stream-status{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:500}.stream-status.live{color:#22c55e}.stream-status.offline{color:var(--color-neutral-500)}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.no-streamers{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;text-align:center;color:var(--color-neutral-500);padding:var(--spacing-12) var(--spacing-4)}.no-streamers svg{color:var(--color-neutral-600)}.no-streamers h3{font-family:Cinzel,serif;font-size:var(--text-2xl);color:var(--color-neutral-400);margin:0}.no-streamers p{font-size:var(--text-base);margin:0}@media (max-width: 768px){.streamers-page .page-header h1{font-size:var(--text-3xl);gap:var(--spacing-2)}.streamers-page .page-header h1 svg{width:28px;height:28px}.streamers-page .page-subtitle{font-size:var(--text-base)}.streamers-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.info-box,.warning-box{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.info-icon,.warning-icon{width:40px;height:40px}.info-icon svg,.warning-icon svg{width:20px;height:20px}.info-content h3,.warning-content h3{font-size:var(--text-base)}.info-content p,.warning-content p{font-size:var(--text-xs)}.streamer-thumbnail-large{height:200px}}@media (max-width: 480px){.streamers-page .page-header h1{font-size:var(--text-2xl);flex-direction:column;gap:var(--spacing-2)}.streamers-page .page-header h1 svg{width:24px;height:24px}.streamers-page .page-subtitle{font-size:var(--text-sm)}.streamers-grid{gap:var(--spacing-3)}.streamer-info-large{padding:var(--spacing-3)}.streamer-info-large h3{font-size:var(--text-lg)}.stream-title{font-size:var(--text-xs)}.live-badge-large,.viewer-badge{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2)}}.server-info-page{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-10)}.info-hero{background:linear-gradient(135deg,#daa5201a,#8b45131a);border-bottom:2px solid rgba(218,165,32,.3);padding:var(--spacing-10) var(--spacing-6);text-align:center}.info-hero-content{max-width:800px;margin:0 auto}.info-hero .hero-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4);animation:float 3s ease-in-out infinite}.info-hero h1{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-extrabold);color:var(--color-primary-500);margin-bottom:var(--spacing-3);text-shadow:0 2px 10px rgba(218,165,32,.3)}.info-hero .hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary);line-height:1.6}.info-section{margin:var(--spacing-10) 0;padding:var(--spacing-8);background:#1e1e1e99;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{display:flex;align-items:center;gap:var(--spacing-3);font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid rgba(218,165,32,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6);background:#14141499;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.stat-card:hover{border-color:var(--color-primary-500);box-shadow:0 8px 24px #daa52033;background:#daa5200d}.stat-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-3)}.stat-value{font-family:var(--font-primary);font-size:2rem;font-weight:var(--font-extrabold);color:var(--color-primary-400);margin-bottom:var(--spacing-2)}.stat-label{font-size:.875rem;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:1px}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.balance-card{padding:var(--spacing-6);background:#14141466;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-md);transition:all var(--transition-base)}.balance-card:hover{border-color:var(--color-primary-500);box-shadow:0 4px 16px #daa52026}.balance-card h3{font-family:var(--font-primary);font-size:1.25rem;font-weight:var(--font-semibold);color:var(--color-primary-400);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.balance-card ul{list-style:none;padding:0;margin:0}.balance-card li{padding:var(--spacing-3) 0;padding-left:var(--spacing-4);color:var(--text-secondary);line-height:1.6;border-left:2px solid rgba(218,165,32,.3);margin-bottom:var(--spacing-3);position:relative}.balance-card li:before{content:"▸";position:absolute;left:-2px;color:var(--color-primary-500);font-weight:700}.frag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.frag-card{padding:var(--spacing-6);background:#8b00001a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base)}.frag-card:hover{border-color:#dc262680;box-shadow:0 4px 16px #dc262633}.frag-label{font-family:var(--font-primary);font-size:1rem;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:1px}.frag-value{font-size:1.75rem;font-weight:var(--font-bold);color:#ef4444}.frag-limits{display:flex;justify-content:space-around;gap:var(--spacing-3)}.frag-limits span{display:flex;flex-direction:column;gap:var(--spacing-1);color:var(--text-secondary);font-size:.875rem}.frag-limits strong{font-size:1.5rem;color:#ef4444;font-weight:var(--font-bold)}.frag-note{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--text-secondary)}.frag-note svg{flex-shrink:0;color:#ef4444;margin-top:2px}.vocation-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(218,165,32,.2)}.vocation-table{width:100%;border-collapse:collapse;background:#14141466}.vocation-table thead{background:#daa5201a;border-bottom:2px solid rgba(218,165,32,.3)}.vocation-table th{padding:var(--spacing-4);font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-semibold);color:var(--color-primary-400);text-align:left;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.vocation-table th svg{vertical-align:middle;margin-right:4px}.vocation-table tbody tr{border-bottom:1px solid rgba(218,165,32,.1);transition:all var(--transition-base)}.vocation-table tbody tr:hover{background:#daa5200d}.vocation-table tbody tr.promoted{background:#daa52014}.vocation-table tbody tr.promoted:hover{background:#daa5201f}.vocation-table td{padding:var(--spacing-4);color:var(--text-secondary);font-size:.9375rem}.vocation-name{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-medium);color:var(--text-primary)!important}.vocation-name svg{color:var(--color-primary-500)}@media (max-width: 768px){.info-section{padding:var(--spacing-6) var(--spacing-4);margin:var(--spacing-6) 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.balance-grid,.frag-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.vocation-table{font-size:.8125rem}.vocation-table th,.vocation-table td{padding:var(--spacing-3) var(--spacing-2)}.section-title{font-size:1.5rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.frag-limits{flex-direction:column;gap:var(--spacing-2)}}.store-page{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-10)}.store-hero{background:linear-gradient(135deg,#daa5201a,#8b45131a);border-bottom:2px solid rgba(218,165,32,.3);padding:var(--spacing-10) var(--spacing-6);text-align:center}.store-hero-content{max-width:800px;margin:0 auto}.store-hero .hero-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4);animation:float 3s ease-in-out infinite}.store-hero h1{font-family:var(--font-primary);font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-extrabold);color:var(--color-primary-500);margin-bottom:var(--spacing-3);text-shadow:0 2px 10px rgba(218,165,32,.3)}.store-hero .hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.store-hero .hero-note{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-primary-400)}.category-filter-section{margin:var(--spacing-8) 0 var(--spacing-6) 0}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.category-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#14141499;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.category-btn:hover{border-color:var(--color-primary-500);background:#daa5200d;color:var(--color-primary-400)}.category-btn.active{background:#daa52026;border-color:var(--color-primary-500);color:var(--color-primary-400);box-shadow:0 4px 16px #daa52033}.category-btn svg{flex-shrink:0}.products-section{margin:var(--spacing-6) 0}.products-table-container{background:#1e1e1e99;border:1px solid rgba(218,165,32,.2);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#141414cc;border-bottom:2px solid rgba(218,165,32,.3)}.products-table th{padding:var(--spacing-4) var(--spacing-3);text-align:left;font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-semibold);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.5px}.products-table tbody tr{border-bottom:1px solid rgba(218,165,32,.1);transition:background var(--transition-base)}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr:hover{background:#daa5200d}.products-table td{padding:var(--spacing-3);color:var(--text-secondary);font-size:.9375rem;vertical-align:middle}.product-image-cell{width:60px;text-align:center}.product-image-small{max-width:48px;max-height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.product-name-cell{font-family:var(--font-primary);font-weight:var(--font-semibold);color:var(--text-primary);min-width:180px}.product-quantity-cell{text-align:center;font-weight:var(--font-medium);color:var(--color-primary-400);min-width:80px}.product-description-cell{min-width:200px}.product-price-cell{min-width:120px}.product-price{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-bold);color:var(--color-primary-400)}.coin-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10) var(--spacing-6);color:var(--text-secondary);text-align:center}.no-products svg{color:#daa5204d;margin-bottom:var(--spacing-4)}.no-products p{font-size:1.125rem}.store-info-note{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5);margin-top:var(--spacing-8);background:#daa5200d;border:1px solid rgba(218,165,32,.3);border-radius:var(--radius-lg);color:var(--text-secondary);line-height:1.6}.store-info-note svg{flex-shrink:0;color:var(--color-primary-500);margin-top:2px}.store-info-note strong{color:var(--color-primary-400)}.store-info-note .donate-link{color:var(--color-primary-400);text-decoration:underline;transition:color var(--transition-base)}.store-info-note .donate-link:hover{color:var(--color-primary-300)}@media (max-width: 1024px){.products-table{font-size:.875rem}.products-table th,.products-table td{padding:var(--spacing-2)}.product-description-cell{min-width:150px}}@media (max-width: 768px){.category-filters{justify-content:center}.products-table-container{overflow-x:auto}.products-table{min-width:600px}.product-image-small{max-width:40px;max-height:40px}}@media (max-width: 480px){.store-page{padding-top:70px}.category-filters{flex-direction:column}.category-btn{width:100%;justify-content:center}.products-table{font-size:.8125rem}.product-image-cell{width:50px}.product-image-small{max-width:36px;max-height:36px}}.recent-deaths-page{min-height:100vh;padding-top:100px}.deaths-filters{margin-bottom:var(--spacing-6)}.filters-container{display:flex;align-items:center;gap:var(--spacing-6);flex-wrap:wrap;padding:var(--spacing-4)}.filter-group{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:250px}.filter-label{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-300);white-space:nowrap}.filter-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{background:#00000080;border-color:#8b451380;color:var(--color-neutral-100)}.filter-btn.active{background:linear-gradient(135deg,#8b45134d,#daa5204d);border-color:var(--color-primary-500);color:var(--color-primary-400);box-shadow:0 0 20px #daa52033}.filter-btn.pvp.active{background:linear-gradient(135deg,#ef444433,#dc26264d);border-color:#ef4444;color:#fca5a5}.filter-btn.pve.active{background:linear-gradient(135deg,#6b728033,#4b55634d);border-color:#9ca3af;color:#d1d5db}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);margin-left:auto}.refresh-btn:hover:not(:disabled){background:#00000080;border-color:#8b451380;color:var(--color-primary-400)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.deaths-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.death-card{transition:all var(--transition-base)}.death-card:hover{transform:translate(4px);border-color:#8b451380}.death-card-content{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)}.death-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:var(--radius-sm);background:#0000004d}.death-icon .pvp-icon{color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.death-icon .pve-icon{color:#9ca3af;filter:drop-shadow(0 0 8px rgba(156,163,175,.4))}.death-info{flex:1;min-width:0}.death-main{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-1)}.death-text{font-size:var(--text-base);color:var(--color-neutral-200);line-height:1.5}.death-level{color:var(--color-neutral-400);font-size:var(--text-sm)}.death-separator{color:var(--color-neutral-500)}.victim-link,.killer-link,.assist-link{font-weight:600;text-decoration:none;transition:all var(--transition-base)}.victim-link{color:var(--color-neutral-100)}.victim-link:hover{color:var(--color-primary-400);text-shadow:0 0 8px rgba(218,165,32,.3)}.killer-link.player{color:#fca5a5}.killer-link.player:hover{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.3)}.killer-link.monster{color:#d1d5db}.assist-link{color:var(--color-neutral-300);font-size:var(--text-sm)}.assist-link:hover{color:var(--color-primary-400)}.death-assist{font-size:var(--text-sm);color:var(--color-neutral-400);margin-left:var(--spacing-2)}.unjustified-badge{display:inline-block;margin-left:var(--spacing-2);padding:2px var(--spacing-2);background:#ef444433;border:1px solid #ef4444;border-radius:var(--radius-full);color:#fca5a5;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.death-time{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--spacing-1)}.death-type-badge{display:flex;align-items:center}.badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.pvp{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge.pve{background:#6b728026;color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;color:var(--color-neutral-500)}.loader{width:48px;height:48px;border:4px solid rgba(218,165,32,.2);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.no-deaths{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:400px;text-align:center;color:var(--color-neutral-500);padding:var(--spacing-8)}.no-deaths svg{opacity:.5}.no-deaths h3{margin:0;font-size:var(--text-xl);color:var(--color-neutral-400)}.no-deaths p{margin:0;font-size:var(--text-sm)}@media (max-width: 1024px){.filters-container{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:flex-start;min-width:100%}.filter-buttons{width:100%}.filter-btn{flex:1}.refresh-btn{margin-left:0;width:100%;justify-content:center}}@media (max-width: 768px){.recent-deaths-page{padding-top:80px}.death-card-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.death-icon{width:40px;height:40px;min-width:40px}.death-type-badge{align-self:flex-end}.death-text{font-size:var(--text-sm)}.death-main{width:100%}}@media (max-width: 480px){.filters-container{padding:var(--spacing-3)}.filter-group{gap:var(--spacing-2)}.filter-buttons{gap:var(--spacing-1)}.filter-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.death-card-content{padding:var(--spacing-2)}.death-text{font-size:var(--text-xs);line-height:1.6}.death-level,.death-assist{display:block;margin-left:0;margin-top:var(--spacing-1)}.unjustified-badge{display:block;margin-left:0;margin-top:var(--spacing-1);width:fit-content}}.language-switcher{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 0}.language-button{background:#ffffff1a;border:2px solid transparent;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-button .flag{font-size:24px;display:block;line-height:1}.language-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.language-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff80;box-shadow:0 4px 15px #667eea66}.language-button:active{transform:translateY(0)}@media (max-width: 768px){.language-switcher{gap:6px;padding:8px 0}.language-button{padding:6px 10px}.language-button .flag{font-size:20px}}.attributes-container{max-width:1400px;margin:0 auto;padding:80px 24px 40px;min-height:100vh}.attributes-header{text-align:center;margin-bottom:48px}.header-icon{display:inline-flex;padding:20px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;margin-bottom:24px;box-shadow:0 8px 30px #ff6b354d;animation:float 3s ease-in-out infinite}.header-icon svg{color:#fff}.attributes-header h1{font-size:48px;font-weight:800;background:linear-gradient(135deg,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.header-subtitle{font-size:18px;color:#fff9}.block-section{background:#14141499;border:1px solid rgba(139,69,19,.3);border-radius:16px;padding:32px;margin-bottom:32px;transition:all .3s ease}.block-section:hover{border-color:#8b451380;box-shadow:0 8px 30px #8b45131a}.block-header{margin-bottom:24px}.block-header h2{font-size:32px;color:var(--color-primary-400);margin-bottom:8px;display:flex;align-items:center;gap:8px}.block-header p{font-size:16px;color:#fff9;margin:0}.rarity-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.rarity-showcase-card{background:#0006;border:2px solid;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease;position:relative}.rarity-showcase-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.rarity-border-image{width:64px;height:64px;margin:0 auto 12px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rarity-level{font-size:14px;color:#ffffff80;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.rarity-name{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.material-block{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:12px;padding:20px;transition:all .3s ease}.material-block:hover{border-color:#8b451380;transform:translateY(-2px)}.material-tier{font-size:14px;color:var(--color-primary-500);font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.material-items{display:flex;flex-direction:column;gap:12px}.material-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;background:#0000004d}.material-item.gem{border-left:3px solid #ffd700}.material-item.fragment{border-left:3px solid #4caf50}.material-icon{font-size:20px}.material-icon-img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.material-name{color:#ffffffe6;font-size:14px}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.upgrade-card{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.upgrade-card:hover{border-color:#8b451380;transform:translateY(-2px)}.upgrade-from,.upgrade-to{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:8px;border-radius:6px;background:#0000004d}.upgrade-arrow{text-align:center;font-size:24px;color:var(--color-primary-500)}.upgrade-requirements{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.req-item{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#0000004d;border-radius:6px}.req-label{font-size:14px;color:#fff9}.req-value{font-size:14px;font-weight:600;color:#ffffffe6}.req-item.success .req-value{color:#4caf50}.enchant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.enchant-card{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.enchant-card:hover{border-color:#8b451380;transform:translateY(-2px)}.enchant-tier{font-size:14px;color:var(--color-primary-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.enchant-gem-icon{width:48px;height:48px;margin:0 auto 12px;display:block;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4));animation:gem-pulse 2s ease-in-out infinite}@keyframes gem-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(255,215,0,.6))}}.enchant-gem-name{font-size:16px;color:gold;font-weight:600;margin-bottom:16px}.enchant-requirements{display:flex;justify-content:space-around;gap:12px}.enchant-req{display:flex;flex-direction:column;gap:4px}.enchant-req span:first-child{font-size:18px;font-weight:700;color:#ffffffe6}.enchant-req .req-label{font-size:12px;color:#ffffff80;text-transform:uppercase}.enchant-req.success span:first-child{color:#4caf50}.conversion-subsection{margin-bottom:32px}.conversion-subsection:last-of-type{margin-bottom:0}.conversion-subsection h3{font-size:24px;color:var(--color-primary-400);margin-bottom:12px}.conversion-note{font-size:14px;color:#fff9;margin-bottom:16px}.conversion-note strong{color:var(--color-primary-500)}.conversion-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.conversion-item{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.conversion-item:hover{border-color:#8b451380;transform:translateY(-2px)}.conv-from,.conv-to{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#0000004d;border-radius:8px}.conv-icon{font-size:24px}.conv-icon-img{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:all .3s ease}.conversion-item:hover .conv-icon-img{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.conv-from div:nth-child(2),.conv-to div:nth-child(2){font-size:14px;color:#ffffffe6;text-align:center}.conv-amount{font-size:12px;color:#fff9;font-weight:600}.conv-arrow{text-align:center;font-size:24px;color:var(--color-primary-500)}.conv-cost{display:flex;justify-content:space-around;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.conv-cost span{font-size:13px;color:#ffffffb3;padding:4px 8px;background:#8b451333;border-radius:4px}.boost-highlight{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#ff6b3533,#ffd70033);border:2px solid rgba(255,215,0,.3);border-radius:12px;margin-top:24px}.boost-highlight svg{color:gold;flex-shrink:0}.boost-content{display:flex;flex-direction:column;gap:4px}.boost-content strong{color:gold;font-size:16px}.boost-content span{color:#fffc;font-size:14px}.attributes-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.attr-category{background:#0006;border:2px solid;border-radius:12px;overflow:hidden;transition:all .3s ease}.attr-category:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.attr-category-header{padding:20px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.attr-category-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.attr-category-header span{font-size:13px;color:#ffffff80}.attr-category.weapons{border-color:#ff6b35}.attr-category.weapons .attr-category-header{background:#ff6b351a}.attr-category.weapons h3{color:#ff6b35}.attr-category.distance{border-color:#4caf50}.attr-category.distance .attr-category-header{background:#4caf501a}.attr-category.distance h3{color:#4caf50}.attr-category.armors{border-color:#2196f3}.attr-category.armors .attr-category-header{background:#2196f31a}.attr-category.armors h3{color:#2196f3}.attr-category.shields{border-color:#9c27b0}.attr-category.shields .attr-category-header{background:#9c27b01a}.attr-category.shields h3{color:#9c27b0}.attr-category.boots{border-color:#00bcd4}.attr-category.boots .attr-category-header{background:#00bcd41a}.attr-category.boots h3{color:#00bcd4}.attr-category.common{border-color:#ffc107}.attr-category.common .attr-category-header{background:#ffc1071a}.attr-category.common h3{color:#ffc107}.attr-list{padding:20px;display:flex;flex-wrap:wrap;gap:8px}.attr-tag{padding:8px 14px;background:#8b451333;border:1px solid rgba(139,69,19,.3);border-radius:6px;color:#ffffffe6;font-size:13px;transition:all .2s ease}.attr-tag:hover{background:#8b45134d;border-color:#8b451380}.attr-tag.exclusive{background:linear-gradient(135deg,#ff6b3533,#ffd70033);border-color:#ffd70066;color:gold;font-weight:600}.exclusive-note{display:flex;align-items:center;gap:8px;margin-top:20px;padding:16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:8px;font-size:14px;color:#ffffffb3}.exclusive-note svg{color:gold;flex-shrink:0}.exclusive-note strong{color:gold}.races-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.race-item{background:#0006;border:2px solid rgba(139,69,19,.3);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.race-item:hover{transform:translateY(-4px);border-color:var(--color-primary-500);box-shadow:0 8px 20px #8b45134d}.race-item.selected{background:#8b451333;border-color:var(--color-primary-600);box-shadow:0 0 20px #8b451366}.race-name{font-size:18px;font-weight:700;color:var(--color-primary-400);margin-bottom:8px;text-transform:capitalize}.race-count{font-size:14px;color:#fff9}.monsters-showcase{margin-top:32px;padding:24px;background:#0000004d;border:1px solid rgba(139,69,19,.2);border-radius:12px}.monsters-showcase h3{font-size:24px;color:var(--color-primary-400);margin-bottom:16px}.monsters-tags{display:flex;flex-wrap:wrap;gap:10px}.monster-name{padding:10px 16px;background:#8b451333;border:1px solid rgba(139,69,19,.3);border-radius:8px;color:#ffffffe6;font-size:14px;transition:all .2s ease}.monster-name:hover{background:#8b45134d;border-color:#8b451380;transform:scale(1.05)}.loading{text-align:center;padding:100px;font-size:24px;color:#ffffffb3}@media (max-width: 768px){.attributes-container{padding:60px 16px 32px}.attributes-header h1{font-size:32px}.header-subtitle{font-size:16px}.block-section{padding:20px}.block-header h2{font-size:24px}.block-header p{font-size:14px}.conversion-subsection h3{font-size:20px}.rarity-showcase,.materials-grid,.upgrade-grid,.enchant-grid,.conversion-cards,.attributes-showcase,.races-showcase{grid-template-columns:1fr}.enchant-requirements{flex-direction:row}}@media (max-width: 480px){.attributes-header h1{font-size:28px}.block-header h2{font-size:20px}.header-icon{padding:16px}.header-icon svg{width:32px;height:32px}}.training-system-page{min-height:100vh;padding:140px var(--spacing-4) var(--spacing-8);background:linear-gradient(135deg,#0a0a0ff2,#140f19f2)}.training-header{text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,#8b45131a,#4a00e01a);border:2px solid rgba(139,69,19,.3);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080}.training-header .header-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#4a00e0,#8e2de2);border-radius:50%;margin-bottom:var(--spacing-4);box-shadow:0 4px 20px #4a00e066;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);box-shadow:0 4px 20px #4a00e066}50%{transform:scale(1.05);box-shadow:0 6px 30px #4a00e099}}.training-header .header-icon svg{color:#fff}.training-header h1{font-size:48px;font-weight:800;color:var(--color-primary-400);text-shadow:0 2px 10px rgba(139,69,19,.5);margin-bottom:var(--spacing-2);font-family:var(--font-primary)}.training-header .header-subtitle{font-size:20px;color:var(--color-neutral-300);font-weight:500}.wiki-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-6)}.wiki-section{background:#0006;border:2px solid rgba(139,69,19,.3);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 4px 20px #0000004d;transition:all var(--transition-base)}.wiki-section:hover{border-color:#8b451380;box-shadow:0 6px 30px #00000080;transform:translateY(-2px)}.wiki-section.highlight-section{border-color:#4a00e066;background:linear-gradient(135deg,#4a00e00d,#8a2be20d)}.wiki-section.warning-section{border-color:#ffa50066;background:linear-gradient(135deg,#ffa5000d,#ff8c000d)}.wiki-section.intro-section{border-color:#00d4ff66;background:linear-gradient(135deg,#00d4ff0d,#0096c80d)}.section-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:2px solid rgba(139,69,19,.3)}.section-header .section-icon{color:var(--color-primary-400);flex-shrink:0}.section-header h2{font-size:28px;font-weight:700;color:var(--color-primary-400);margin:0;font-family:var(--font-primary)}.section-content{color:var(--color-neutral-200);font-size:16px;line-height:1.8}.section-content p{margin-bottom:var(--spacing-3)}.section-content ul{margin:var(--spacing-3) 0;padding-left:var(--spacing-5)}.section-content ul li{margin-bottom:var(--spacing-2);color:var(--color-neutral-300)}.check-list{list-style:none;padding-left:0}.check-list li{padding-left:var(--spacing-4);position:relative;color:var(--color-neutral-200)}.info-box{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin:var(--spacing-3) 0;border-radius:var(--radius-md);border-left:4px solid;font-weight:600}.info-box.success{background:#22c55e1a;border-color:#22c55e;color:#86efac}.info-box.warning{background:#fb923c1a;border-color:#fb923c;color:#fdba74}.info-box.info{background:#3b82f61a;border-color:#3b82f6;color:#93c5fd}.info-box svg{flex-shrink:0}.function-box{background:#8b45131a;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-4) 0}.function-box h4{color:var(--color-primary-400);font-size:20px;margin-bottom:var(--spacing-2);font-weight:700}.function-box p{margin-bottom:var(--spacing-2)}.highlight-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#4a00e01a;border:1px solid rgba(74,0,224,.3);border-radius:var(--radius-sm);margin-top:var(--spacing-3);color:#a78bfa}.benefits-box{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:2px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-4) 0}.benefits-box h4{color:#86efac;font-size:18px;margin-bottom:var(--spacing-3);font-weight:700}.dummy-type{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin:var(--spacing-3) 0}.dummy-type.highlight{border-color:#4a00e066;background:#4a00e00d}.dummy-type h4{color:var(--color-primary-400);font-size:20px;margin-bottom:var(--spacing-3);font-weight:700}.technical-note{background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-4)}.technical-note h4{color:#93c5fd;font-size:18px;margin-bottom:var(--spacing-2);font-weight:700}.technical-note p{color:var(--color-neutral-300);font-style:italic}.alert-section{border-color:#ef444466!important;background:linear-gradient(135deg,#ef44440d,#dc26260d)!important}.alert-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:#ef44441a;border-radius:var(--radius-md)}.alert-header svg{color:#fca5a5;flex-shrink:0}.alert-header h2{color:#fca5a5;font-size:24px;font-weight:800;margin:0}.alert-content{color:var(--color-neutral-200)}.alert-box{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.alert-title{font-size:20px;font-weight:700;color:#fca5a5;margin-bottom:var(--spacing-3);line-height:1.6}.benefits-final{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:2px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.benefits-final h4{color:#86efac;font-size:20px;margin-bottom:var(--spacing-3);font-weight:700}.final-message{text-align:center;padding:var(--spacing-4);background:linear-gradient(135deg,#4a00e01a,#8a2be21a);border:2px solid rgba(138,43,226,.4);border-radius:var(--radius-md)}.final-message p{font-size:20px;font-weight:700;color:#a78bfa;margin:0}.intro-text{font-size:18px;color:var(--color-neutral-200);line-height:1.8;margin-bottom:var(--spacing-3)}.intro-section .section-icon{color:#7dd3fc;margin-bottom:var(--spacing-3)}.ticket-info{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.skill-mechanics{display:flex;flex-direction:column;gap:var(--spacing-2);margin:var(--spacing-4) 0}.expiration-info{background:#fb923c1a;border:2px solid rgba(251,146,60,.3);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-3)}.expiration-info p{color:#fdba74;font-weight:600;margin-bottom:var(--spacing-2)}@media (max-width: 768px){.training-header h1{font-size:32px}.training-header .header-subtitle{font-size:16px}.section-header h2{font-size:22px}.wiki-section{padding:var(--spacing-4)}.training-system-page{padding:120px var(--spacing-2) var(--spacing-4)}}@media (max-width: 480px){.training-system-page{padding:100px var(--spacing-2) var(--spacing-4)}.training-header h1{font-size:24px}.training-header .header-icon{width:60px;height:60px}.training-header .header-icon svg{width:32px;height:32px}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:18px}.alert-header{flex-direction:column;align-items:flex-start}.alert-header h2{font-size:18px}}.library-item-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn .3s ease-out}.library-item-modal{position:relative;min-width:320px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#0d111cfa,#16213efa);border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:0;box-shadow:0 30px 80px #000000e6,0 0 60px #ffd7004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .3s ease-out;font-family:Inter,sans-serif}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lib-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:10px;color:#ffd700cc;cursor:pointer;transition:all .2s;z-index:10}.lib-modal-close:hover{background:#ffd70026;border-color:#ffd70099;color:gold;transform:rotate(90deg)}.library-item-modal::-webkit-scrollbar{width:8px}.library-item-modal::-webkit-scrollbar-track{background:#0003;border-radius:10px}.library-item-modal::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:10px}.library-item-modal::-webkit-scrollbar-thumb:hover{background:#ffd70080}.lib-tooltip-header{padding:16px 18px;background:linear-gradient(135deg,#ffd70014,#ffd70008);border-bottom:1px solid rgba(255,215,0,.2);border-radius:14px 14px 0 0}.lib-tooltip-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.lib-tooltip-title{font-size:18px;font-weight:700;color:gold;margin:0;text-shadow:0 2px 8px rgba(255,215,0,.3);letter-spacing:.3px}.lib-tooltip-tier-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;border:1.5px solid;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.lib-tooltip-subtitle{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.lib-tooltip-category{text-transform:capitalize;font-weight:500;color:#ffd700cc}.lib-tooltip-divider{color:#ffffff4d}.lib-tooltip-slot{text-transform:capitalize;font-weight:400;color:#ffffff80}.lib-tooltip-description{padding:14px 18px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;line-height:1.6;color:#fffc}.lib-tooltip-description em{font-style:italic;color:#ffd700e6}.lib-tooltip-section{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.lib-tooltip-section:last-child{border-bottom:none;border-radius:0 0 14px 14px}.lib-tooltip-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffd700e6}.lib-tooltip-section-title svg{color:#ffd700b3}.lib-tooltip-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lib-tooltip-stat{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:13px;transition:all .2s}.lib-tooltip-stat:hover{background:#ffffff0f;border-color:#ffd7004d}.lib-tooltip-stat .stat-icon{flex-shrink:0;color:#ffd70099}.lib-stat-label{flex:1;color:#ffffffb3;font-weight:500;font-size:12px}.lib-stat-value{font-weight:700;font-size:13px;color:#fff}.attack-color{color:#ff6b6b!important;text-shadow:0 0 8px rgba(255,107,107,.5)}.defense-color{color:#6b9fff!important;text-shadow:0 0 8px rgba(107,159,255,.5)}.armor-color{color:gold!important;text-shadow:0 0 8px rgba(255,215,0,.5)}.speed-color{color:#5cff9e!important;text-shadow:0 0 8px rgba(92,255,158,.5)}.absorb-color{color:#b47fff!important;text-shadow:0 0 8px rgba(180,127,255,.5)}.lib-tooltip-attributes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lib-attribute-tag{display:inline-block;padding:6px 10px;background:linear-gradient(135deg,#ffd70026,#ffd70014);border:1px solid rgba(255,215,0,.3);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffd700f2;transition:all .2s}.lib-attribute-tag:hover{background:linear-gradient(135deg,#ffd70040,#ffd70026);border-color:#ffd70080;transform:translateY(-1px);box-shadow:0 4px 8px #ffd70033}.lib-tooltip-hint{font-size:11px;color:#ffffff80;font-style:italic;text-align:center}.lib-tooltip-special{background:linear-gradient(135deg,#a855f71a,#a855f70d);border:1px solid rgba(168,85,247,.3);border-radius:0 0 14px 14px;margin:0 10px 10px;padding:12px 14px}.lib-tooltip-special .lib-tooltip-section-title{color:#b47fff;margin-bottom:8px}.lib-tooltip-special .lib-tooltip-section-title svg{color:#b47fff}.lib-special-text{font-size:12px;line-height:1.6;color:#ffffffd9;margin:0;font-style:italic}@media (max-width: 768px){.library-item-modal{min-width:280px;max-width:95vw}.library-item-modal-overlay{padding:10px}.lib-tooltip-stats-grid{grid-template-columns:1fr}.lib-modal-close{width:32px;height:32px}}.library-items-page{min-height:calc(100vh - 200px);padding:2rem;background:linear-gradient(135deg,#0d111cf2,#16213ef2)}.login-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.login-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,215,0,.2);text-align:center}.login-icon{color:gold;margin-bottom:1.5rem;display:flex;justify-content:center}.login-box h1{color:gold;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-box p{color:#ffffffb3;margin-bottom:2rem}.login-error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{width:100%;padding:1rem;border:2px solid rgba(255,215,0,.2);background:#0000004d;border-radius:10px;color:#fff;font-size:1rem;transition:all .3s}.login-box input:focus{outline:none;border-color:gold;background:#0006}.login-box button{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#0d111c;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.login-box button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.login-box button:disabled{opacity:.6;cursor:not-allowed}.items-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,215,0,.1);box-shadow:0 4px 16px #0003}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.header-title{display:flex;align-items:center;gap:1rem;color:gold}.header-title h1{font-size:2rem;font-weight:700;margin:0;color:gold}.header-title p{color:#ffffffb3;margin:.5rem 0 0}.header-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-box{background:#ffd7001a;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,215,0,.2);display:flex;flex-direction:column;align-items:center;min-width:100px}.stat-label{color:#fff9;font-size:.85rem;margin-bottom:.25rem}.stat-value{color:gold;font-size:1.75rem;font-weight:700}.search-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background:#0000004d;border:2px solid rgba(255,215,0,.2);border-radius:12px;padding:0 1rem;transition:all .3s}.search-input-wrapper:focus-within{border-color:gold;background:#0006}.search-input-wrapper svg{color:#ffd70080;margin-right:.75rem}.search-input-wrapper input{flex:1;padding:1rem 0;border:none;background:transparent;color:#fff;font-size:1rem}.search-input-wrapper input:focus{outline:none}.search-input-wrapper input::placeholder{color:#fff6}.search-btn{padding:1rem 2rem;background:linear-gradient(135deg,gold,#ffed4e);color:#0d111c;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.category-filter{display:flex;gap:.75rem;flex-wrap:wrap}.category-btn{padding:.75rem 1.25rem;background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s;font-size:.9rem;font-weight:500;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.category-btn:hover{background:#ffd7001a;border-color:#ffd70066}.category-btn.active{background:linear-gradient(135deg,gold,#ffed4e);color:#0d111c;border-color:gold}.category-count{display:inline-block;background:#0000004d;padding:.15rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600}.category-btn.active .category-count{background:#0d111c66}.items-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,215,0,.1);box-shadow:0 4px 16px #0003;min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:gold}.spinner{border:4px solid rgba(255,215,0,.1);border-top:4px solid #ffd700;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff9}.empty-state svg{color:#ffd7004d;margin-bottom:1rem}.empty-state h3{color:gold;font-size:1.5rem;margin-bottom:.5rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-bottom:2rem}.item-card{position:relative;background:#ffffff08;border:2px solid rgba(255,215,0,.15);border-radius:15px;padding:1.25rem;text-align:center;transition:all .3s;display:flex;flex-direction:column;align-items:center}.item-card:hover{transform:translateY(-5px);border-color:gold;background:#ffd70014;box-shadow:0 8px 24px #ffd70033}.item-view-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:8px;color:#ffd700cc;cursor:pointer;transition:all .3s;z-index:10}.item-view-btn:hover{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#0d111c;transform:scale(1.1);box-shadow:0 4px 12px #ffd70066}.item-image{width:64px;height:64px;margin-bottom:1rem;background:#0000004d;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,215,0,.2)}.item-image img{max-width:100%;max-height:100%;image-rendering:pixelated}.item-image svg{color:#ffd7004d}.item-info{width:100%}.item-name{color:gold;font-weight:600;font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-category{color:#ffffff80;font-size:.85rem;text-transform:capitalize;margin:0 0 .25rem}.item-id{color:#fff6;font-size:.75rem;margin:0}.item-stats{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.item-stats span{background:#ffd70026;border:1px solid rgba(255,215,0,.3);padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;color:gold}.stat-attack{background:#ff323233!important;border-color:#ff323266!important;color:#ff6b6b!important}.stat-defense{background:#6496ff33!important;border-color:#6496ff66!important;color:#6b9fff!important}.stat-armor{background:#ffd70033!important;border-color:#ffd70066!important}.stat-speed{background:#32ff9633!important;border-color:#32ff9666!important;color:#5cff9e!important}.stat-absorb{background:#9664ff33!important;border-color:#9664ff66!important;color:#b47fff!important}.stat-charges{background:#ff960033!important;border-color:#ff960066!important;color:#fa5!important}.stat-weight{background:#96969633!important;border-color:#c8c8c84d!important;color:#fffc!important}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-pages{display:flex;gap:.5rem}.pagination-btn{padding:.75rem 1.25rem;background:#ffffff0d;border:2px solid rgba(255,215,0,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s;font-size:.9rem;font-weight:500}.pagination-btn:hover:not(:disabled){background:#ffd7001a;border-color:#ffd70066}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,gold,#ffed4e);color:#0d111c;border-color:gold}@media (max-width: 1024px){.header-content{flex-direction:column;align-items:flex-start}.items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.library-items-page{padding:1rem}.items-header{padding:1.5rem}.header-title h1{font-size:1.5rem}.search-bar{flex-direction:column}.search-input-wrapper{min-width:100%}.items-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.stat-box{min-width:80px;padding:.75rem 1rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.login-box{padding:2rem 1.5rem}}.wiki-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.wiki-modal{position:relative;background:linear-gradient(135deg,#1e1e2e,#16161f);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.wiki-modal::-webkit-scrollbar{width:8px}.wiki-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.wiki-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:4px}.wiki-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fcd34d,#fbbf24)}.wiki-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.wiki-modal-close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.wiki-modal-content{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:30px}.wiki-modal-image-section{display:flex;flex-direction:column;gap:20px}.wiki-modal-image-container{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:12px;overflow:hidden}.wiki-modal-border{position:absolute;width:32px;height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none}.wiki-modal-item-image{position:relative;width:32px;height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:1}.wiki-rarity-buttons{display:flex;flex-direction:column;gap:8px}.wiki-rarity-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.wiki-rarity-btn:hover{background:#ffffff14;transform:translate(4px)}.wiki-rarity-btn.active{transform:translate(4px)}.wiki-rarity-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.wiki-rarity-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.wiki-rarity-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.wiki-rarity-stat:last-child{border-bottom:none}.wiki-rarity-stat .label{color:#fff9;font-size:13px}.wiki-rarity-stat .value{color:#fbbf24;font-size:15px;font-weight:600}.wiki-modal-info-section{display:flex;flex-direction:column;gap:24px}.wiki-modal-header h2{font-size:28px;color:#fff;margin-bottom:12px}.wiki-modal-badges{display:flex;gap:8px;flex-wrap:wrap}.wiki-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.wiki-badge.category{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.wiki-badge.slot{background:#67e8f933;color:#67e8f9;border:1px solid rgba(103,232,249,.3)}.wiki-modal-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.wiki-modal-section h3{font-size:16px;color:#fbbf24;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.wiki-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wiki-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.wiki-stat .stat-label{color:#fff9;font-size:13px}.wiki-stat .stat-value{color:#fff;font-size:14px;font-weight:600}.wiki-attributes-list{display:flex;flex-wrap:wrap;gap:8px}.wiki-attribute-tag{padding:6px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wiki-modal-footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#fff6;font-size:12px}@media (max-width: 768px){.wiki-modal-content{grid-template-columns:1fr;padding:20px;gap:20px}.wiki-modal-header h2{font-size:24px}.wiki-stats-grid{grid-template-columns:1fr}.wiki-rarity-buttons{flex-direction:row;flex-wrap:wrap}.wiki-rarity-btn{flex:1;min-width:140px;justify-content:center}.wiki-modal-close{width:36px;height:36px}}.wiki-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);padding:20px}.wiki-login-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.wiki-login-box h1{font-size:32px;margin-bottom:10px;color:#fff;text-align:center}.wiki-login-box p{color:#ffffffb3;text-align:center;margin-bottom:30px}.wiki-login-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;margin-bottom:20px;transition:all .3s ease}.wiki-login-input:focus{outline:none;border-color:#fbbf24;background:#ffffff14}.wiki-login-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.wiki-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.wiki-login-button:disabled{opacity:.6;cursor:not-allowed}.wiki-login-error{color:#ef4444;font-size:14px;text-align:center;margin-top:-10px;margin-bottom:15px}.wiki-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);padding:40px 20px}.wiki-header{text-align:center;margin-bottom:40px}.wiki-header h1{font-size:48px;color:#fff;margin-bottom:10px}.wiki-subtitle{color:#fff9;font-size:18px}.wiki-controls{max-width:1400px;margin:0 auto 40px}.wiki-search{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;margin-bottom:20px;transition:all .3s ease}.wiki-search:focus-within{border-color:#fbbf24;background:#ffffff14}.wiki-search svg{color:#fff6}.wiki-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none}.wiki-search-input::placeholder{color:#fff6}.wiki-categories{display:flex;flex-wrap:wrap;gap:10px}.wiki-category-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.wiki-category-btn:hover{background:#ffffff1a;border-color:#fff3}.wiki-category-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;color:#000}.wiki-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1400px;margin:0 auto 40px}.wiki-item-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s ease;cursor:pointer}.wiki-item-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#fff3;box-shadow:0 8px 24px #0000004d}.wiki-tier-badge{position:absolute;top:12px;left:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border:2px solid #a78bfa;border-radius:8px;color:#a78bfa;transition:all .3s ease;z-index:2;animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{box-shadow:0 0 8px #8b5cf666}50%{box-shadow:0 0 16px #8b5cf699}}.wiki-view-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fbbf2433;border:2px solid #fbbf24;border-radius:8px;color:#fbbf24;cursor:pointer;transition:all .3s ease;z-index:2}.wiki-view-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;transform:scale(1.1);box-shadow:0 4px 12px #fbbf2466}.wiki-item-image-container{position:relative;width:100%;height:120px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.wiki-item-border{position:absolute;width:32px;height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none}.wiki-item-image{position:relative;width:32px;height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;z-index:1}.wiki-item-info{text-align:center}.wiki-item-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-item-category{font-size:13px;color:#ffffff80;text-transform:capitalize;margin-bottom:4px}.wiki-item-slot{font-size:12px;color:#fbbf24;text-transform:capitalize}.wiki-item-tier{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;border:1px solid}.wiki-item-tier.tier-1{background:#9ca3af33;color:#9ca3af;border-color:#9ca3af4d}.wiki-item-tier.tier-2{background:#86efac33;color:#86efac;border-color:#86efac4d}.wiki-item-tier.tier-3{background:#67e8f933;color:#67e8f9;border-color:#67e8f94d}.wiki-item-tier.tier-4{background:linear-gradient(135deg,#fbbf2433,#c084fc33);color:#fcd34d;border-color:#fbbf2466;box-shadow:0 0 8px #fbbf244d}.wiki-pagination{display:flex;align-items:center;justify-content:center;gap:10px;max-width:1400px;margin:0 auto}.wiki-page-btn{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.wiki-page-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.wiki-page-btn:disabled{opacity:.3;cursor:not-allowed}.wiki-page-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;color:#000}.wiki-page-numbers{display:flex;gap:5px}.wiki-loading{text-align:center;padding:60px 20px;color:#fff9;font-size:18px}@media (max-width: 768px){.wiki-header h1{font-size:32px}.wiki-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.wiki-item-card{padding:12px}.wiki-categories{justify-content:center}.wiki-category-btn{font-size:13px;padding:8px 16px}}.test-pagarme-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem 0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:400px;width:100%;text-align:center}.auth-icon{color:gold;margin-bottom:1.5rem}.auth-box h1{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.auth-box p{color:#ffffffb3;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.auth-input:focus{outline:none;border-color:gold;background:#ffffff26}.auth-button{padding:1rem;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer;transition:transform .2s}.auth-button:hover{transform:translateY(-2px)}.test-header{text-align:center;margin-bottom:2rem}.test-header h1{font-size:2rem;color:#fff;margin-bottom:1rem}.warning-banner{display:inline-flex;align-items:center;gap:.5rem;background:#ffc10733;border:1px solid rgba(255,193,7,.5);padding:.75rem 1.5rem;border-radius:8px;color:#ffc107;font-weight:500}.test-grid{display:grid;grid-template-columns:400px 1fr;gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.test-grid{grid-template-columns:1fr}}.test-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.test-section h2{font-size:1.5rem;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.coin-selector{display:flex;flex-direction:column;gap:1.5rem}.coin-amount-display{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:12px}.coin-icon img{width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.coin-details{display:flex;flex-direction:column}.coin-amount{font-size:2rem;font-weight:700;color:gold}.coin-label{color:#ffffffb3;font-size:.9rem}.slider-container{padding:0 .5rem}.coin-slider{width:100%;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none}.coin-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);cursor:pointer;box-shadow:0 0 10px #ffd70080}.coin-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;color:#ffffff80;font-size:.9rem}.price-breakdown{background:#0003;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.price-row{display:flex;justify-content:space-between;color:#fffc;font-size:1rem}.discount-row{color:#4ade80}.total-row{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2);font-size:1.2rem;font-weight:700}.total-price{color:gold}.payment-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{color:#fff;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fffc;font-size:.9rem;font-weight:500}.form-group input{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:gold;background:#ffffff1a}.form-hint{color:#ffffff80;font-size:.85rem;font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;color:#1a1a2e;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffd7004d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.result-box{max-width:600px;margin:2rem auto 0;padding:2rem;border-radius:12px;text-align:center}.result-box.success{background:#4ade801a;border:2px solid rgba(74,222,128,.5)}.result-box.error{background:#ef44441a;border:2px solid rgba(239,68,68,.5)}.result-box svg{margin-bottom:1rem}.result-box.success svg{color:#4ade80}.result-box.error svg{color:#ef4444}.result-box h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.result-details{text-align:left;background:#0003;padding:1rem;border-radius:8px;margin-top:1rem}.result-details p{color:#ffffffe6;margin:.5rem 0}.result-details strong{color:gold}.error-message{color:#ef4444;font-size:1rem}.test-pagarme-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1e,#16213e,#0f0f1e);padding:40px 20px}.test-pagarme-card{background:#2c2c2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--gold-primary, #F5A623);border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 0 30px #f5a6234d,0 20px 60px #000c}.test-pagarme-header{text-align:center;margin-bottom:30px}.test-pagarme-header h1{color:var(--gold-primary, #F5A623);font-size:2rem;margin-bottom:15px;font-family:Cinzel,serif;text-shadow:0 0 20px rgba(245,166,35,.5)}.test-warning{color:#ff9800;background:#ff98001a;border:1px solid #ff9800;border-radius:6px;padding:15px;margin:15px 0;font-size:.95rem;line-height:1.6}.test-warning strong{color:#ff5722}.password-form,.test-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary, #F4E9D9);font-weight:600;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.form-input{padding:12px 15px;background:#0f0f1e99;border:1px solid var(--bronze, #8C6239);border-radius:6px;color:var(--text-primary, #F4E9D9);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--gold-primary, #F5A623);box-shadow:0 0 10px #f5a6234d}.coin-slider{width:100%;height:8px;background:#0f0f1e99;border-radius:5px;outline:none;-webkit-appearance:none}.coin-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--gold-primary, #F5A623);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #f5a62380}.coin-slider::-moz-range-thumb{width:20px;height:20px;background:var(--gold-primary, #F5A623);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #f5a62380}.coin-display{text-align:center;margin-top:10px}.coin-value{color:var(--gold-primary, #F5A623);font-size:1.5rem;font-weight:700;text-shadow:0 0 15px rgba(245,166,35,.5)}.price-summary{background:#0f0f1e99;border:1px solid var(--bronze, #8C6239);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-content:space-between;color:var(--text-primary, #F4E9D9);font-size:1rem}.price-row.total{padding-top:12px;border-top:1px solid var(--bronze, #8C6239);font-size:1.2rem;font-weight:700;color:var(--gold-primary, #F5A623)}.error-message{color:#ff5722;font-size:.9rem;margin:0}.error-box{background:#ff57221a;border:1px solid #ff5722;border-radius:6px;padding:15px;color:#ff5722}.form-actions{display:flex;gap:15px;margin-top:10px}.btn-primary,.btn-secondary{flex:1;padding:15px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#d4911c,#f5a623,#ffb838);color:var(--charcoal-black, #0F0F1E);box-shadow:0 5px 15px #f5a62366;border:1px solid var(--gold-dark, #D4911C)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f5a62399}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#2c2c2ccc;color:var(--text-primary, #F4E9D9);border:2px solid var(--bronze, #8C6239)}.btn-secondary:hover:not(:disabled){background:#2c2c2c;border-color:var(--bronze-light, #A47A52);transform:translateY(-2px)}.info-box{background:#2196f31a;border:1px solid #2196F3;border-radius:8px;padding:20px;margin-top:20px}.info-box h3{color:#2196f3;font-size:1.1rem;margin-bottom:15px;font-weight:600}.info-box ol{color:var(--text-primary, #F4E9D9);margin:0;padding-left:20px;line-height:1.8}.info-box li{margin-bottom:8px}@media (max-width: 768px){.test-pagarme-card{padding:30px 20px}.test-pagarme-header h1{font-size:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.test-asaas-page{min-height:100vh;background:linear-gradient(135deg,#140a05fa,#000000fa);padding:var(--spacing-8) var(--spacing-4)}.password-container{display:flex;align-items:center;justify-content:center;min-height:80vh}.password-card{background:linear-gradient(135deg,#28140af2,#140a05f2);border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);padding:var(--spacing-8);max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #000c}.lock-icon{color:var(--color-primary-500);margin-bottom:var(--spacing-4);filter:drop-shadow(0 0 8px rgba(218,165,32,.4))}.password-card h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-3);font-size:var(--text-2xl)}.password-card p{color:var(--color-neutral-400);margin-bottom:var(--spacing-6)}.password-card input{width:100%;padding:var(--spacing-4);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-lg);text-align:center;letter-spacing:2px;margin-bottom:var(--spacing-3);transition:all var(--transition-base)}.password-card input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #daa5201a}.password-card input.error{border-color:#ef4444}.unlock-btn{width:100%;padding:var(--spacing-4);background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1410;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #daa5204d}.unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #daa52080}.test-header{text-align:center;margin-bottom:var(--spacing-8)}.test-header h1{font-family:Cinzel,serif;color:var(--color-primary-500);font-size:var(--text-4xl);margin-bottom:var(--spacing-3)}.warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-sm);display:inline-block;font-weight:600}.test-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);max-width:1400px;margin:0 auto}.coin-selector-section{background:linear-gradient(135deg,#28140af2,#140a05f2);border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);padding:var(--spacing-6)}.coin-selector-section h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-6);font-size:var(--text-xl)}.coin-amount-display{display:flex;align-items:center;gap:var(--spacing-4);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.coin-icon img{width:64px;height:64px;filter:drop-shadow(0 0 8px rgba(218,165,32,.4))}.coin-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.coin-amount{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary-500);font-family:Cinzel,serif}.coin-label{color:var(--color-neutral-400);font-size:var(--text-sm)}.slider-container{margin-bottom:var(--spacing-6)}.coin-slider{width:100%;height:8px;background:#8b451333;border-radius:4px;outline:none;-webkit-appearance:none;margin-bottom:var(--spacing-3)}.coin-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--color-primary-500);cursor:pointer;border-radius:50%;box-shadow:0 0 8px #daa52099}.coin-slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-primary-500);cursor:pointer;border-radius:50%;border:none;box-shadow:0 0 8px #daa52099}.slider-labels{display:flex;justify-content:space-between;color:var(--color-neutral-500);font-size:var(--text-sm)}.price-breakdown{background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);padding:var(--spacing-4)}.price-row{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;color:var(--color-neutral-300);font-size:var(--text-base)}.price-row:not(:last-child){border-bottom:1px solid rgba(139,69,19,.2)}.discount-row{color:#22c55e}.discount-amount{font-weight:600}.total-row{font-size:var(--text-xl);font-weight:700;padding-top:var(--spacing-4)}.total-price{color:var(--color-primary-500);font-family:Cinzel,serif}.form-section{background:linear-gradient(135deg,#28140af2,#140a05f2);border:1px solid rgba(139,69,19,.4);border-radius:var(--radius-sm);padding:var(--spacing-6)}.form-section h2{font-family:Cinzel,serif;color:var(--color-primary-500);margin-bottom:var(--spacing-6);font-size:var(--text-xl)}.asaas-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:600}.form-group input,.form-group select{width:100%;padding:var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-base);transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);background:#00000080;box-shadow:0 0 0 3px #daa5201a}.form-group input.error{border-color:#ef4444}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-4)}.error-message{color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-1)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1410;border:none;border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #daa5204d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #daa52080;background:linear-gradient(135deg,#f4c430,#daa520)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:3px solid rgba(26,20,16,.3);border-top-color:#1a1410;border-radius:50%;animation:spin .8s linear infinite}.info-text{text-align:center;color:var(--color-neutral-400);font-size:var(--text-sm);margin-top:var(--spacing-2)}@media (max-width: 1024px){.test-content{grid-template-columns:1fr}}@media (max-width: 768px){.test-header h1{font-size:var(--text-2xl)}.form-row{grid-template-columns:1fr}.password-card{padding:var(--spacing-6)}.coin-amount{font-size:var(--text-2xl)}}.location-question-container{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--spacing-4)}.location-question-card{background:linear-gradient(135deg,#28140af2,#140a05f2);border:2px solid var(--gold-primary);border-radius:var(--radius-md);padding:var(--spacing-8);max-width:600px;width:100%;text-align:center;box-shadow:0 0 40px #f5a62366}.location-icon{font-size:64px;margin-bottom:var(--spacing-4);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.location-title{color:var(--gold-primary);font-size:var(--text-3xl);font-family:Cinzel,serif;margin-bottom:var(--spacing-4);text-shadow:0 0 20px rgba(245,166,35,.5)}.location-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--spacing-6);opacity:.9}.location-question{background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin:var(--spacing-6) 0}.location-question h3{color:var(--gold-primary);font-size:var(--text-xl);font-weight:600;margin:0}.location-buttons{display:flex;gap:var(--spacing-4);margin:var(--spacing-6) 0}.location-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);border:2px solid;border-radius:var(--radius-md);background:#0000004d;cursor:pointer;transition:all .3s ease;font-family:inherit}.brazil-btn{border-color:#4caf50;color:#4caf50}.brazil-btn:hover{background:#4caf501a;box-shadow:0 0 20px #4caf504d;transform:translateY(-5px)}.foreign-btn{border-color:#ffc107;color:#ffc107}.foreign-btn:hover{background:#ffc1071a;box-shadow:0 0 20px #ffc1074d;transform:translateY(-5px)}.btn-icon{font-size:48px;margin-bottom:var(--spacing-2)}.btn-label{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-1)}.btn-subtitle{font-size:var(--text-sm);opacity:.8}.location-info{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-6);opacity:.7}@media (max-width: 768px){.location-buttons{flex-direction:column}.location-question-card{padding:var(--spacing-6)}.location-title{font-size:var(--text-2xl)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4)}.modal-content{background:linear-gradient(135deg,#28140afa,#140a05fa);border:2px solid var(--gold-primary);border-radius:var(--radius-md);padding:var(--spacing-8);max-width:500px;width:100%;box-shadow:0 0 40px #f5a62366}.modal-title{color:var(--gold-primary);font-size:var(--text-2xl);font-family:Cinzel,serif;margin-bottom:var(--spacing-6);text-align:center;text-shadow:0 0 20px rgba(245,166,35,.5)}.modal-info{background:#0000004d;padding:var(--spacing-4);border-radius:var(--radius-sm);margin-bottom:var(--spacing-6)}.modal-info p{color:var(--text-primary);margin:var(--spacing-2) 0;font-size:var(--text-base)}.discount-info{color:#4caf50!important;font-weight:600}.modal-customer-info{background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:var(--radius-sm);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.modal-customer-info h3{color:var(--gold-primary);font-size:var(--text-lg);margin-bottom:var(--spacing-3);text-align:center}.customer-location{text-align:center;margin:var(--spacing-4) 0;font-size:var(--text-lg)}.foreign-yes{color:#ffc107;display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:#ffc1071a;border-radius:var(--radius-sm)}.foreign-no{color:#4caf50;display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:#4caf501a;border-radius:var(--radius-sm)}.confirmation-question{text-align:center;color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--spacing-3);font-style:italic}.modal-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.btn-cancel,.btn-confirm{flex:1;padding:var(--spacing-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-cancel{background:#f4433633;color:#f44336;border:2px solid #f44336}.btn-cancel:hover{background:#f443364d;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#d4911c,#f5a623,#ffb838);color:var(--charcoal-black);border:2px solid var(--gold-dark);box-shadow:0 5px 15px #f5a62366}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f5a62399}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.test-binance-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.test-binance-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:2.5rem;max-width:700px;width:100%;box-shadow:0 8px 32px #0000004d}.test-binance-header{text-align:center;margin-bottom:2rem}.test-binance-header h1{color:#fff;font-size:1.8rem;margin-bottom:1rem}.test-warning{background:#ffc1071a;border-left:4px solid #ffc107;padding:1rem;border-radius:8px;color:#ffc107;font-size:.95rem;line-height:1.6}.crypto-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.crypto-option{background:#ffffff0d;border:2px solid #444;border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.crypto-option:hover{background:#ffffff14;transform:translateY(-2px)}.crypto-option.selected{background:#ffffff1a;border-width:3px;box-shadow:0 4px 20px #0000004d}.crypto-icon{font-size:2rem}.crypto-name{color:#fff;font-weight:600;font-size:1.1rem}.crypto-price{color:#aaa;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem;font-size:1rem}.coin-slider{width:100%;height:8px;border-radius:5px;background:#ffffff1a;outline:none;cursor:pointer}.coin-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;box-shadow:0 2px 8px #4caf5080}.coin-display{text-align:center;margin-top:1rem}.coin-value{color:#4caf50;font-size:1.5rem;font-weight:700}.price-summary{background:#0000004d;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.price-row{display:flex;justify-content:space-between;padding:.75rem 0;color:#ddd;border-bottom:1px solid rgba(255,255,255,.1)}.price-row:last-child{border-bottom:none}.price-row.discount{color:#4caf50}.price-row.total{font-size:1.2rem;font-weight:700;color:#fff;padding-top:1rem;margin-top:.5rem;border-top:2px solid rgba(255,255,255,.2)}.price-row.crypto-amount{font-size:1.3rem;font-weight:700;background:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary,.btn-copy{flex:1;padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf5066}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-copy{background:#2196f333;color:#2196f3;border:1px solid #2196F3;margin-top:.5rem}.btn-copy:hover{background:#2196f34d}.info-box{background:#2196f31a;border-left:4px solid #2196F3;border-radius:8px;padding:1.5rem;margin-top:2rem}.info-box h3{color:#2196f3;margin-bottom:1rem;font-size:1.1rem}.info-box ol{color:#ddd;padding-left:1.5rem;line-height:1.8}.info-box li{margin-bottom:.5rem}.error-box{background:#f443361a;border-left:4px solid #f44336;border-radius:8px;padding:1rem;margin:1rem 0}.error-box p{color:#f44336;margin:0}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.form-input:focus{outline:none;border-color:#4caf50;background:#ffffff14}.error-message{color:#f44336;margin-top:.5rem;font-size:.9rem}.deposit-info{display:flex;flex-direction:column;gap:1.5rem}.crypto-badge{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-radius:12px;color:#fff}.crypto-icon-large{font-size:3rem}.crypto-name-large{font-size:1.5rem;font-weight:700}.amount-box,.address-box,.tag-box{background:#0000004d;border-radius:12px;padding:1.5rem}.amount-box label,.address-box label,.tag-box label{color:#aaa;font-size:.9rem;margin-bottom:.5rem;display:block}.amount-value{color:#fff;font-size:1.8rem;font-weight:700;margin:.5rem 0;word-break:break-all}.amount-usd{color:#888;font-size:1.1rem}.address-value,.tag-value{color:#fff;font-size:1rem;font-family:Courier New,monospace;background:#00000080;padding:1rem;border-radius:8px;word-break:break-all;margin:.5rem 0}.qr-code-container{background:#ffffff0d;border-radius:12px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code-wrapper{background:#fff;padding:1rem;border-radius:12px;display:inline-block;box-shadow:0 4px 20px #0000004d}.qr-code-wrapper svg{display:block}.qr-note{font-size:.95rem;color:#aaa;margin:0}.checking-payment{background:#2196f31a;border:1px solid #2196F3;border-radius:12px;padding:1.5rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(33,150,243,.3);border-top-color:#2196f3;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.checking-payment p{color:#2196f3;margin:.5rem 0}.payment-id{font-family:Courier New,monospace;font-size:.85rem;color:#888}.warning-box{background:#ff98001a;border:1px solid #ff9800;border-radius:12px;padding:1.5rem}.warning-box h4{color:#ff9800;margin-bottom:1rem;font-size:1.1rem}.warning-box ul{color:#ddd;padding-left:1.5rem;line-height:1.8}.warning-box li{margin-bottom:.5rem}.success-header{text-align:center;padding:2rem 0}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.success-header h1{color:#4caf50;font-size:2rem;margin-bottom:.5rem}.success-header p{color:#ddd;font-size:1.2rem}.success-details{background:#0000004d;border-radius:12px;padding:1.5rem;margin:2rem 0}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;color:#ddd;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-row span:last-child{font-weight:700;color:#fff}.coins-highlight{color:#4caf50!important;font-size:1.2rem!important;font-weight:800!important}.txid-small{font-size:.8rem!important;color:#aaa!important;word-break:break-all;max-width:300px;text-align:right}.payment-id-small{font-size:.75rem!important;color:#888!important;word-break:break-all}.success-info{background:#4caf501a!important;border-left-color:#4caf50!important;color:#4caf50!important}.success-info p{margin:.5rem 0;font-size:.95rem}@media (max-width: 768px){.test-binance-card{padding:1.5rem}.crypto-selector{grid-template-columns:1fr}.form-actions,.crypto-badge{flex-direction:column}.amount-value{font-size:1.4rem}}.antibot-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden}.antibot-login .login-bg-particles{position:absolute;width:100%;height:100%;overflow:hidden}.antibot-login .particle{position:absolute;width:4px;height:4px;background:#8b5cf699;border-radius:50%;animation:antibot-float-up linear infinite;box-shadow:0 0 10px #8b5cf6cc}@keyframes antibot-float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.antibot-login .login-container{position:relative;z-index:10;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;width:90%;max-width:450px;box-shadow:0 20px 60px #00000080,0 0 100px #8b5cf64d;display:flex!important;flex-direction:column!important}.antibot-login .login-header{text-align:center;margin-bottom:2.5rem;order:1!important}.antibot-login .login-icon{color:#8b5cf6;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:antibot-pulse-glow 3s ease-in-out infinite}@keyframes antibot-pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(139,92,246,.6))}50%{filter:drop-shadow(0 0 30px rgba(139,92,246,1))}}.antibot-login .login-header h1{font-size:2rem;color:#fff;margin-bottom:.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.antibot-login .login-header p{color:#ffffffb3;font-size:.95rem}.antibot-login .login-form{display:flex;flex-direction:column;gap:1.5rem;order:2!important}.antibot-login .input-icon{position:relative;display:flex;align-items:center}.antibot-login .input-icon svg{position:absolute;left:1rem;color:#ffffff80}.antibot-login .input-icon input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.antibot-login .input-icon input:focus{outline:none;background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.antibot-login .input-icon input::placeholder{color:#fff6}.antibot-login .login-btn{padding:1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf666}.antibot-login .login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699}.antibot-login .login-btn:disabled{opacity:.7;cursor:not-allowed}.antibot-login .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:antibot-spin .8s linear infinite}@keyframes antibot-spin{to{transform:rotate(360deg)}}.antibot-login .login-footer{margin-top:1.5rem!important;padding-top:1.5rem!important;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff9;font-size:.9rem;position:relative!important;order:999!important}.antibot-panel{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#1a1a2e,#16213e);padding-bottom:2rem}.antibot-panel .panel-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0000004d}.antibot-panel .header-left{display:flex;align-items:center;gap:1rem}.antibot-panel .header-icon{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.antibot-panel .panel-header h1{font-size:1.5rem;color:#fff;margin:0;font-weight:700}.antibot-panel .panel-header p{color:#ffffffb3;font-size:.9rem;margin:.25rem 0 0}.antibot-panel .gm-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:.5rem}.antibot-panel .logout-btn{padding:.75rem 1.5rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.antibot-panel .logout-btn:hover{background:#ef44444d;transform:translateY(-2px)}.antibot-panel .panel-tabs{display:flex;gap:1rem;padding:1.5rem 2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.antibot-panel .tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#fff9;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative}.antibot-panel .tab:hover{color:#ffffffe6}.antibot-panel .tab.active{color:#fff;border-bottom-color:#8b5cf6}.antibot-panel .tab.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1);box-shadow:0 0 10px #8b5cf699}.antibot-panel .panel-content{padding:2rem}.antibot-panel .dashboard-tab{display:flex;flex-direction:column;gap:2rem}.antibot-panel .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.antibot-panel .stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:4px solid;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer}.antibot-panel .stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.antibot-panel .stat-content{display:flex;flex-direction:column}.antibot-panel .stat-title{color:#ffffffb3;font-size:.9rem;margin-bottom:.25rem}.antibot-panel .stat-value{color:#fff;font-size:1.8rem;font-weight:700}.antibot-panel .dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.antibot-panel .dashboard-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.antibot-panel .dashboard-section h2{color:#fff;font-size:1.25rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.antibot-panel .challenges-list,.antibot-panel .reports-list{display:flex;flex-direction:column;gap:1rem}.antibot-panel .challenges-grid,.antibot-panel .reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.antibot-panel .challenge-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .3s ease}.antibot-panel .challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.antibot-panel .challenge-card.compact{padding:1rem}.antibot-panel .challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.antibot-panel .challenge-id{color:#ffffff80;font-size:.85rem;font-weight:600}.antibot-panel .challenge-status{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.antibot-panel .challenge-body{display:flex;flex-direction:column;gap:.75rem}.antibot-panel .challenge-info{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.antibot-panel .challenge-info svg{color:#ffffff80}.antibot-panel .challenge-reason{margin-top:.5rem;padding:.75rem;background:#ffffff0d;border-left:3px solid #8b5cf6;border-radius:6px;color:#ffffffe6;font-size:.85rem;font-style:italic}.antibot-panel .report-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .3s ease}.antibot-panel .report-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.antibot-panel .report-card.valid{border-left:4px solid #10b981}.antibot-panel .report-card.invalid{border-left:4px solid #ef4444}.antibot-panel .report-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.antibot-panel .report-icon.valid{color:#10b981}.antibot-panel .report-icon.invalid{color:#ef4444}.antibot-panel .report-title{color:#fff;font-weight:600}.antibot-panel .report-body{display:flex;flex-direction:column;gap:.75rem}.antibot-panel .report-info{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem}.antibot-panel .report-warning{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f59e0b33;border-left:3px solid #f59e0b;border-radius:6px;color:#f59e0b;font-size:.85rem;font-weight:600}.antibot-panel .report-reason{margin-top:.5rem;padding:.75rem;background:#ffffff0d;border-radius:6px;color:#ffffffe6;font-size:.85rem}.antibot-panel .send-challenge-tab{max-width:700px;margin:0 auto}.antibot-panel .send-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.antibot-panel .send-header svg{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.antibot-panel .send-header h2{color:#fff;font-size:1.75rem;margin:0}.antibot-panel .send-header p{color:#ffffffb3;margin:.5rem 0 0}.antibot-panel .send-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.antibot-panel .form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.antibot-panel .form-group label{color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.antibot-panel .form-group input,.antibot-panel .form-group textarea{padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.antibot-panel .form-group input:focus,.antibot-panel .form-group textarea:focus{outline:none;border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf633}.antibot-panel .form-group textarea{resize:vertical;font-family:inherit}.antibot-panel .search-results{position:absolute;top:100%;left:0;right:0;background:#1e1e32fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 10px 40px #00000080}.antibot-panel .search-result-item{padding:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s ease}.antibot-panel .search-result-item:hover{background:#8b5cf633}.antibot-panel .search-result-item strong{color:#fff;font-size:1rem}.antibot-panel .search-result-item span{color:#fff9;font-size:.85rem}.antibot-panel .send-btn{padding:1.25rem 2rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666}.antibot-panel .send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.antibot-panel .send-btn:disabled{opacity:.6;cursor:not-allowed}.table-container{width:100%;overflow-x:auto;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead{background:#8b5cf61a;border-bottom:2px solid rgba(139,92,246,.3)}.data-table thead th{padding:1rem;text-align:left;font-weight:600;color:#a78bfa;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.data-table tbody tr:hover{background:#8b5cf60d}.data-table tbody tr.row-valid{background:#10b98108}.data-table tbody tr.row-valid:hover{background:#10b98114}.data-table tbody tr.row-invalid{background:#ef444408}.data-table tbody tr.row-invalid:hover{background:#ef444414}.data-table tbody td{padding:1rem;color:#fffc}.data-table .id-cell{font-weight:600;color:#8b5cf6;font-family:Courier New,monospace}.data-table .account-cell{font-weight:600;color:#60a5fa}.data-table .challenge-id-cell{font-family:Courier New,monospace;font-size:.85rem;color:#fff9}.data-table .date-cell{font-size:.85rem;color:#fff9;white-space:nowrap}.data-table .reason-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .valid-cell{font-weight:600}.data-table .suspicious-cell{text-align:center}.data-table .no-data{text-align:center;padding:3rem!important;color:#fff6;font-style:italic}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 8px #0003}.badge-valid{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:20px;color:#10b981;font-size:.8rem;font-weight:600}.badge-invalid{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:20px;color:#ef4444;font-size:.8rem;font-weight:600}.badge-warning{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:20px;color:#f59e0b;font-size:.8rem;font-weight:600}.badge-ok{display:inline-block;padding:.35rem .75rem;background:#6b728033;border:1px solid rgba(107,114,128,.3);border-radius:20px;color:#9ca3af;font-size:.8rem;font-weight:600}.account-with-action{display:flex;align-items:center;gap:.5rem}.view-characters-btn{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;padding:.4rem;cursor:pointer;color:#a78bfa;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-characters-btn:hover{background:#8b5cf640;border-color:#8b5cf680;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{display:flex;align-items:center;gap:.75rem;color:#fff}.modal-title h3{margin:0;font-size:1.25rem;font-weight:600}.modal-title svg{color:#8b5cf6}.modal-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-loading,.modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#fff9}.modal-empty svg{color:#ffffff4d}.characters-table-wrapper{overflow-x:auto}.characters-table{width:100%;border-collapse:collapse}.characters-table thead{background:#8b5cf61a;border-bottom:2px solid rgba(139,92,246,.3)}.characters-table thead th{padding:1rem;text-align:left;font-weight:600;color:#a78bfa;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.characters-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.characters-table tbody tr:hover{background:#8b5cf60d}.characters-table tbody td{padding:1rem;color:#fffc}.char-name{font-weight:600;color:#fff;font-size:1rem}.char-level{text-align:center}.level-badge{display:inline-block;background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:.35rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.vocation-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;box-shadow:0 2px 8px #0003}.char-ip{font-family:Courier New,monospace;color:#fff9;font-size:.9rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.char-count{color:#fff9;font-size:.9rem;margin:0}.modal-btn-close{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-btn-close:hover{background:#8b5cf640;border-color:#8b5cf680}.players-search-tab{display:flex;flex-direction:column;gap:2rem}.search-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.search-header svg{color:#8b5cf6;flex-shrink:0}.search-header h2{margin:0;font-size:1.5rem;color:#fff}.search-header p{margin:.25rem 0 0;color:#fff9;font-size:.9rem}.search-filters-form{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-group input,.filter-group select{padding:.75rem;background:#0000004d;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#fff;font-size:.95rem;transition:all .2s ease}.filter-group input::placeholder{color:#ffffff4d}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#8b5cf6;background:#00000080;box-shadow:0 0 0 3px #8b5cf61a}.filter-group select{cursor:pointer}.filter-group select option{background:#1a1a2e;color:#fff}.search-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-results-section{display:flex;flex-direction:column;gap:1rem}.results-header{padding:1rem 1.5rem;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.results-header h3{margin:0;color:#a78bfa;font-size:1.1rem;font-weight:600}.badge-online{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:20px;color:#10b981;font-size:.8rem;font-weight:600}.badge-offline{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#6b728033;border:1px solid rgba(107,114,128,.3);border-radius:20px;color:#9ca3af;font-size:.8rem;font-weight:600}.row-online{background:#10b98108!important}.row-online:hover{background:#10b98114!important}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#fff6}.no-results svg{color:#fff3}.no-results p{margin:0;font-size:1rem}.filter-group-vocations{grid-column:1 / -1}.vocations-checkboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#0000004d;border:2px solid rgba(139,92,246,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fffc;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.checkbox-label:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);opacity:0;transition:opacity .3s ease;z-index:0}.checkbox-label:hover:before{opacity:1}.checkbox-label:hover{border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.checkbox-label input[type=checkbox]{position:relative;width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;background:#0006;border:2px solid rgba(139,92,246,.4);border-radius:4px;transition:all .3s ease;flex-shrink:0;z-index:1}.checkbox-label input[type=checkbox]:hover{border-color:#8b5cf699}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-label span{position:relative;z-index:1;transition:all .3s ease}.checkbox-label:has(input[type=checkbox]:checked){background:#8b5cf626;border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf64d}.checkbox-label:has(input[type=checkbox]:checked) span{color:#fff;font-weight:600}@media (max-width: 1200px){.vocations-checkboxes{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.vocations-checkboxes{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.antibot-panel .panel-header{flex-direction:column;gap:1rem}.antibot-panel .panel-tabs{overflow-x:auto;gap:.5rem}.antibot-panel .stats-grid,.antibot-panel .dashboard-sections,.antibot-panel .challenges-grid,.antibot-panel .reports-grid{grid-template-columns:1fr}.table-container{padding:.5rem}.data-table{font-size:.8rem}.data-table thead th,.data-table tbody td{padding:.75rem .5rem}.data-table .reason-cell{max-width:150px}}.screenshots-tab{padding:var(--spacing-6)}.screenshots-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid rgba(139,69,19,.3)}.screenshots-header h2{margin:0;font-size:var(--text-2xl);color:var(--color-neutral-100)}.screenshots-header p{margin:0;color:var(--color-neutral-400);font-size:var(--text-sm)}.screenshots-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.screenshot-request-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);padding:var(--spacing-4)}.screenshot-request-section h3{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0;color:var(--color-primary-400);font-size:var(--text-lg)}.screenshot-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.screenshot-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.screenshot-form label{font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-300)}.screenshot-form input[type=text],.screenshot-form input[type=number]{padding:var(--spacing-2) var(--spacing-3);background:#0006;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-neutral-100);font-size:var(--text-sm)}.screenshot-form input[type=text]:focus,.screenshot-form input[type=number]:focus{outline:none;border-color:var(--color-primary-500)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,sienna,#e67e22);transform:translateY(-2px);box-shadow:0 4px 12px #8b451366}.btn-secondary{background:#8b451333;color:var(--color-primary-400);border:1px solid rgba(139,69,19,.4)}.btn-secondary:hover:not(:disabled){background:#8b45134d;border-color:var(--color-primary-500)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.screenshot-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);color:#fbbf24;font-size:var(--text-sm);margin-top:var(--spacing-4)}.screenshot-account-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);color:#60a5fa;font-size:var(--text-sm)}.screenshots-gallery-section{background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-md);padding:var(--spacing-4)}.screenshots-gallery-section h3{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0;color:var(--color-primary-400);font-size:var(--text-lg)}.screenshots-loading,.screenshots-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12) var(--spacing-4);color:var(--color-neutral-400);text-align:center}.screenshots-empty p{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-neutral-300)}.screenshots-empty span{font-size:var(--text-sm);color:var(--color-neutral-500)}.screenshots-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.screenshot-session{background:#0006;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-md);padding:var(--spacing-4)}.session-header{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:1px solid rgba(139,69,19,.2);color:var(--color-neutral-300);font-size:var(--text-sm)}.screen-count{margin-left:auto;padding:2px var(--spacing-2);background:#8b45134d;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-primary-400)}.session-screens{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.screenshot-item{background:#0000004d;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--transition-base)}.screenshot-item:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px #8b45134d;transform:translateY(-2px)}.screenshot-preview{width:100%;height:200px;overflow:hidden;background:#000}.screenshot-preview img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.screenshot-item:hover .screenshot-preview img{transform:scale(1.05)}.screenshot-info-bar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#00000080;font-size:var(--text-xs);color:var(--color-neutral-400)}.btn-download{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px var(--spacing-2);background:#8b451333;border:1px solid rgba(139,69,19,.3);border-radius:var(--radius-sm);color:var(--color-primary-400);text-decoration:none;font-size:var(--text-xs);font-weight:600;transition:all var(--transition-base)}.btn-download:hover{background:#8b45134d;border-color:var(--color-primary-500);color:var(--color-primary-300)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.screenshot-form .form-row,.session-screens{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: var(--gold-primary);--primary-dark: var(--gold-dark);--secondary: var(--red-deep);--accent: var(--bronze);--dark: var(--charcoal-black);--dark-lighter: var(--steel-gray);--gray: var(--iron-gray);--light-gray: var(--text-secondary);--white: var(--text-primary);--success: #2E7D32;--error: var(--red-deep);--warning: var(--gold-primary);--gradient: var(--gradient-gold);--gradient-silver: var(--gradient-iron)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--charcoal-black);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;margin:0;padding:0;position:relative}#root{min-height:100vh;width:100%}.app{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.container{max-width:1280px;margin:0 auto;padding:0 20px;width:100%}*{box-sizing:border-box}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}body,.app{overflow-x:hidden}@media (max-width: 480px){.container{padding:0 15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.95rem}.card{padding:1rem;margin-bottom:1rem}.card-header{padding:.75rem 1rem}.card-body{padding:.75rem}.form-group{margin-bottom:1rem}.form-control{padding:.5rem .75rem;font-size:.9rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:100%}.btn{padding:.5rem 1rem;font-size:.9rem}.btn-large{padding:.75rem 1.25rem;font-size:.95rem}.modal{padding:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.list-item{padding:.75rem}.grid{grid-template-columns:1fr;gap:1rem}.flex-row{flex-direction:column}section{padding:2rem 0}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.mb-4{margin-bottom:1.5rem!important}}@media (max-width: 768px){.container{padding:0 20px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}.flex-md-column{flex-direction:column}.table-responsive{overflow-x:auto}.sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}section{padding:3rem 0}}@media (max-width: 992px){.container{max-width:960px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.container{max-width:1140px}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}@media (max-width: 768px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}.text-right-mobile{text-align:right}}@media (max-width: 768px){.p-mobile-1{padding:.5rem!important}.p-mobile-2{padding:1rem!important}.p-mobile-3{padding:1.5rem!important}.px-mobile-1{padding-left:.5rem!important;padding-right:.5rem!important}.px-mobile-2{padding-left:1rem!important;padding-right:1rem!important}.px-mobile-3{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-mobile-1{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-mobile-2{padding-top:1rem!important;padding-bottom:1rem!important}.py-mobile-3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.m-mobile-0{margin:0!important}.m-mobile-1{margin:.5rem!important}.m-mobile-2{margin:1rem!important}.mx-mobile-auto{margin-left:auto!important;margin-right:auto!important}.my-mobile-1{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-mobile-2{margin-top:1rem!important;margin-bottom:1rem!important}}img,video,iframe{max-width:100%;height:auto}@media (max-width: 768px){table{display:block;overflow-x:auto;white-space:nowrap}}.text-break{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.aspect-ratio-16-9{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.aspect-ratio-16-9>*{position:absolute;top:0;left:0;width:100%;height:100%}@media (hover: none) and (pointer: coarse){button,.btn,a,.clickable{min-height:44px;min-width:44px}}@media (max-width: 768px){html{scroll-behavior:smooth}}body{position:fixed;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}#root{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}