*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #05030a;--bg-card: rgba(12, 8, 20, .92);--mist-deep: #08051a;--mist-primary: #120a24;--mist-light: #1a1035;--mist-glow: #6a5acd;--mist-cyan: #00d4ff;--mist-teal: #7b68ee;--mist-ice: #9370db;--mist-frost: #b8c0ff;--mist-silver: #e0e6ff;--mist-accent: #4b0082;--void-purple: #2d1b4e;--void-blue: #1a1a3e;--void-dark: #0a0510;--void-magenta: #8b008b;--void-electric: #00bfff;--crystal-purple: #9932cc;--crystal-cyan: #00ffff;--crystal-magenta: #ff00ff;--neon-blue: #00d4ff;--neon-green: #2ecc9b;--neon-orange: #d97b3d;--neon-yellow: #d4a843;--neon-red: #c94444;--text: #e0e6ff;--text-secondary: rgba(224,230,255,.75);--text-muted: rgba(180,190,220,.5);--glow-mist: 0 0 20px rgba(106, 90, 205, .4), 0 0 40px rgba(0, 212, 255, .25), 0 0 60px rgba(139, 0, 139, .15);--glow-cyan: 0 0 20px rgba(0, 212, 255, .5), 0 0 40px rgba(0, 191, 255, .3);--glow-teal: 0 0 20px rgba(123, 104, 238, .45), 0 0 40px rgba(147, 112, 219, .25);--electric-border-color: #dd8448;--electric-light-color: oklch(from var(--electric-border-color) l c h);--electric-gradient: oklch(from var(--electric-border-color) .3 calc(c/2) h / .4)}html[data-theme=midnight]{--mist-glow: #6a5acd;--mist-cyan: #00d4ff;--mist-teal: #7b68ee;--mist-ice: #9370db;--mist-frost: #b8c0ff;--mist-silver: #e0e6ff;--mist-accent: #4b0082;--bg-dark: #05030a;--bg-card: rgba(12, 8, 20, .92)}.black-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#000}body{font-family:Rajdhani,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;overflow-x:hidden}.starfield{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(75,0,130,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(45,27,78,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#08051a,#05030a);overflow:hidden}.starfield:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(106,90,205,.08) 0%,transparent 60%),radial-gradient(ellipse at top right,rgba(0,212,255,.05) 0%,transparent 40%),radial-gradient(ellipse at 20% 60%,rgba(139,0,139,.06) 0%,transparent 35%);animation:voidPulse 12s ease-in-out infinite}@keyframes voidPulse{0%,to{opacity:.4}50%{opacity:1}}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(0,212,255,.8),transparent),radial-gradient(1.5px 1.5px at 40px 70px,rgba(147,112,219,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(184,192,255,.6),transparent),radial-gradient(2px 2px at 160px 120px,rgba(0,255,255,.5),transparent),radial-gradient(1px 1px at 230px 80px,rgba(106,90,205,.7),transparent),radial-gradient(1.5px 1.5px at 300px 150px,rgba(0,212,255,.6),transparent),radial-gradient(1px 1px at 350px 200px,rgba(139,0,139,.5),transparent),radial-gradient(2px 2px at 420px 50px,rgba(123,104,238,.7),transparent),radial-gradient(1px 1px at 500px 180px,rgba(75,0,130,.6),transparent),radial-gradient(1.5px 1.5px at 580px 90px,rgba(0,191,255,.7),transparent),radial-gradient(1px 1px at 100px 200px,rgba(153,50,204,.5),transparent),radial-gradient(1px 1px at 450px 120px,rgba(255,0,255,.3),transparent);background-size:600px 300px;animation:starsFloat 100s linear infinite}@keyframes starsFloat{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-300px) rotate(1deg)}}.aurora{position:fixed;inset:0;z-index:1;overflow:hidden}.aurora-beam{position:absolute;width:300%;height:60%;left:-100%;filter:blur(80px);mix-blend-mode:screen}.aurora-beam:nth-child(1){top:-20%;background:radial-gradient(ellipse at 30% 50%,rgba(106,90,205,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(0,212,255,.1) 0%,transparent 50%);animation:voidEnergy1 18s ease-in-out infinite}.aurora-beam:nth-child(2){top:30%;background:radial-gradient(ellipse at 40% 50%,rgba(139,0,139,.12) 0%,transparent 45%),radial-gradient(ellipse at 60% 50%,rgba(75,0,130,.1) 0%,transparent 50%);animation:voidEnergy2 22s ease-in-out infinite;animation-delay:-5s}.aurora-beam:nth-child(3){top:60%;background:radial-gradient(ellipse at 50% 50%,rgba(0,191,255,.1) 0%,transparent 55%),radial-gradient(ellipse at 25% 50%,rgba(123,104,238,.12) 0%,transparent 40%);animation:voidEnergy3 28s ease-in-out infinite;animation-delay:-10s}@keyframes voidEnergy1{0%,to{transform:translate(-10%) scaleY(1) rotate(-2deg);opacity:.6}33%{transform:translate(10%) scaleY(1.3) rotate(1deg);opacity:.9}66%{transform:translate(-5%) scaleY(.9) rotate(-1deg);opacity:.7}}@keyframes voidEnergy2{0%,to{transform:translate(5%) scaleY(1.1) rotate(1deg);opacity:.5}50%{transform:translate(-15%) scaleY(.8) rotate(-2deg);opacity:.8}}@keyframes voidEnergy3{0%,to{transform:translate(-8%) scaleY(.9) rotate(-1deg);opacity:.4}40%{transform:translate(12%) scaleY(1.2) rotate(2deg);opacity:.7}70%{transform:translate(-3%) scaleY(1) rotate(0);opacity:.5}}.orbs{position:fixed;inset:0;z-index:2;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(120px);mix-blend-mode:screen}.orb:nth-child(1){width:800px;height:800px;background:radial-gradient(circle,rgba(106,90,205,.12) 0%,rgba(75,0,130,.05) 40%,transparent 70%);top:-20%;left:-20%;animation:smokeFloat1 32s ease-in-out infinite}.orb:nth-child(2){width:700px;height:700px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,rgba(0,191,255,.03) 45%,transparent 70%);top:20%;right:-15%;animation:smokeFloat2 38s ease-in-out infinite;animation-delay:-8s}.orb:nth-child(3){width:600px;height:600px;background:radial-gradient(circle,rgba(139,0,139,.1) 0%,rgba(45,27,78,.05) 50%,transparent 70%);bottom:-10%;left:10%;animation:smokeFloat3 42s ease-in-out infinite;animation-delay:-15s}.orb:nth-child(4){width:500px;height:500px;background:radial-gradient(circle,rgba(123,104,238,.08) 0%,rgba(153,50,204,.03) 40%,transparent 70%);top:50%;left:40%;animation:smokeFloat4 35s ease-in-out infinite;animation-delay:-20s}@keyframes smokeFloat1{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.7}25%{transform:translate(60px,30px) scale(1.1) rotate(3deg);opacity:.9}50%{transform:translate(-40px,-20px) scale(.95) rotate(-2deg);opacity:.6}75%{transform:translate(30px,-40px) scale(1.05) rotate(1deg);opacity:.8}}@keyframes smokeFloat2{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.6}33%{transform:translate(-50px,40px) scale(1.15) rotate(-3deg);opacity:.85}66%{transform:translate(40px,-30px) scale(.9) rotate(2deg);opacity:.5}}@keyframes smokeFloat3{0%,to{transform:translate(0) scale(1);opacity:.5}40%{transform:translate(70px,-50px) scale(1.2);opacity:.8}70%{transform:translate(-30px,30px) scale(.85);opacity:.55}}@keyframes smokeFloat4{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.4}50%{transform:translate(-60px,50px) scale(1.25) rotate(-4deg);opacity:.7}}.neon-lines{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.neon-line{position:absolute;height:2px;border-radius:50%;filter:blur(1px);animation:wispFloat 18s ease-in-out infinite}.neon-line:nth-child(1){top:20%;width:150px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),rgba(106,90,205,.4),transparent);box-shadow:0 0 20px #00d4ff59;animation-delay:0s}.neon-line:nth-child(2){top:40%;width:200px;background:linear-gradient(90deg,transparent,rgba(139,0,139,.5),rgba(75,0,130,.3),transparent);box-shadow:0 0 25px #8b008b4d;animation-delay:-4s;animation-duration:22s}.neon-line:nth-child(3){top:60%;width:180px;background:linear-gradient(90deg,transparent,rgba(123,104,238,.5),rgba(147,112,219,.3),transparent);box-shadow:0 0 20px #7b68ee4d;animation-delay:-8s;animation-duration:20s}.neon-line:nth-child(4){top:75%;width:120px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),rgba(0,191,255,.3),transparent);box-shadow:0 0 15px #00ffff59;animation-delay:-12s;animation-duration:16s}@keyframes wispFloat{0%{left:-20%;opacity:0;transform:translateY(0) scaleX(.5)}10%{opacity:.8;transform:translateY(-10px) scaleX(1)}50%{opacity:.6;transform:translateY(20px) scaleX(1.2)}90%{opacity:.8;transform:translateY(-5px) scaleX(1)}to{left:120%;opacity:0;transform:translateY(10px) scaleX(.5)}}.particles-container{position:fixed;inset:0;z-index:4;pointer-events:none}.particle{position:absolute;border-radius:50%;animation:mysticFloat 25s ease-in-out infinite}.particle:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;filter:blur(8px);opacity:.6}.particle:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:inherit;filter:blur(15px);opacity:.3}.particle:nth-child(1){left:5%;width:6px;height:6px;background:#00d4ffcc;animation-delay:0s}.particle:nth-child(2){left:12%;width:4px;height:4px;background:#8b008bb3;animation-delay:-3s;animation-duration:28s}.particle:nth-child(3){left:22%;width:5px;height:5px;background:#7b68eebf;animation-delay:-6s;animation-duration:22s}.particle:nth-child(4){left:32%;width:3px;height:3px;background:#0ffc;animation-delay:-2s;animation-duration:30s}.particle:nth-child(5){left:45%;width:5px;height:5px;background:#b8c0ff99;animation-delay:-8s;animation-duration:20s}.particle:nth-child(6){left:58%;width:4px;height:4px;background:#9932ccb3;animation-delay:-4s;animation-duration:26s}.particle:nth-child(7){left:70%;width:6px;height:6px;background:#6a5acdb3;animation-delay:-10s;animation-duration:24s}.particle:nth-child(8){left:80%;width:3px;height:3px;background:#00bfffcc;animation-delay:-7s;animation-duration:28s}.particle:nth-child(9){left:88%;width:4px;height:4px;background:#ff00ff80;animation-delay:-12s;animation-duration:21s}.particle:nth-child(10){left:95%;width:5px;height:5px;background:#9370dba6;animation-delay:-9s;animation-duration:27s}@keyframes mysticFloat{0%{transform:translateY(110vh) translate(0) scale(.5);opacity:0}5%{opacity:1;transform:translateY(100vh) translate(10px) scale(1)}50%{transform:translateY(50vh) translate(-20px) scale(1.2);opacity:.8}95%{opacity:1;transform:translateY(0) translate(15px) scale(1)}to{transform:translateY(-10vh) translate(0) scale(.5);opacity:0}}nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000;padding:14px 40px;background:linear-gradient(180deg,#050510fa,#050510f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.15)}.nav-neon-bottom{position:relative}.nav-neon-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,indigo,#6a5acd,indigo);transform:scaleX(0);transform-origin:center;animation:drawNavBorderFromCenter 4s ease-out forwards;opacity:.7}@keyframes drawNavBorderFromCenter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:14px;text-decoration:none;cursor:pointer}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--mist-deep),var(--mist-glow));border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:18px;color:#fff;box-shadow:var(--glow-mist),inset 0 0 20px #ffffff1a;animation:logoPulse 4s ease-in-out infinite;position:relative}.logo-icon:before{content:"";position:absolute;inset:-3px;border-radius:14px;background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));z-index:-1;filter:blur(10px);opacity:.5}@keyframes logoPulse{0%,to{box-shadow:var(--glow-mist)}50%{box-shadow:0 0 30px #38bdf899,0 0 60px #22d3ee66}}.logo-text{font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,var(--mist-silver),var(--mist-glow),var(--mist-frost),var(--mist-silver));background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textFlow 6s linear infinite}@keyframes textFlow{0%{background-position:0% center}to{background-position:300% center}}.nav-links{display:flex;gap:4px;padding:4px;background:#0a0f2399;border:1px solid rgba(99,102,241,.15);border-radius:14px}.nav-link{padding:10px 20px;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:all .25s ease;position:relative;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:transparent;border:none;font-family:inherit}.nav-link:after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--mist-glow),var(--mist-cyan));transition:all .25s ease;transform:translate(-50%);border-radius:1px}.nav-link:hover{color:var(--text);text-shadow:0 0 20px var(--mist-glow)}.nav-link:hover:after{width:60%}.nav-link.active{color:var(--text);background:#6366f126}.nav-link.active:after{width:60%}.btn{padding:12px 24px;font-size:13px;font-weight:700;font-family:Rajdhani,sans-serif;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--mist-accent),var(--mist-glow));color:#fff;box-shadow:0 0 20px #6366f166,0 0 40px #7c3aed40}.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 ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #38bdf880,0 0 60px #22d3ee4d}.btn-secondary{background:#38bdf81a;color:var(--mist-glow);border:1px solid rgba(56,189,248,.3)}.btn-secondary:hover{background:#38bdf833;border-color:var(--mist-glow);box-shadow:0 0 20px #38bdf833}.hero{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px 40px;margin-top:-20px;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:50px;font-size:11px;font-weight:600;color:var(--mist-glow);margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.live-dot{width:8px;height:8px;background:var(--mist-teal);border-radius:50%;box-shadow:0 0 10px var(--mist-teal),0 0 20px var(--mist-teal);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.hero h1{font-family:Orbitron,sans-serif;font-size:clamp(50px,10vw,120px);font-weight:900;letter-spacing:20px;margin-bottom:16px;position:relative}.hero h1 .text-main{background:linear-gradient(135deg,var(--mist-silver) 0%,var(--mist-glow) 25%,var(--mist-frost) 50%,var(--mist-cyan) 75%,var(--mist-silver) 100%);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleGradient 8s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(56,189,248,.5))}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(14px,2vw,18px);color:var(--text-secondary);margin-bottom:28px;font-weight:500;letter-spacing:3px;text-transform:uppercase}.hero-subtitle span{color:var(--mist-glow);text-shadow:0 0 15px rgba(56,189,248,.5)}.hero-actions{display:flex;gap:14px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.stats-bar{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;perspective:1000px}.stat-item{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#0f172acc,#1e143c99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset,0 0 30px #6a5acd1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;transform-style:preserve-3d;min-width:auto}.stat-item:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#00d4ff66,#6a5acd4d,#8b008b33);-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 .4s ease}.stat-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.stat-item:hover{transform:translateY(-4px) rotateX(5deg) scale(1.02);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a inset,0 0 40px #6a5acd40,0 0 60px #00d4ff26;border-color:#00d4ff4d}.stat-item:hover:before{opacity:1}.stat-item:hover:after{opacity:1}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:color .3s ease;order:1}.stat-item:hover .stat-label{color:var(--mist-glow)}.stat-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:800;color:var(--mist-silver);text-shadow:0 0 10px rgba(0,212,255,.5),0 0 20px rgba(106,90,205,.3);letter-spacing:.5px;position:relative;order:2}.stat-value:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--mist-cyan),transparent);transform:scaleX(0);transition:transform .3s ease}.stat-item:hover .stat-value:after{transform:scaleX(1)}.stat-item.progress-stat .stat-value{font-size:20px}.stat-item.progress-stat .stat-value{animation:valuePulse 2s ease-in-out infinite}@keyframes valuePulse{0%,to{text-shadow:0 0 10px rgba(0,212,255,.5),0 0 20px rgba(106,90,205,.3)}50%{text-shadow:0 0 15px rgba(0,212,255,.8),0 0 30px rgba(106,90,205,.5)}}.stat-item.world-stat:hover{border-color:#00d4ff66;box-shadow:0 8px 32px #00000080,0 0 40px #00d4ff33}.stat-item.region-stat:hover{border-color:#6a5acd66;box-shadow:0 8px 32px #00000080,0 0 40px #6a5acd40}.stat-item.realm-stat:hover{border-color:#8b008b66;box-shadow:0 8px 32px #00000080,0 0 40px #8b008b33}.stat-item.progress-stat:hover{border-color:#22d3ee66;box-shadow:0 8px 32px #00000080,0 0 50px #22d3ee4d}.main-content{max-width:1500px;margin:0 auto;padding:20px 40px 80px}.bento-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-template-rows:auto auto;gap:20px;align-items:start}.progression-card .card-body,.recruit-card .card-body,.top10-card .card-body,.ranking-card .card-body{padding:0;height:100%}.progression-card .widget-content,.recruit-card .widget-content,.top10-card .widget-content,.ranking-card .widget-content{padding:0}.progression-card .electric-wrapper,.recruit-card .electric-wrapper,.top10-card .electric-wrapper,.ranking-card .electric-wrapper{min-height:auto;border:none}.electric-card-wrapper{position:relative;display:block}.electric-border-layer{position:absolute;inset:-4px;border-radius:28px;border:4px solid rgba(34,211,238,.9);filter:url(#turbulent-displace);pointer-events:none;z-index:0}.electric-glow-layer{position:absolute;inset:-8px;border-radius:32px;border:2px solid rgba(56,189,248,.5);filter:blur(8px);opacity:.6;pointer-events:none;z-index:-1}.electric-card-inner{position:relative;z-index:1;background:#0f172ad9;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.2)}.electric-svg-filter{position:absolute;width:0;height:0;overflow:hidden}.electric-border-css,.neon-card{position:relative;background:#0f172ad9;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #22d3eecc,0 0 0 4px #38bdf866,0 0 20px #22d3ee4d,0 0 40px #38bdf833,inset 0 0 20px #22d3ee0d;animation:electricFlicker 3s ease-in-out infinite}.electric-border-css:before,.neon-card:before{content:"";position:absolute;inset:-6px;border-radius:26px;padding:3px;background:linear-gradient(45deg,#22d3eee6,#38bdf899,#6a5acdcc,#22d3eee6);background-size:400% 400%;animation:electricGradient 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}@keyframes electricGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes electricFlicker{0%,to{box-shadow:0 0 0 2px #22d3eecc,0 0 0 4px #38bdf866,0 0 20px #22d3ee4d,0 0 40px #38bdf833}25%{box-shadow:0 0 0 2px #22d3eee6,0 0 0 4px #38bdf880,0 0 25px #22d3ee66,0 0 50px #38bdf84d}50%{box-shadow:0 0 0 2px #22d3eeb3,0 0 0 4px #38bdf84d,0 0 15px #22d3ee33,0 0 30px #38bdf826}75%{box-shadow:0 0 0 2px #22d3ee,0 0 0 4px #38bdf899,0 0 30px #22d3ee80,0 0 60px #38bdf866}}.card-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;position:relative}.card-title{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text)}.card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.card-icon.cyan{background:#22d3ee26;box-shadow:0 0 15px #22d3ee33}.card-icon.teal{background:#2dd4bf26;box-shadow:0 0 15px #2dd4bf33}.card-icon.blue{background:#38bdf826;box-shadow:0 0 15px #38bdf833}.card-icon.amber{background:#fbbf2426;box-shadow:0 0 15px #fbbf2433}.card-link{font-size:11px;color:var(--mist-glow);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;display:flex;align-items:center;gap:4px;cursor:pointer;background:transparent;border:none;font-family:inherit}.card-link:after{content:"\2192";transition:transform .2s ease}.card-link:hover{text-shadow:0 0 10px var(--mist-glow)}.card-link:hover:after{transform:translate(3px)}.card-body{padding:16px 20px 20px;position:relative}.progression-widget-container{overflow:hidden!important;border-radius:0 0 14px 14px;position:relative}.progression-widget-container .iframe-wrapper{overflow:hidden;width:100%;height:280px;border-radius:0 0 14px 14px;position:relative}.progression-widget-container .iframe-wrapper:before,.progression-widget-container .iframe-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:15px;background:#0f172af2;z-index:5;pointer-events:none}.progression-widget-container .iframe-wrapper:before{left:0}.progression-widget-container .iframe-wrapper:after{right:0}.progression-widget-container iframe{display:block;width:100%;height:100%;border:none;background:transparent}.news-list{display:flex;flex-direction:column;gap:12px}.news-item{padding:16px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative}.news-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--mist-glow),var(--mist-cyan));border-radius:3px 0 0 3px;transform:scaleY(0);transition:transform .3s ease}.news-item:hover{background:#ffffff0d;border-color:#ffffff40;transform:translate(6px)}.news-item:hover:before{transform:scaleY(1)}.news-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.news-tag{font-size:9px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.news-tag.kill{background:#38bdf826;color:var(--mist-glow);border:1px solid rgba(56,189,248,.2)}.news-tag.mplus{background:#fbbf241f;color:var(--neon-yellow);border:1px solid rgba(251,191,36,.2)}.news-tag.recruit{background:#2dd4bf1f;color:var(--mist-teal);border:1px solid rgba(45,212,191,.2)}.news-tag.event{background:#10b9811f;color:var(--neon-green);border:1px solid rgba(16,185,129,.2)}.news-date{font-size:11px;color:var(--text-muted)}.news-title{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text)}.news-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5}.news-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.news-author{font-size:11px;color:var(--text-muted)}.news-reactions{display:flex;gap:12px}.reaction{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:6px}.reaction:hover{background:#ffffff1a;color:var(--mist-glow)}.reaction.liked{color:var(--mist-cyan);background:#22d3ee1a}.starfield:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 35%,rgba(5,3,10,.6) 75%,rgba(5,3,10,.98) 100%);pointer-events:none}.app-root{position:relative;z-index:10}::-webkit-scrollbar{width:0px;background:transparent}html{scrollbar-width:none}body{-ms-overflow-style:none}.progress-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.progress-score{font-family:Orbitron,sans-serif;font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress-score span{font-size:18px;opacity:.6}.progress-tier{font-size:11px;color:var(--mist-teal);font-weight:700;text-transform:uppercase;letter-spacing:1px}.progress-bar-wrapper{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--mist-accent),var(--mist-glow),var(--mist-cyan));border-radius:3px;box-shadow:0 0 15px #38bdf866;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.boss-list{display:flex;flex-direction:column;gap:4px}.boss-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:all .2s ease}.boss-item:hover{background:#38bdf80d;transform:translate(4px)}.boss-num{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;background:#ffffff0d;color:var(--text-muted)}.boss-num.killed{background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));color:var(--bg-dark);box-shadow:0 0 10px #38bdf84d}.boss-name{flex:1;font-size:12px;color:var(--text-muted)}.boss-name.killed{color:var(--text)}.boss-badge{font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.boss-badge.done{background:#10b98126;color:var(--neon-green)}.boss-badge.prog{background:#fbbf2426;color:var(--neon-yellow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.leaderboard-wrapper{max-height:280px;overflow-y:scroll;padding-right:4px;scrollbar-width:none;-ms-overflow-style:none}.leaderboard-wrapper::-webkit-scrollbar{display:none}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;transition:all .2s ease;cursor:pointer}.leaderboard-item:hover{background:#fbbf240d;transform:translate(4px)}.rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:12px;font-weight:800}.rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 0 15px #fbbf2466}.rank.silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#000}.rank.bronze{background:linear-gradient(135deg,#fb923c,#ea580c);color:#000}.rank.normal{background:#ffffff0d;color:var(--text-muted)}.player-icon{font-size:20px}.player-info{flex:1}.player-name{font-size:13px;font-weight:700}.player-spec{font-size:11px;color:var(--text-muted)}.player-score{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:var(--neon-yellow)}.recruit-list{display:flex;flex-direction:column;gap:8px}.recruit-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.12);transition:all .3s ease;position:relative;overflow:hidden}.recruit-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.recruit-item.urgent:before{background:linear-gradient(180deg,var(--neon-orange),var(--neon-red))}.recruit-item.high:before{background:linear-gradient(180deg,var(--neon-yellow),var(--neon-orange))}.recruit-item.open:before{background:linear-gradient(180deg,var(--neon-green),var(--mist-teal))}.recruit-item:hover{transform:translate(4px);border-color:#ffffff40;background:#ffffff0d}.recruit-icon{font-size:20px}.recruit-info{flex:1}.recruit-class{font-size:13px;font-weight:700}.recruit-spec{font-size:11px;color:var(--text-muted)}.recruit-priority{font-size:9px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.recruit-priority.urgent{background:#f9731626;color:var(--neon-orange);border:1px solid rgba(249,115,22,.25);animation:urgentPulse 2s infinite}.recruit-priority.high{background:#fbbf2426;color:var(--neon-yellow);border:1px solid rgba(251,191,36,.25)}.recruit-priority.open{background:#10b98126;color:var(--neon-green);border:1px solid rgba(16,185,129,.25)}@keyframes urgentPulse{0%,to{box-shadow:0 0 5px #f973164d}50%{box-shadow:0 0 15px #f9731680}}.rankings-grid{display:flex;flex-direction:column;gap:3px}.ranking-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px 4px;margin:0 12px;transition:all .2s ease}.ranking-section:hover{background:#ffffff0d;border-color:#fff3}.ranking-section-title{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:4px}.ranking-section.mythic .ranking-section-title{color:var(--mist-cyan)}.ranking-section.heroic .ranking-section-title{color:var(--mist-glow)}.ranking-section.normal .ranking-section-title{color:var(--void-electric)}.ranking-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.ranking-col-header{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.ranking-col-value{font-family:Orbitron,sans-serif;font-size:13px;font-weight:800;color:var(--text)}.ranking-section.mythic .ranking-col-value{background:linear-gradient(135deg,var(--mist-cyan),var(--crystal-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ranking-section.heroic .ranking-col-value{color:var(--mist-glow)}.ranking-section.normal .ranking-col-value{color:var(--void-electric)}.c-warrior{color:#c79c6e}.c-paladin{color:#f58cba}.c-hunter{color:#abd473}.c-rogue{color:#fff569}.c-priest{color:#fff}.c-shaman{color:#0070de}.c-mage{color:#40c7eb}.c-warlock{color:#8787ed}.c-monk{color:#00ff96}.c-druid{color:#ff7d0a}.c-dh{color:#a330c9}.c-dk{color:#c41f3b}.c-evoker{color:#33937f}.page-header{padding:140px 40px 50px;text-align:center}.page-title{font-family:Orbitron,sans-serif;font-size:clamp(32px,6vw,56px);font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,var(--mist-silver),var(--mist-glow),var(--mist-frost));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.page-subtitle{font-size:14px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.member-card{background:linear-gradient(145deg,#0f172ae6,#0f172ab3);border:1px solid rgba(56,189,248,.15);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.member-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.1),transparent);opacity:0;transition:opacity .3s ease}.member-card:hover{transform:translateY(-6px);border-color:#38bdf84d;box-shadow:0 20px 40px #0006,0 0 40px #38bdf826}.member-card:hover:before{opacity:1}.member-class-icon{width:64px;height:64px;border-radius:14px;overflow:hidden;margin-bottom:12px;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d;transition:transform .3s ease}.member-card:hover .member-class-icon{transform:scale(1.05)}.member-class-icon img{width:100%;height:100%;object-fit:cover}.member-emoji{font-size:32px;display:flex;align-items:center;justify-content:center;height:100%;background:#38bdf81a}.member-info{flex:1;width:100%;margin-bottom:12px}.member-name{font-family:Orbitron,sans-serif;font-size:16px;font-weight:800;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.member-details{display:flex;flex-direction:column;gap:2px;font-size:12px}.member-spec{color:#fff9;font-weight:500}.member-class{font-weight:700}.member-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;border:1px solid rgba(255,255,255,.15)}.member-role-badge.role-tank{background:#3b82f633;color:#60a5fa;border-color:#3b82f64d}.member-role-badge.role-healer{background:#10b98133;color:#34d399;border-color:#10b9814d}.member-role-badge.role-dps{background:#ef444433;color:#f87171;border-color:#ef44444d}.role-icon{font-size:14px}.form-card{background:var(--bg-card);border:1px solid rgba(56,189,248,.1);border-radius:20px;padding:32px;max-width:600px;margin:0 auto}.form-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group.full{grid-column:span 2}.form-label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.form-input{width:100%;padding:12px 14px;font-size:14px;font-family:Rajdhani,sans-serif;background:#38bdf80d;border:1px solid rgba(56,189,248,.1);border-radius:10px;color:var(--text);outline:none;transition:all .2s ease}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;background:#0f172a99;border:1px solid rgba(56,189,248,.15);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.filter-icon{font-size:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.filter-btn:hover .filter-icon{transform:scale(1.15)}.filter-icon.all{filter:drop-shadow(0 0 5px rgba(148,163,184,.5))}.filter-icon.tank{filter:drop-shadow(0 0 5px rgba(59,130,246,.5))}.filter-icon.healer{filter:drop-shadow(0 0 5px rgba(16,185,129,.5))}.filter-icon.dps{filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.filter-btn:hover{border-color:#38bdf84d;color:var(--text);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.filter-btn.active{background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));border-color:transparent;color:var(--bg-dark);box-shadow:0 4px 15px #38bdf84d}.filter-btn.active .filter-icon.all{filter:drop-shadow(0 0 3px rgba(0,0,0,.3))}.search-input{padding:12px 18px;font-size:14px;font-family:Rajdhani,sans-serif;background:#0f172a99;border:1px solid rgba(56,189,248,.15);border-radius:10px;color:var(--text);outline:none;min-width:220px;transition:all .3s ease}.form-input:focus{border-color:var(--mist-glow);box-shadow:0 0 20px #38bdf826}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{min-height:100px;resize:vertical}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--bg-card);border:1px solid rgba(56,189,248,.2);border-radius:20px;padding:32px;width:100%;max-width:380px;box-shadow:0 0 60px #38bdf833}.modal-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,var(--mist-glow),var(--mist-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:24px}.modal-form .form-group{margin-bottom:14px}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-card);border:1px solid rgba(56,189,248,.2);padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:300;box-shadow:0 0 30px #38bdf833;animation:toastIn .3s ease}.toast.success{border-color:var(--neon-green)}.toast.error{border-color:var(--neon-red)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}}footer{border-top:1px solid rgba(56,189,248,.08);padding:12px 40px;margin-top:40px;background:#080a0fe6;display:flex;justify-content:center;align-items:center}.footer-logo{font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,var(--mist-silver),var(--mist-glow),var(--mist-frost),var(--mist-silver));background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textFlow 6s linear infinite}.footer-year{font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;letter-spacing:3px;margin-left:12px;color:var(--text-muted);opacity:.6}.footer-inner{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}@media(max-width:1200px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.news-card{grid-column:span 2;grid-row:auto}.progression-card,.top10-card,.recruit-card,.ranking-card{grid-column:auto;grid-row:auto}}@media(max-width:1024px){.recruitment-layout{grid-template-columns:1fr!important}}@media(max-width:768px){nav{padding:12px 20px}.nav-links{display:none}.hero{padding:100px 20px 30px;min-height:50vh}.hero h1{letter-spacing:10px}.main-content{padding:20px 20px 60px}.bento-grid{grid-template-columns:1fr}.news-card{grid-column:auto}.page-header{padding:120px 20px 40px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}}.widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-muted);font-size:12px}.loading-spinner{width:32px;height:32px;border:2px solid rgba(56,189,248,.2);border-top-color:var(--mist-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-muted);font-size:12px}.empty-icon{font-size:24px;opacity:.5}.mplus-leaderboard{display:flex;flex-direction:column;height:100%;padding:12px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:8px;padding:8px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.podium-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;min-width:70px}.podium-item:hover{transform:translateY(-4px);background:#ffffff0f}.podium-item.gold{background:linear-gradient(180deg,#fbbf2426,#fbbf240d);border-color:#fbbf2466;box-shadow:0 4px 20px #fbbf2426;order:2;padding:16px 12px}.podium-item.silver{background:linear-gradient(180deg,#a1a1aa26,#a1a1aa0d);border-color:#a1a1aa66;box-shadow:0 4px 15px #a1a1aa1a;order:1}.podium-item.bronze{background:linear-gradient(180deg,#cd7f3226,#cd7f320d);border-color:#cd7f3266;box-shadow:0 4px 15px #cd7f321a;order:3}.podium-rank{font-family:Orbitron,sans-serif;font-size:18px;font-weight:800;margin-bottom:4px}.podium-item.gold .podium-rank{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.podium-item.silver .podium-rank{color:#a1a1aa}.podium-item.bronze .podium-rank{color:#cd7f32}.podium-icon{font-size:24px;margin-bottom:4px}.podium-name{font-size:11px;font-weight:700;color:var(--text);text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--neon-yellow);margin-top:4px}.mplus-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.mplus-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.mplus-item:hover{background:#ffffff0d;border-color:#fbbf244d}.mplus-rank{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:var(--text-muted);min-width:20px;text-align:center}.mplus-icon{font-size:18px}.mplus-info{flex:1;display:flex;flex-direction:column}.mplus-name{font-size:12px;font-weight:700}.mplus-spec{font-size:10px;color:var(--text-muted)}.mplus-score{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--neon-yellow)}.recruit-modern{display:flex;flex-direction:column;height:100%;padding:12px}.recruit-header-row{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.recruit-rows{flex:1;display:flex;flex-direction:column;gap:6px;padding-top:8px}.recruit-row{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.recruit-row:hover{background:#ffffff0d;border-color:#38bdf833;transform:translate(4px)}.recruit-row.urgent{background:#f9731614;border-color:#f9731633}.recruit-row.high{background:#fbbf2414;border-color:#fbbf2433}.recruit-row.open{background:#10b98114;border-color:#10b98133}.recruit-row.c-warrior{border-color:#c79c6e!important;background:#c79c6e26!important}.recruit-row.c-paladin{border-color:#f58cba!important;background:#f58cba26!important}.recruit-row.c-hunter{border-color:#abd473!important;background:#abd47326!important}.recruit-row.c-rogue{border-color:#fff569!important;background:#fff56926!important}.recruit-row.c-priest{border-color:#fff!important;background:#ffffff26!important}.recruit-row.c-shaman{border-color:#0070de!important;background:#0070de26!important}.recruit-row.c-mage{border-color:#40c7eb!important;background:#40c7eb26!important}.recruit-row.c-warlock{border-color:#8787ed!important;background:#8787ed26!important}.recruit-row.c-monk{border-color:#00ff96!important;background:#00ff9626!important}.recruit-row.c-druid{border-color:#ff7d0a!important;background:#ff7d0a26!important}.recruit-row.c-dh{border-color:#a330c9!important;background:#a330c926!important}.recruit-row.c-dk{border-color:#c41f3b!important;background:#c41f3b26!important}.recruit-row.c-evoker{border-color:#33937f!important;background:#33937f26!important}.recruit-row.c-warrior .recruit-class-name{color:#c79c6e!important}.recruit-row.c-paladin .recruit-class-name{color:#f58cba!important}.recruit-row.c-hunter .recruit-class-name{color:#abd473!important}.recruit-row.c-rogue .recruit-class-name{color:#fff569!important}.recruit-row.c-priest .recruit-class-name{color:#fff!important}.recruit-row.c-shaman .recruit-class-name{color:#0070de!important}.recruit-row.c-mage .recruit-class-name{color:#40c7eb!important}.recruit-row.c-warlock .recruit-class-name{color:#8787ed!important}.recruit-row.c-monk .recruit-class-name{color:#00ff96!important}.recruit-row.c-druid .recruit-class-name{color:#ff7d0a!important}.recruit-row.c-dh .recruit-class-name{color:#a330c9!important}.recruit-row.c-dk .recruit-class-name{color:#c41f3b!important}.recruit-row.c-evoker .recruit-class-name{color:#33937f!important}.recruit-row.c-warrior .recruit-spec-cell{color:#c79c6e!important}.recruit-row.c-paladin .recruit-spec-cell{color:#f58cba!important}.recruit-row.c-hunter .recruit-spec-cell{color:#abd473!important}.recruit-row.c-rogue .recruit-spec-cell{color:#fff569!important}.recruit-row.c-priest .recruit-spec-cell{color:#fff!important}.recruit-row.c-shaman .recruit-spec-cell{color:#0070de!important}.recruit-row.c-mage .recruit-spec-cell{color:#40c7eb!important}.recruit-row.c-warlock .recruit-spec-cell{color:#8787ed!important}.recruit-row.c-monk .recruit-spec-cell{color:#00ff96!important}.recruit-row.c-druid .recruit-spec-cell{color:#ff7d0a!important}.recruit-row.c-dh .recruit-spec-cell{color:#a330c9!important}.recruit-row.c-dk .recruit-spec-cell{color:#c41f3b!important}.recruit-row.c-evoker .recruit-spec-cell{color:#33937f!important}.recruit-class-cell{display:flex;align-items:center;gap:8px}.recruit-class-icon{font-size:20px}.recruit-class-name{font-size:12px;font-weight:700}.recruit-spec-cell{font-size:11px;color:var(--text-muted)}.recruit-status-cell{display:flex;justify-content:flex-end}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.status-badge.urgent{background:#f9731626;color:var(--neon-orange);border:1px solid rgba(249,115,22,.3)}.status-badge.high{background:#fbbf2426;color:var(--neon-yellow);border:1px solid rgba(251,191,36,.3)}.status-badge.open{background:#10b98126;color:var(--neon-green);border:1px solid rgba(16,185,129,.3)}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.status-badge.urgent .status-dot{background:var(--neon-orange)}.status-badge.high .status-dot{background:var(--neon-yellow)}.status-badge.open .status-dot{background:var(--neon-green)}.ranking-modern{display:flex;flex-direction:column;height:100%;gap:10px;background:linear-gradient(135deg,#0f172a99,#1e293b66);border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.ranking-header{display:grid;grid-template-columns:100px 1fr 1fr 1fr;gap:8px;padding:10px 12px;background:linear-gradient(90deg,#38bdf81a,#8b5cf61a);border-radius:12px;font-size:9px;font-weight:800;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}.ranking-rows{flex:1;display:flex;flex-direction:column;gap:10px}.ranking-row-modern{display:grid;grid-template-columns:100px 1fr 1fr 1fr;gap:8px;align-items:center;padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ranking-row-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.ranking-row-modern:hover:before{left:100%}.ranking-row-modern:hover{background:#ffffff0f;transform:translate(6px) scale(1.02);box-shadow:0 8px 25px #0000004d}.ranking-row-modern.mythic{background:linear-gradient(135deg,#22d3ee14,#06b6d40d);border-color:#22d3ee40;box-shadow:0 4px 20px #22d3ee26,inset 0 1px #22d3ee1a}.ranking-row-modern.mythic:hover{background:linear-gradient(135deg,#22d3ee1f,#06b6d414);border-color:#22d3ee66;box-shadow:0 8px 30px #22d3ee40,inset 0 1px #22d3ee26}.ranking-row-modern.heroic{background:linear-gradient(135deg,#38bdf814,#2563eb0d);border-color:#38bdf840;box-shadow:0 4px 20px #38bdf826,inset 0 1px #38bdf81a}.ranking-row-modern.heroic:hover{background:linear-gradient(135deg,#38bdf81f,#2563eb14);border-color:#38bdf866;box-shadow:0 8px 30px #38bdf840,inset 0 1px #38bdf826}.ranking-row-modern.normal{background:linear-gradient(135deg,#8b5cf614,#7c3aed0d);border-color:#8b5cf640;box-shadow:0 4px 20px #8b5cf626,inset 0 1px #8b5cf61a}.ranking-row-modern.normal:hover{background:linear-gradient(135deg,#8b5cf61f,#7c3aed14);border-color:#8b5cf666;box-shadow:0 8px 30px #8b5cf640,inset 0 1px #8b5cf626}.diff-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.diff-badge.mythic{background:linear-gradient(135deg,#22d3ee33,#06b6d426);color:#22d3ee;border:1px solid rgba(34,211,238,.4);text-shadow:0 0 10px rgba(34,211,238,.5)}.diff-badge.mythic:hover{transform:scale(1.05);box-shadow:0 0 20px #22d3ee66}.diff-badge.heroic{background:linear-gradient(135deg,#38bdf833,#2563eb26);color:#38bdf8;border:1px solid rgba(56,189,248,.4);text-shadow:0 0 10px rgba(56,189,248,.5)}.diff-badge.heroic:hover{transform:scale(1.05);box-shadow:0 0 20px #38bdf866}.diff-badge.normal{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);color:#a78bfa;border:1px solid rgba(139,92,246,.4);text-shadow:0 0 10px rgba(139,92,246,.5)}.diff-badge.normal:hover{transform:scale(1.05);box-shadow:0 0 20px #8b5cf666}.ranking-value-cell{font-family:Orbitron,sans-serif;font-size:14px;font-weight:800;text-align:center;color:var(--text)}.ranking-value-cell.world{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ranking-value-cell.region{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ranking-value-cell.realm{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ranking-modern-vertical{display:flex;flex-direction:column;gap:8px;height:100%}.ranking-section-card{display:flex;flex-direction:column;gap:4px;padding:0;border-radius:0;background:transparent;border:none}.ranking-section-card.mythic,.ranking-section-card.heroic,.ranking-section-card.normal,.ranking-section-card:hover,.ranking-section-card.mythic:hover,.ranking-section-card.heroic:hover,.ranking-section-card.normal:hover{background:transparent;border:none;box-shadow:none}.ranking-section-header{display:flex;justify-content:center;padding-bottom:2px;border-bottom:none}.ranking-section-header .diff-badge{background:transparent;padding:4px 12px;font-size:12px;display:flex;width:100%;justify-content:center;border-radius:6px;border:1px solid}.ranking-section-header .diff-badge.mythic,.ranking-section-header .diff-badge.heroic,.ranking-section-header .diff-badge.normal{color:#fff;border-color:#fff6}.ranking-section-header .diff-badge:hover{transform:none;box-shadow:none}.ranking-section-values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:none;border-radius:0;overflow:hidden}.ranking-value-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:transparent;border:none;border-right:none}.ranking-value-box:last-child{border-right:none}.ranking-value-box:hover{background:transparent}.ranking-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.ranking-number{font-family:Orbitron,sans-serif;font-size:13px;font-weight:800;color:#fff}.ranking-value-box.world .ranking-number{color:#fbbf24}.ranking-value-box.region .ranking-number{color:#60a5fa}.ranking-value-box.realm .ranking-number{color:#a78bfa}.recruit-class-img{width:28px;height:28px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d}.podium-img{width:36px;height:36px;border-radius:6px;object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0006;margin-bottom:4px}.podium-item.gold .podium-img{border-color:#fbbf2480;box-shadow:0 4px 15px #fbbf244d}.podium-item.silver .podium-img{border-color:#a1a1aa80;box-shadow:0 4px 15px #a1a1aa33}.podium-item.bronze .podium-img{border-color:#cd7f3280;box-shadow:0 4px 15px #cd7f3233}.mplus-img{width:24px;height:24px;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #0000004d}.recruit-class-icon,.podium-icon,.mplus-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.podium-icon{font-size:28px;margin-bottom:4px}.mplus-icon{font-size:20px}.about-body{height:100%;display:flex;flex-direction:column;gap:12px}.about-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--text);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.about-subtitle{font-size:12px;font-weight:700;color:var(--text-muted)}.about-text{flex:1;overflow-y:auto;padding:12px 16px;color:#ffffffe6;line-height:1.7;font-size:13px;white-space:pre-wrap;word-wrap:break-word}.about-text::-webkit-scrollbar{width:6px}.about-text::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.about-text::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:3px}.about-text::-webkit-scrollbar-thumb:hover{background:#38bdf880}::ng-deep .widget-content,.widget-content{background:#0f172af2!important;border:none!important;box-shadow:none!important}.about-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;border-radius:14px;background:#ffffff05;border:1px dashed rgba(255,255,255,.12);color:var(--text-muted);font-size:12px}.about-highlights{display:flex;flex-wrap:wrap;gap:8px}.about-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#38bdf814;border:1px solid rgba(56,189,248,.16)}.chip-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#ffffffa6}.chip-value{font-size:12px;font-weight:700;color:var(--text)}