:root{color-scheme:dark;--bg:#02060a;--bg2:#06111b;--panel:#07131d;--panel2:#0a1a26;--line:rgba(174,220,242,.15);--line-strong:rgba(174,220,242,.28);--gold:#d7ad57;--gold2:#f4d995;--ice:#9bdcf6;--ice2:#e4f8ff;--text:#f2f7fa;--muted:#8ca2af;--green:#62e6a7;--red:#ff8383;--shadow:0 30px 90px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{margin:0;background:#02060a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 18% 5%,rgba(22,101,134,.17),transparent 28rem),radial-gradient(circle at 82% 42%,rgba(20,74,126,.15),transparent 35rem),linear-gradient(#06111a,#02060a 52%,#020508)}
.site-background{display:none}
.site-header{
position:sticky;
top:0;
z-index:1000;
width:100%;
background:rgba(2,6,10,.96);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border-bottom:1px solid rgba(180,220,240,.12);inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(1,5,9,.95),rgba(1,5,9,.72));backdrop-filter:blur(14px)}
.topline{width:min(1280px,calc(100% - 48px));height:80px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.62);transform:rotate(45deg);background:linear-gradient(145deg,rgba(215,173,87,.16),rgba(5,12,18,.75));box-shadow:inset 0 0 20px rgba(215,173,87,.07),0 0 20px rgba(0,0,0,.3);color:var(--gold2);font:700 21px Georgia,serif}.brand-mark:before{content:"A";transform:rotate(-45deg)}.brand-mark{font-size:0}.brand-copy{display:grid;line-height:1}.brand-copy strong{font:700 21px Georgia,serif;letter-spacing:.055em;text-transform:uppercase}.brand-copy small{margin-top:5px;color:#748a98;font-size:8px;letter-spacing:.22em;text-transform:uppercase}.realm-state{margin-left:auto;color:#9aaab3;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.realm-state span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(255,131,131,.5)}.realm-state.is-online span{background:var(--green);box-shadow:0 0 12px rgba(98,230,167,.68)}.nav-toggle{display:none;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
.main-nav{
position:sticky;
top:80px;
z-index:999;
width:100%;
background:rgba(3,10,17,.95);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid rgba(180,220,240,.08);
min-height:52px;display:flex;justify-content:center;align-items:stretch;border-top:1px solid rgba(255,255,255,.04);background:rgba(0,4,8,.28)}.main-nav a{position:relative;display:flex;align-items:center;padding:0 23px;color:#9caab4;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(255,255,255,.025)}.main-nav a.active:after{content:"";position:absolute;left:19px;right:19px;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 14px rgba(215,173,87,.35)}.main-nav .nav-account{color:var(--gold2);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}
main{min-height:65vh}.hero-home{position:relative;min-height:100vh;padding:190px 24px 86px;display:grid;place-items:center;text-align:center;overflow:hidden;background-image:linear-gradient(180deg,rgba(1,5,9,.08) 0,rgba(1,5,9,.03) 52%,#02060a 97%),linear-gradient(90deg,rgba(1,5,9,.7),transparent 28%,transparent 70%,rgba(1,5,9,.68)),url('northrend-hero.svg');background-size:cover;background-position:center 30%;border-bottom:1px solid rgba(150,219,247,.09)}.hero-home:after{content:"";position:absolute;inset:auto 0 0;height:270px;background:linear-gradient(transparent,#02060a)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 25%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.56) 100%);pointer-events:none}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:870px;margin-top:25px;text-shadow:0 5px 35px #000}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.27em;text-transform:uppercase}.hero-logo{position:relative;width:310px;height:143px;margin:0 auto 10px;display:grid;place-items:center;background:radial-gradient(circle,rgba(52,155,195,.11),transparent 66%)}.hero-logo:before,.hero-logo:after{content:"";position:absolute;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero-logo:before{top:25px}.hero-logo:after{bottom:24px}.hero-logo strong{font:800 88px/.85 Georgia,serif;letter-spacing:-.06em;color:#f3fbff;text-shadow:0 0 5px rgba(255,255,255,.3),0 8px 30px #000}.hero-logo-small{position:absolute;top:8px;font-size:13px;font-weight:900;letter-spacing:.48em;color:var(--gold2);padding-left:.48em}.hero-logo-sub{position:absolute;bottom:4px;color:#88afc0;font-size:9px;letter-spacing:.42em;padding-left:.42em}.hero-home h1{margin:5px 0 0;font:700 clamp(48px,5.2vw,78px)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.hero-lead{max-width:690px;margin:20px auto 0;color:#a8bbc6;font-size:16px}.hero-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:2px;padding:0 25px;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:transform .15s,filter .15s,background .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{color:#201406;border-color:#f0d484;background:linear-gradient(180deg,#f2d88e,#bd8b35);box-shadow:0 13px 38px rgba(189,139,53,.22),inset 0 1px rgba(255,255,255,.45)}.btn-ghost{color:#edf8fd;border-color:rgba(177,224,244,.24);background:rgba(3,12,19,.68);backdrop-filter:blur(7px)}.realm-panel{margin-top:35px;width:min(760px,100%);display:grid;grid-template-columns:1.8fr repeat(3,1fr);border:1px solid rgba(164,218,241,.14);background:rgba(2,9,14,.67);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.realm-panel>div{min-height:67px;padding:11px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.055)}.realm-panel>div:last-child{border-right:0}.realm-panel small{color:#607885;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.realm-panel strong{font-size:11px}.realm-panel-status{position:relative;padding-left:42px!important;text-align:left}.realm-panel-status span{position:absolute;left:19px;top:28px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(98,230,167,.75)}.hero-scroll{position:absolute;z-index:3;bottom:28px;display:flex;align-items:center;gap:10px;color:#6d8390;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.hero-scroll span{width:20px;height:30px;border:1px solid rgba(164,218,241,.23);border-radius:14px;position:relative}.hero-scroll span:after{content:"";position:absolute;width:2px;height:6px;left:8px;top:6px;background:var(--gold);animation:scrollCue 1.7s infinite}@keyframes scrollCue{0%{transform:translateY(0);opacity:.4}60%{opacity:1}100%{transform:translateY(11px);opacity:0}}
.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:100px 0}.story-section{position:relative}.story-section:before{content:"";position:absolute;left:50%;top:25px;width:1px;height:50px;background:linear-gradient(var(--gold),transparent);opacity:.55}.section-heading{margin-bottom:42px}.section-heading.centered{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading.narrow{max-width:660px}.section-heading h2,.cta-band h2,.faction-band h2{margin:0;font:700 clamp(32px,4vw,51px)/1.02 Georgia,serif;letter-spacing:-.025em}.section-heading p:last-child,.cta-band p,.faction-copy>p:last-of-type{color:var(--muted)}.row-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.text-link{color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{position:relative;min-height:330px;padding:34px 31px;border:1px solid rgba(167,219,241,.13);background:linear-gradient(180deg,rgba(10,26,38,.88),rgba(4,12,18,.95));box-shadow:0 22px 65px rgba(0,0,0,.25);overflow:hidden;transition:.25s}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(79,180,220,.13),transparent 33%);opacity:.8}.feature-card:hover{transform:translateY(-5px);border-color:rgba(215,173,87,.32);box-shadow:0 32px 85px rgba(0,0,0,.38)}.feature-number{position:absolute;right:24px;top:22px;color:rgba(215,173,87,.55);font:700 11px Georgia,serif}.feature-icon{position:relative;width:62px;height:62px;margin-top:14px;display:grid;place-items:center;border:1px solid rgba(150,221,247,.2);transform:rotate(45deg);color:var(--ice);font-size:24px;box-shadow:inset 0 0 25px rgba(72,170,211,.06)}.feature-icon::first-letter{transform:rotate(-45deg)}.feature-card h3{position:relative;margin:45px 0 12px;font:700 27px Georgia,serif}.feature-card p{position:relative;color:#8299a7;font-size:13px}.feature-card a{position:absolute;left:31px;bottom:27px;color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.feature-card a b{margin-left:5px}.faction-band{width:min(1280px,calc(100% - 40px));min-height:380px;margin:10px auto 90px;padding:60px 68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border:1px solid rgba(164,218,241,.12);background:radial-gradient(circle at 74% 50%,rgba(42,138,188,.15),transparent 32%),linear-gradient(120deg,#07141e,#03090e 67%);box-shadow:var(--shadow);overflow:hidden}.faction-copy{max-width:520px}.faction-copy .text-link{display:inline-block;margin-top:12px}.faction-emblems{display:flex;align-items:center;justify-content:center;gap:35px}.faction{width:145px;height:145px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,.35),0 0 35px rgba(0,0,0,.25)}.faction span{font:800 64px Georgia,serif}.faction small{position:absolute;margin-top:185px;color:#6f8490;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.faction.alliance{color:#8fd7ff;background:radial-gradient(circle,rgba(48,128,201,.23),rgba(5,15,24,.8))}.faction.horde{color:#e4957f;background:radial-gradient(circle,rgba(172,54,43,.19),rgba(15,8,8,.85))}.faction-separator{color:#536976;font:700 15px Georgia,serif}
.news-section{padding-top:15px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-card{border:1px solid rgba(164,218,241,.12);background:#07111a;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.22);transition:.2s}.news-card:hover{transform:translateY(-4px);border-color:rgba(215,173,87,.3)}.news-art{position:relative;height:205px;background-image:linear-gradient(180deg,transparent 40%,rgba(2,7,11,.82)),url('northrend-hero.svg');background-size:cover;background-position:24% 49%}.news-card-2 .news-art{background-position:52% 45%}.news-card-3 .news-art{background-position:78% 42%}.news-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,91,123,.05),rgba(0,0,0,.22))}.news-art span{position:absolute;z-index:2;left:20px;bottom:18px;padding:6px 9px;border:1px solid rgba(215,173,87,.3);background:rgba(3,9,14,.78);color:var(--gold2);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.news-body{padding:23px 24px 27px}.news-body time,.news-list-item time{color:#617783;font-size:9px;text-transform:uppercase}.news-body h3{margin:6px 0 10px;font:700 24px Georgia,serif}.news-body p{min-height:62px;margin:0 0 17px;color:#7f95a2;font-size:12px}.news-body a{color:var(--gold2);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.cta-band{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid rgba(215,173,87,.23);background:linear-gradient(120deg,rgba(19,42,54,.92),rgba(4,12,18,.98));box-shadow:var(--shadow)}.cta-epic{position:relative;overflow:hidden}.cta-epic:after{content:"AZR";position:absolute;right:185px;top:-46px;color:rgba(149,220,248,.035);font:800 180px Georgia,serif}.cta-band>*,.cta-band .btn{position:relative;z-index:1}.cta-band p{margin-bottom:0}
.page-hero{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:245px 0 80px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(43,147,190,.08),transparent 26rem)}.compact-hero{padding-bottom:50px}.page-hero h1{margin:0;font:700 clamp(43px,6vw,70px)/.98 Georgia,serif;letter-spacing:-.035em}.page-hero>p:last-child{max-width:650px;margin:16px auto 0;color:var(--muted)}
.register-section{padding-top:35px}.register-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;max-width:990px;margin:auto}.register-card,.info-panel,.step-card,.rules-card,.coming-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,21,31,.95),rgba(4,12,18,.97));box-shadow:var(--shadow)}.register-card,.info-panel{padding:34px}.card-title-row{display:flex;justify-content:space-between;align-items:start;gap:20px}.card-title-row h2,.info-panel h2{margin:0 0 23px;font:700 30px Georgia,serif}.shield-badge{padding:6px 9px;border:1px solid rgba(215,173,87,.3);color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.12em}.register-card form{display:grid}.register-card label{margin:15px 0 7px;color:#c9d5da;font-size:11px;font-weight:800}.register-card input{width:100%;height:48px;border:1px solid rgba(164,218,241,.16);border-radius:2px;padding:0 14px;color:#fff;background:#030a10;outline:none}.register-card input:focus{border-color:rgba(155,220,246,.5);box-shadow:0 0 0 3px rgba(155,220,246,.05)}.field-hint{margin:6px 0 0;color:#607783;font-size:10px}.btn-full{width:100%;margin-top:22px}.alert{margin:5px 0 12px;padding:12px 14px;border:1px solid;font-size:12px}.alert.success{border-color:rgba(98,230,167,.28);background:rgba(98,230,167,.07);color:#a9f4d2}.alert.error{border-color:rgba(255,131,131,.28);background:rgba(255,131,131,.07);color:#ffc0c0}.info-list{margin:21px 0}.info-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.info-list span{color:#6f8693}.info-list strong{font-weight:700}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card,.rules-card{position:relative;min-height:320px;padding:30px}.step-card>span,.rules-card>span{color:var(--gold);font:700 12px Georgia,serif}.step-card h2,.rules-card h2{margin:40px 0 10px;font:700 26px Georgia,serif}.step-card p,.rules-card p{color:var(--muted);font-size:13px}.step-card a{color:var(--gold2);font-size:10px;font-weight:900}.placeholder-download{margin-top:17px;padding:12px;border:1px dashed rgba(255,255,255,.16);color:#657b87;text-align:center;font-size:11px}.code-copy{margin-top:16px;display:flex;border:1px solid rgba(169,221,243,.19);background:#02080d}.code-copy code{flex:1;padding:11px;color:var(--ice2);font-size:11px;overflow-wrap:anywhere}.code-copy button{border:0;border-left:1px solid rgba(169,221,243,.19);padding:0 11px;color:var(--gold2);background:rgba(255,255,255,.04);cursor:pointer;font-size:9px;font-weight:900;text-transform:uppercase}.note-box{margin-top:17px;padding:16px 19px;border-left:2px solid var(--gold);background:rgba(212,170,88,.055);color:#aabcc5;font-size:12px}.news-list{display:grid;gap:17px;max-width:940px;margin:auto}.news-list-item{display:grid;grid-template-columns:250px 1fr;border:1px solid var(--line);background:rgba(5,14,21,.94);overflow:hidden}.news-list-art{min-height:230px;background-image:linear-gradient(90deg,transparent,rgba(3,9,14,.4)),url('northrend-hero.svg');background-size:cover;background-position:center}.news-list-item>div:last-child{padding:29px}.news-list-item h2{margin:7px 0;font:700 28px Georgia,serif}.news-list-item p:last-child{color:var(--muted)}.rules-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.rules-card h2{margin-top:26px}.coming-section{padding-top:30px}.coming-card{max-width:780px;margin:auto;padding:58px 44px;text-align:center}.big-rune{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 28px;border:1px solid rgba(215,173,87,.36);border-radius:50%;color:var(--gold2);font:700 36px Georgia,serif}.coming-card p{color:var(--muted)}code{color:var(--ice2)}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.site-footer{border-top:1px solid rgba(255,255,255,.07);background:#02070b}.footer-grid{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:50px 0 37px}.footer-brand{color:var(--gold2);font:700 24px Georgia,serif}.footer-grid p{max-width:400px;color:#60747f;font-size:11px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px;color:#748994;font-size:11px}.footer-grid strong{margin-bottom:4px;color:#bccbd2;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-grid a:hover{color:var(--gold2)}.legal{border-top:1px solid rgba(255,255,255,.045);padding:17px 20px;color:#3d4c54;text-align:center;font-size:9px}
@media(max-width:900px){.site-header{position:sticky}.topline{height:72px}.realm-state{display:none}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:10px 20px 20px;flex-direction:column;align-items:stretch;background:rgba(1,6,10,.98);border-bottom:1px solid rgba(255,255,255,.08)}.main-nav.is-open{display:flex}.main-nav a{min-height:43px;justify-content:center}.main-nav a.active:after{display:none}.hero-home{padding-top:155px;background-position:58% center}.hero-logo{transform:scale(.9);margin-bottom:0}.realm-panel{grid-template-columns:1fr 1fr}.realm-panel-status{grid-column:1/-1}.realm-panel>div:nth-child(3){border-right:0}.feature-grid,.news-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.faction-band{grid-template-columns:1fr;padding:50px}.faction-emblems{padding:20px 0}.news-card{display:grid;grid-template-columns:220px 1fr}.news-art{height:auto;min-height:200px}.news-body p{min-height:0}.register-layout,.rules-layout{grid-template-columns:1fr}}
@media(max-width:640px){.topline,.section,.cta-band,.footer-grid,.page-hero,.faction-band{width:min(100% - 24px,1180px)}.brand-copy small{display:none}.hero-home{min-height:870px;padding:145px 18px 84px;background-position:62% center}.hero-logo{width:270px;transform:scale(.82)}.hero-home h1{font-size:48px}.hero-lead{font-size:14px}.hero-actions{width:100%}.hero-actions .btn{flex:1;min-width:145px}.realm-panel{grid-template-columns:1fr 1fr;margin-top:28px}.realm-panel-status{grid-column:1/-1}.realm-panel>div{min-height:61px}.section{padding:72px 0}.section-heading h2,.faction-band h2{font-size:36px}.row-heading{align-items:flex-start;flex-direction:column}.faction-band{padding:38px 25px}.faction-emblems{gap:17px}.faction{width:106px;height:106px}.faction span{font-size:46px}.faction small{margin-top:140px}.news-card{display:block}.news-art{min-height:180px}.cta-band{padding:31px 24px;align-items:flex-start;flex-direction:column}.page-hero{padding:205px 0 45px}.register-card,.info-panel{padding:24px}.news-list-item{grid-template-columns:1fr}.news-list-art{min-height:170px}.footer-grid{grid-template-columns:1fr}.cta-epic:after{display:none}}

/* ===== V2.2 OVERRIDES ===== */
:root{--panel3:#0b1622;--line-soft:rgba(180,220,240,.1)}
body:before{background:radial-gradient(circle at 18% 5%,rgba(23,112,150,.16),transparent 31rem),radial-gradient(circle at 80% 18%,rgba(33,92,140,.12),transparent 29rem),linear-gradient(#07111b,#02060a 56%,#020508)}
.site-header{background:linear-gradient(180deg,rgba(1,5,9,.96),rgba(1,5,9,.76));border-bottom:1px solid rgba(255,255,255,.08)}
.topline{width:min(1320px,calc(100% - 44px));height:88px}
.brand-copy strong{font-size:24px}.brand-copy small{font-size:9px}
.main-nav{min-height:58px;background:rgba(0,4,8,.34)}
.main-nav a{padding:0 25px;font-size:11px}

.hero-home.hero-v22{min-height:auto;padding:178px 24px 44px;text-align:left;display:block;background-image:linear-gradient(180deg,rgba(1,5,9,.16) 0,rgba(1,5,9,.06) 58%,#02060a 100%),linear-gradient(90deg,rgba(1,5,9,.88) 0,rgba(1,5,9,.5) 22%,rgba(1,5,9,.18) 47%,rgba(1,5,9,.48) 100%),url('northrend-hero.svg');background-size:cover;background-position:center 42%;border-bottom:1px solid rgba(150,219,247,.09)}
.hero-home.hero-v22:after{height:180px}
.hero-v22 .hero-shell{position:relative;z-index:2;width:min(1320px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:start}
.hero-v22 .hero-copy{max-width:760px;padding:26px 0 0;text-shadow:0 5px 35px #000}
.hero-v22 .hero-copy h1{margin:0 0 18px;font:700 clamp(56px,6.2vw,98px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#f4f9fb}
.hero-v22 .hero-lead{max-width:700px;margin:0 0 24px;color:#bfd0d9;font-size:18px;line-height:1.7}
.hero-v22 .hero-actions{margin:0 0 22px;justify-content:flex-start}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 12px}.hero-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(189,225,241,.12);background:rgba(4,12,18,.55);backdrop-filter:blur(6px);color:#d5e6ef;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero-points span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(215,173,87,.4)}
.hero-v22 .hero-side{display:grid;gap:18px}
.info-card{padding:24px 24px 26px;border:1px solid rgba(174,220,242,.14);background:linear-gradient(180deg,rgba(7,18,28,.92),rgba(4,11,17,.98));box-shadow:0 20px 60px rgba(0,0,0,.24);backdrop-filter:blur(8px)}
.card-headline h2,.status-card h2{margin:0 0 18px;font:700 28px/1.04 Georgia,serif}
.card-headline .eyebrow{margin-bottom:10px}
.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(255,255,255,.06);border-left:1px solid rgba(255,255,255,.06)}
.status-grid>div{min-height:84px;padding:16px 16px 14px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}
.status-grid small{display:block;margin-bottom:8px;color:#708491;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.status-grid strong{font-size:20px;font-weight:800;color:#f1f8fb}.status-grid strong.status-dot{display:inline-flex;align-items:center;gap:10px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.status-grid strong.status-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(255,131,131,.5)}.status-grid strong.status-dot.online:before{background:var(--green);box-shadow:0 0 12px rgba(98,230,167,.68)}
.quickstart-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:14px}.quickstart-list li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.quickstart-list li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.3);background:rgba(215,173,87,.08);color:var(--gold2);font:700 17px Georgia,serif}.quickstart-list strong{display:block;font-size:15px}.quickstart-list small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}
.hero-overview{position:relative;z-index:2;width:min(1320px,calc(100% - 36px));margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hero-overview article{padding:18px 18px 16px;border:1px solid rgba(174,220,242,.12);background:linear-gradient(180deg,rgba(4,11,17,.82),rgba(3,8,13,.94));box-shadow:0 16px 35px rgba(0,0,0,.16)}
.hero-overview span{display:block;margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.18em}.hero-overview strong{display:block;margin-bottom:8px;font-size:16px;font-weight:800}.hero-overview p{margin:0;color:#86a0ae;font-size:12px;line-height:1.55}

.section{width:min(1220px,calc(100% - 36px));padding:90px 0}.intro-section{padding-top:82px}.row-heading-tall{align-items:start}.section-lead{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.feature-card{min-height:320px;padding:34px 30px 30px;border-color:rgba(174,220,242,.12);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}
.feature-card h3{font-size:29px}.feature-card p{font-size:13px}

.split-section{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;padding-top:10px;align-items:stretch}
.story-card,.mini-panel{border:1px solid rgba(174,220,242,.12);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}
.story-card{padding:36px 34px}.story-card h2{margin:0 0 14px;font:700 clamp(36px,4vw,54px)/1 Georgia,serif}.story-card p{color:var(--muted);font-size:14px;line-height:1.8}.story-checks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.story-checks span{padding:10px 14px;border:1px solid rgba(215,173,87,.18);background:rgba(215,173,87,.05);color:#deecf5;font-size:12px;font-weight:700}
.side-panels{display:grid;gap:18px}.mini-panel{padding:28px 28px 24px}.mini-panel h3{margin:0 0 14px;font:700 28px/1 Georgia,serif}.mini-panel code{display:block;padding:14px 16px;border:1px solid rgba(174,220,242,.14);background:#030a10;font-size:13px}.mini-panel ul{padding-left:18px;margin:6px 0 0;color:var(--muted)}.mini-panel li+li{margin-top:8px}

.faction-band{width:min(1220px,calc(100% - 36px));padding:58px 54px;margin:14px auto 92px;gap:44px}
.faction-copy h2{font-size:56px}
.news-section{padding-top:0}.news-card{display:flex;flex-direction:column}.news-art{height:230px}.news-body h3{font-size:28px}.news-body p{font-size:13px;line-height:1.7}
.cta-band{width:min(1220px,calc(100% - 36px));margin-bottom:100px;padding:50px 54px}.cta-band h2{margin:0;font:700 clamp(36px,4vw,54px)/1 Georgia,serif}.cta-band p{color:#b6c6d0}
.footer-grid{width:min(1220px,calc(100% - 36px))}

@media(max-width:1100px){
  .hero-v22 .hero-shell{grid-template-columns:1fr;gap:20px}
  .hero-overview{grid-template-columns:repeat(2,1fr)}
  .split-section{grid-template-columns:1fr}
}
@media(max-width:900px){
  .topline{height:76px}
  .hero-home.hero-v22{padding-top:148px}
  .hero-v22 .hero-copy h1{font-size:64px}
  .hero-overview{grid-template-columns:1fr 1fr}
  .faction-band{padding:44px 34px}
}
@media(max-width:640px){
  .topline{width:min(100% - 24px,1320px)}
  .brand-copy strong{font-size:20px}
  .hero-home.hero-v22{padding:136px 16px 32px}
  .hero-v22 .hero-shell,.hero-overview,.section,.faction-band,.cta-band,.footer-grid{width:min(100% - 24px,1220px)}
  .hero-v22 .hero-copy h1{font-size:48px}
  .hero-v22 .hero-lead{font-size:15px}
  .hero-points{display:grid;grid-template-columns:1fr}
  .status-grid{grid-template-columns:1fr 1fr}
  .hero-overview{grid-template-columns:1fr}
  .section{padding:72px 0}
  .feature-card h3{font-size:25px}
  .story-card,.mini-panel,.info-card{padding:24px}
  .story-card h2,.faction-copy h2,.cta-band h2{font-size:38px}
  .faction-band{padding:38px 25px;margin-bottom:72px}
}

/* ===== V2.3 ARMORY & RANKINGS ===== */
.armory-hero,.rankings-hero{background:radial-gradient(circle at 50% 30%,rgba(49,154,205,.12),transparent 28rem)}
.armory-section,.rankings-section{padding-top:28px}.armory-search{max-width:860px;margin:0 auto 34px;padding:28px;border:1px solid rgba(174,220,242,.14);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}.armory-search label{display:block;margin-bottom:12px;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.armory-search>div{display:flex;gap:12px}.armory-search input{flex:1;min-width:0;height:52px;border:1px solid rgba(164,218,241,.16);padding:0 16px;color:#fff;background:#030a10;outline:none}.armory-search input:focus{border-color:rgba(155,220,246,.5);box-shadow:0 0 0 3px rgba(155,220,246,.05)}.armory-search p{margin:12px 0 0;color:#748d9a;font-size:12px}.armory-results-title{margin-top:30px}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:34px}.character-card{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(174,220,242,.14);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}.character-card:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(80,160,220,.12)}.character-card.horde:before{background:rgba(200,70,50,.14)}.character-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.faction-pill,.online-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.22);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.online-pill{color:#788d99}.online-pill.is-online{color:#b7f7d9;border-color:rgba(98,230,167,.25)}.character-card h3{position:relative;z-index:1;margin:0;font:700 36px/1 Georgia,serif}.character-card>p{position:relative;z-index:1;margin:6px 0 20px;color:#8fa7b4}.character-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.06);border-left:1px solid rgba(255,255,255,.06)}.character-stats div{min-height:74px;padding:14px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.character-stats small{display:block;margin-bottom:6px;color:#6e8491;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.character-stats strong{font-size:15px}.slim-card{max-width:700px;padding:36px;margin-bottom:34px}.armory-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ranking-panel{padding:28px;border:1px solid rgba(174,220,242,.14);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}.panel-title{margin-bottom:20px}.panel-title h2{margin:0;font:700 30px/1 Georgia,serif}.mini-character-list{display:grid;gap:10px}.mini-character-list a{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);transition:.2s}.mini-character-list a:hover,.ranking-row:hover{border-color:rgba(215,173,87,.28);background:rgba(215,173,87,.04)}.mini-avatar{grid-row:span 2;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font:700 20px Georgia,serif;border:1px solid rgba(145,209,244,.2);background:rgba(44,122,178,.18);color:#aee6ff}.mini-avatar.horde{border-color:rgba(224,108,80,.22);background:rgba(167,50,39,.18);color:#ffb09b}.mini-character-list strong{line-height:1}.mini-character-list small{margin-top:-10px;color:#8197a4}.ranking-list{display:grid;gap:10px}.ranking-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:58px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);transition:.2s}.ranking-row>span{color:var(--gold);font-weight:900}.ranking-row strong{display:block}.ranking-row small{display:block;margin-top:3px;color:#7d93a0}.ranking-row b{color:#e8f7ff;font-size:13px;white-space:nowrap}.compact-list .ranking-row{grid-template-columns:45px 1fr auto}.guild-list .ranking-row:hover{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.muted-empty{margin:0;color:#8398a4}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics-strip article{padding:20px;border:1px solid rgba(174,220,242,.12);background:linear-gradient(180deg,rgba(7,18,28,.86),rgba(4,11,17,.96));box-shadow:0 16px 35px rgba(0,0,0,.16)}.metrics-strip small{display:block;margin-bottom:8px;color:#708491;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.metrics-strip strong{font:700 34px/1 Georgia,serif;color:#f2f9fc}.ranking-panels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.alert.error code{color:#fff}
@media(max-width:900px){.character-grid,.armory-columns,.ranking-panels-grid{grid-template-columns:1fr}.metrics-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.armory-search>div{flex-direction:column}.armory-search .btn{width:100%}.character-stats{grid-template-columns:1fr}.metrics-strip{grid-template-columns:1fr}.ranking-row{grid-template-columns:42px 1fr}.ranking-row b{grid-column:2}.rich-row{align-items:start}}

/* ===== V2.4 CHARACTER PROFILES ===== */
.character-profile-link{position:relative;z-index:2;display:inline-flex;margin-top:18px;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.character-profile-link:hover{color:#fff}
.character-page-hero{background:radial-gradient(circle at 50% 26%,rgba(52,164,214,.14),transparent 28rem)}
.character-profile-section{padding-top:26px}.profile-header-card{position:relative;display:grid;grid-template-columns:112px 1fr auto;gap:24px;align-items:center;padding:28px 30px;margin-bottom:18px;overflow:hidden;border:1px solid rgba(174,220,242,.15);background:linear-gradient(120deg,rgba(9,24,35,.97),rgba(4,12,18,.98));box-shadow:0 26px 70px rgba(0,0,0,.24)}.profile-header-card:after{content:"";position:absolute;right:-70px;top:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(60,155,218,.16),transparent 64%);pointer-events:none}.profile-header-card.horde:after{background:radial-gradient(circle,rgba(197,65,50,.16),transparent 64%)}.profile-avatar{position:relative;z-index:1;width:104px;height:104px;display:grid;place-items:center;border:1px solid rgba(148,214,244,.26);border-radius:50%;background:radial-gradient(circle,rgba(64,151,207,.27),rgba(7,19,29,.96));color:#d9f4ff;font:700 48px Georgia,serif;box-shadow:inset 0 0 32px rgba(62,160,210,.1)}.profile-header-card.horde .profile-avatar{border-color:rgba(226,116,91,.27);background:radial-gradient(circle,rgba(165,57,43,.25),rgba(20,10,10,.95));color:#ffd3c8}.profile-identity{position:relative;z-index:1}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.profile-identity h2{margin:0;font:700 clamp(38px,4.5vw,60px)/.95 Georgia,serif}.profile-identity>p{margin:8px 0 4px;color:#a9bdc8;font-size:15px}.profile-guild{color:#78909e;font-size:12px}.profile-guild strong{color:#dce9ef}.profile-level{position:relative;z-index:1;min-width:120px;padding:18px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}.profile-level small{display:block;color:#748b98;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.profile-level strong{display:block;margin-top:5px;color:#fff;font:700 54px/1 Georgia,serif}
.profile-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.profile-metrics-grid article{min-height:94px;padding:17px;border:1px solid rgba(174,220,242,.12);background:linear-gradient(180deg,rgba(7,18,28,.9),rgba(4,11,17,.97));box-shadow:0 14px 34px rgba(0,0,0,.14)}.profile-metrics-grid small{display:block;margin-bottom:10px;color:#708491;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.profile-metrics-grid strong{font-size:17px;color:#f1f8fb;line-height:1.25}
.character-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.equipment-panel{padding:30px;border:1px solid rgba(174,220,242,.14);background:linear-gradient(180deg,rgba(8,20,30,.94),rgba(4,11,17,.98));box-shadow:0 24px 60px rgba(0,0,0,.2)}.panel-copy{margin:8px 0 0;color:var(--muted);font-size:12px}.armory-note{margin:0 0 18px;padding:13px 15px;border-left:2px solid var(--gold);background:rgba(215,173,87,.06);color:#9fb2bc;font-size:12px}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.equipment-item{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;min-height:78px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);overflow:hidden}.equipment-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#667984}.equipment-item.quality-uncommon:before{background:#32cf65}.equipment-item.quality-rare:before{background:#3d85ff}.equipment-item.quality-epic:before{background:#a665ff}.equipment-item.quality-legendary:before{background:#ff9b2e}.equipment-item.quality-artifact:before{background:#e65050}.equipment-item.quality-heirloom:before{background:#e2c262}.item-slot-rune{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(168,219,241,.14);background:#030b11;color:#7f9aa8;font:700 18px Georgia,serif}.equipment-item small{display:block;color:#687f8c;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.equipment-item strong{display:block;margin:2px 0;color:#dbe8ee;font-size:14px;line-height:1.2}.equipment-item.quality-uncommon strong{color:#57dd7d}.equipment-item.quality-rare strong{color:#73a5ff}.equipment-item.quality-epic strong{color:#bd8bff}.equipment-item.quality-legendary strong{color:#ffb35e}.equipment-item.quality-artifact strong{color:#ff7777}.equipment-item.quality-heirloom strong{color:#f0dc83}.equipment-item span{display:block;color:#6f8794;font-size:10px}
.profile-side-panels{display:grid;gap:18px}.profile-panel{padding:26px}.profile-dl{margin:0}.profile-dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.profile-dl>div:last-child{border-bottom:0}.profile-dl dt{color:#718895;font-size:11px}.profile-dl dd{margin:0;color:#e0ebf0;font-size:12px;font-weight:800;text-align:right}.profile-back{margin-top:0}
@media(max-width:1050px){.profile-metrics-grid{grid-template-columns:repeat(3,1fr)}.character-detail-grid{grid-template-columns:1fr}.profile-side-panels{grid-template-columns:1fr 1fr}.profile-back{grid-column:1/-1}}
@media(max-width:720px){.profile-header-card{grid-template-columns:78px 1fr;padding:22px}.profile-avatar{width:76px;height:76px;font-size:34px}.profile-level{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:14px 0 0}.profile-level strong{font-size:34px}.profile-metrics-grid{grid-template-columns:repeat(2,1fr)}.equipment-grid{grid-template-columns:1fr}.profile-side-panels{grid-template-columns:1fr}}
@media(max-width:480px){.profile-metrics-grid{grid-template-columns:1fr}.profile-header-card{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-tags{justify-content:center}.profile-level{grid-column:auto}.equipment-panel{padding:22px}.equipment-item{grid-template-columns:44px 1fr}.item-slot-rune{width:40px;height:40px}}

/* ===== AzR WoW V2.5 — Armurerie+ ===== */
.v25-profile{width:min(1460px,calc(100% - 36px));padding-top:24px}
.v25-hero{padding-bottom:38px}
.profile-version-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid rgba(215,173,87,.28);background:rgba(215,173,87,.07);color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.v25-profile-head{grid-template-columns:112px 1fr auto}
.profile-score-stack{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));min-width:270px;border-left:1px solid rgba(255,255,255,.08)}
.profile-score-stack .profile-level,.profile-ilvl{min-width:0;padding:15px 20px;text-align:center;border-left:0}
.profile-score-stack .profile-level{border-right:1px solid rgba(255,255,255,.08)}
.profile-ilvl small{display:block;color:#748b98;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.profile-ilvl strong{display:block;margin-top:7px;color:var(--gold2);font:700 42px/1 Georgia,serif}
.v25-metrics{grid-template-columns:repeat(8,1fr)}
.v25-metrics article{min-width:0}
.v25-metrics strong{font-size:15px;overflow-wrap:anywhere}
.v25-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.v25-equipment-panel{overflow:visible;padding:30px}
.v25-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.v25-panel-heading>div:first-child{max-width:760px}
.gear-summary{min-width:120px;padding:12px 15px;border:1px solid rgba(215,173,87,.18);background:rgba(215,173,87,.045);text-align:center}
.gear-summary small{display:block;color:#7a8e99;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.gear-summary strong{display:block;margin-top:5px;color:var(--gold2);font:700 24px Georgia,serif}
.paperdoll-layout{position:relative;display:grid;grid-template-columns:minmax(250px,1fr) 255px minmax(250px,1fr);gap:12px 18px;align-items:start;margin-top:24px;padding:20px;border:1px solid rgba(174,220,242,.08);background:radial-gradient(circle at 50% 43%,rgba(39,131,179,.11),transparent 24rem),linear-gradient(180deg,rgba(3,10,16,.72),rgba(2,7,11,.9))}
.paperdoll-layout:before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(174,220,242,.035)}
.paperdoll-layout.horde{background:radial-gradient(circle at 50% 43%,rgba(151,55,43,.1),transparent 24rem),linear-gradient(180deg,rgba(11,6,7,.72),rgba(4,5,8,.92))}
.paperdoll-column{position:relative;z-index:2;display:grid;gap:9px}
.paperdoll-center{position:relative;z-index:1;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-left:1px solid rgba(174,220,242,.06);border-right:1px solid rgba(174,220,242,.06)}
.paperdoll-center:before{content:"";position:absolute;width:145px;height:330px;top:116px;border:1px solid rgba(153,218,246,.1);border-radius:48% 48% 34% 34% / 20% 20% 45% 45%;background:linear-gradient(180deg,rgba(87,169,207,.08),rgba(8,25,36,.24));box-shadow:0 0 80px rgba(51,146,192,.07),inset 0 0 35px rgba(108,206,247,.035)}
.paperdoll-layout.horde .paperdoll-center:before{border-color:rgba(229,116,91,.09);background:linear-gradient(180deg,rgba(175,75,56,.07),rgba(33,13,14,.22))}
.paperdoll-aura{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(140,216,248,.07);box-shadow:inset 0 0 80px rgba(57,156,205,.05)}
.paperdoll-aura:before,.paperdoll-aura:after{content:"";position:absolute;inset:36px;border:1px solid rgba(215,173,87,.055);transform:rotate(45deg)}
.paperdoll-aura:after{inset:75px;transform:rotate(0)}
.paperdoll-medallion{position:relative;z-index:2;width:112px;height:112px;display:grid;place-items:center;margin-bottom:20px;border:1px solid rgba(151,217,246,.25);border-radius:50%;background:radial-gradient(circle,rgba(52,147,194,.3),rgba(5,16,24,.96));box-shadow:0 0 45px rgba(52,149,196,.12);color:#e0f6ff;font:700 50px Georgia,serif}
.paperdoll-layout.horde .paperdoll-medallion{border-color:rgba(224,111,86,.25);background:radial-gradient(circle,rgba(163,58,44,.28),rgba(20,9,10,.97));color:#ffd6cc}
.paperdoll-center .eyebrow{position:relative;z-index:2;margin-bottom:7px}.paperdoll-center h3{position:relative;z-index:2;margin:0;font:700 32px/1 Georgia,serif}.paperdoll-center>p:not(.eyebrow){position:relative;z-index:2;margin:7px 0 17px;color:#87a0ad;font-size:12px}
.paperdoll-scores{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-width:190px;border:1px solid rgba(174,220,242,.09);background:rgba(2,8,13,.68)}
.paperdoll-scores div{padding:11px}.paperdoll-scores div+div{border-left:1px solid rgba(174,220,242,.07)}.paperdoll-scores small{display:block;color:#617985;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.paperdoll-scores strong{display:block;margin-top:4px;font:700 21px Georgia,serif;color:#eef9fd}
.paperdoll-weapons{position:relative;z-index:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:4px}

.equipment-item-v25{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-height:74px;padding:9px 11px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(90deg,rgba(255,255,255,.023),rgba(255,255,255,.012));outline:none;transition:border-color .18s ease,background .18s ease,transform .18s ease;cursor:default}
.equipment-item-v25:not(.is-empty):hover,.equipment-item-v25:not(.is-empty):focus,.equipment-item-v25.tooltip-open{z-index:30;transform:translateY(-1px);border-color:rgba(215,173,87,.28);background:linear-gradient(90deg,rgba(215,173,87,.045),rgba(255,255,255,.014))}
.equipment-item-v25:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#7e8b91}
.equipment-item-v25.quality-poor:before{background:#9d9d9d}.equipment-item-v25.quality-common:before{background:#d8e0e5}.equipment-item-v25.quality-uncommon:before{background:#1eff00}.equipment-item-v25.quality-rare:before{background:#0070dd}.equipment-item-v25.quality-epic:before{background:#a335ee}.equipment-item-v25.quality-legendary:before{background:#ff8000}.equipment-item-v25.quality-artifact:before{background:#e6cc80}.equipment-item-v25.quality-heirloom:before{background:#00ccff}
.equipment-item-v25.is-empty{opacity:.48;background:rgba(255,255,255,.008)}
.item-icon-v25{position:relative;width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:2px solid #6d7880;background:radial-gradient(circle at 35% 28%,rgba(139,183,204,.15),rgba(2,8,12,.97));box-shadow:inset 0 0 0 1px rgba(0,0,0,.85),inset 0 0 18px rgba(87,157,190,.08),0 4px 14px rgba(0,0,0,.28)}
.item-icon-v25>span{color:#a8bec9;font:700 26px Georgia,serif;text-shadow:0 2px 8px #000}.item-icon-v25>i{position:absolute;right:3px;bottom:1px;color:#657983;font-size:8px;font-style:normal;font-weight:900}
.item-icon-v25.quality-poor{border-color:#777}.item-icon-v25.quality-common{border-color:#aeb8be}.item-icon-v25.quality-uncommon{border-color:#1d9e22;box-shadow:inset 0 0 0 1px #071008,0 0 12px rgba(30,255,0,.08)}.item-icon-v25.quality-rare{border-color:#1767b8;box-shadow:inset 0 0 0 1px #040d15,0 0 12px rgba(0,112,221,.1)}.item-icon-v25.quality-epic{border-color:#7e2eb9;box-shadow:inset 0 0 0 1px #100617,0 0 14px rgba(163,53,238,.13)}.item-icon-v25.quality-legendary{border-color:#c6680b;box-shadow:inset 0 0 0 1px #160b02,0 0 14px rgba(255,128,0,.13)}.item-icon-v25.quality-artifact{border-color:#ad9560}.item-icon-v25.quality-heirloom{border-color:#1397bb}
.item-card-copy{min-width:0}.item-card-copy small{display:block;color:#617985;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.item-card-copy strong{display:block;margin:3px 0 2px;color:#dbe8ee;font-size:12px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card-copy>span{display:block;color:#657d89;font-size:9px}.equipment-item-v25.quality-uncommon .item-card-copy strong{color:#57e45d}.equipment-item-v25.quality-rare .item-card-copy strong{color:#53a0f2}.equipment-item-v25.quality-epic .item-card-copy strong{color:#bd78ef}.equipment-item-v25.quality-legendary .item-card-copy strong{color:#ffa134}.equipment-item-v25.quality-artifact .item-card-copy strong{color:#e6cc80}.equipment-item-v25.quality-heirloom .item-card-copy strong{color:#49d9ff}

.item-tooltip-v25{position:absolute;z-index:80;left:calc(100% + 12px);top:50%;width:315px;padding:16px 17px;visibility:hidden;opacity:0;transform:translateY(-50%) translateX(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;background:rgba(4,9,14,.985);border:1px solid rgba(205,223,232,.19);box-shadow:0 22px 65px rgba(0,0,0,.68),inset 0 0 35px rgba(57,126,159,.035);pointer-events:none;text-align:left}
.right-column .item-tooltip-v25{left:auto;right:calc(100% + 12px);transform:translateY(-50%) translateX(4px)}
.paperdoll-weapons .item-tooltip-v25{left:50%;right:auto;top:auto;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(4px)}
.equipment-item-v25:hover .item-tooltip-v25,.equipment-item-v25:focus .item-tooltip-v25,.equipment-item-v25.tooltip-open .item-tooltip-v25{visibility:visible;opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}
.right-column .equipment-item-v25:hover .item-tooltip-v25,.right-column .equipment-item-v25:focus .item-tooltip-v25,.right-column .equipment-item-v25.tooltip-open .item-tooltip-v25{transform:translateY(-50%) translateX(0)}
.paperdoll-weapons .equipment-item-v25:hover .item-tooltip-v25,.paperdoll-weapons .equipment-item-v25:focus .item-tooltip-v25,.paperdoll-weapons .equipment-item-v25.tooltip-open .item-tooltip-v25{transform:translateX(-50%) translateY(0)}
.tooltip-quality{font-size:16px;font-weight:800;line-height:1.2}.quality-text-poor{color:#9d9d9d}.quality-text-common{color:#f2f2f2}.quality-text-uncommon{color:#1eff00}.quality-text-rare{color:#3c96f0}.quality-text-epic{color:#b45df1}.quality-text-legendary{color:#ff900f}.quality-text-artifact{color:#e6cc80}.quality-text-heirloom{color:#00ccff}.quality-text-unknown{color:#e7eef2}
.tooltip-meta{margin:4px 0 9px;color:#748c98;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.tooltip-ilvl{margin-bottom:8px;color:#d7e8f0;font-size:12px}.tooltip-line{margin-top:4px;color:#d8e5eb;font-size:11px}.tooltip-line.subtle{color:#9dafb8}.tooltip-stat{margin-top:3px;color:#77e777;font-size:11px}.tooltip-description{margin-top:9px;color:#d2b85f;font-size:11px;font-style:italic;line-height:1.45}.tooltip-warning{margin-top:9px;color:#e5b66c;font-size:10px}.tooltip-id{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:#526873;font-size:9px}

.v25-side-panels{position:sticky;top:22px}.talent-groups-v25{display:grid;gap:9px}.talent-groups-v25 article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.016)}.talent-groups-v25 article.is-active{border-color:rgba(215,173,87,.3);background:rgba(215,173,87,.055)}.talent-groups-v25 article.is-locked{opacity:.48}.talent-groups-v25 small{display:block;color:#667d89;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.talent-groups-v25 strong{display:block;margin-top:3px;font-size:12px}.talent-groups-v25 b{color:var(--gold2);font-size:10px;white-space:nowrap}.talent-note{margin:14px 0 0;color:#687f8b;font-size:10px;line-height:1.55}

@media(max-width:1320px){
  .v25-metrics{grid-template-columns:repeat(4,1fr)}
  .v25-main-grid{grid-template-columns:1fr}
  .v25-side-panels{position:static;grid-template-columns:repeat(3,1fr)}
  .v25-side-panels .profile-back{grid-column:1/-1}
}
@media(max-width:1040px){
  .paperdoll-layout{grid-template-columns:1fr 210px 1fr;padding:14px;gap:10px}
  .paperdoll-center{min-height:520px}
  .equipment-item-v25{grid-template-columns:48px 1fr;padding:8px}.item-icon-v25{width:46px;height:46px}.item-icon-v25>span{font-size:22px}
  .item-card-copy strong{font-size:11px}
}
@media(max-width:820px){
  .v25-profile-head{grid-template-columns:82px 1fr}.v25-profile-head .profile-avatar{width:78px;height:78px;font-size:35px}.profile-score-stack{grid-column:1/-1;min-width:0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .v25-side-panels{grid-template-columns:1fr}
  .paperdoll-layout{display:block}.paperdoll-center{min-height:340px;margin:10px 0 14px;border:1px solid rgba(174,220,242,.06)}.paperdoll-column{margin-bottom:9px}.paperdoll-weapons{display:grid;grid-template-columns:1fr;margin-top:9px}
  .item-tooltip-v25,.right-column .item-tooltip-v25,.paperdoll-weapons .item-tooltip-v25{left:0;right:auto;top:calc(100% + 7px);bottom:auto;width:min(330px,calc(100vw - 70px));transform:translateY(-4px)}
  .equipment-item-v25:hover .item-tooltip-v25,.equipment-item-v25:focus .item-tooltip-v25,.equipment-item-v25.tooltip-open .item-tooltip-v25,.right-column .equipment-item-v25:hover .item-tooltip-v25,.right-column .equipment-item-v25:focus .item-tooltip-v25,.right-column .equipment-item-v25.tooltip-open .item-tooltip-v25,.paperdoll-weapons .equipment-item-v25:hover .item-tooltip-v25,.paperdoll-weapons .equipment-item-v25:focus .item-tooltip-v25,.paperdoll-weapons .equipment-item-v25.tooltip-open .item-tooltip-v25{transform:translateY(0)}
}
@media(max-width:600px){
  .v25-metrics{grid-template-columns:repeat(2,1fr)}
  .v25-equipment-panel{padding:20px}.v25-panel-heading{display:block}.gear-summary{margin-top:15px;width:130px}
  .v25-profile-head{grid-template-columns:1fr;text-align:center}.v25-profile-head .profile-avatar{margin:auto}.v25-profile-head .profile-tags{justify-content:center}.profile-score-stack{grid-column:auto}
}

/* ===== V2.6 — ARMURERIE PREMIUM ===== */
#wowhead-tooltip,.wowhead-tooltip{display:none!important}
.v26-hero{padding-bottom:36px}
.v26-profile{width:min(1420px,calc(100% - 36px));padding-top:18px}
.v26-profile-head{grid-template-columns:126px minmax(0,1fr) auto;gap:24px;padding:24px 28px}
.v26-avatar{width:112px;height:112px;font-size:48px}
.v26-score-stack{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));min-width:405px}
.v26-score-stack>div{display:grid;place-items:center;padding:13px 18px;border-left:1px solid rgba(255,255,255,.07)}
.v26-score-stack small{color:#647c88;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.v26-score-stack strong{font:700 30px Georgia,serif;color:#f4fbff}
.v26-metrics{grid-template-columns:repeat(8,1fr)}.v26-metrics article{min-width:0}.v26-metrics strong{font-size:14px;overflow-wrap:anywhere}
.v26-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.v26-equipment-panel{overflow:visible;padding:30px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,21,31,.97),rgba(3,10,16,.99));box-shadow:var(--shadow)}
.v26-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.v26-panel-heading h2{margin:0;font:700 32px Georgia,serif}.v26-panel-heading .panel-copy{max-width:690px;margin:7px 0 0;color:#78909d;font-size:11px;line-height:1.55}
.gear-summary-v26{display:grid;grid-template-columns:1fr 1fr;min-width:235px;border:1px solid rgba(215,173,87,.17);background:rgba(215,173,87,.035)}.gear-summary-v26>div{padding:11px 14px}.gear-summary-v26>div+div{border-left:1px solid rgba(215,173,87,.12)}.gear-summary-v26 small{display:block;color:#687e89;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.gear-summary-v26 strong{display:block;margin-top:3px;color:var(--gold2);font:700 22px Georgia,serif}

.paperdoll-layout-v26{position:relative;display:grid;grid-template-columns:minmax(255px,1fr) 330px minmax(255px,1fr);gap:12px;margin-top:20px;padding:16px;border:1px solid rgba(174,220,242,.08);background:radial-gradient(circle at 50% 38%,rgba(32,103,137,.12),transparent 31%),linear-gradient(180deg,rgba(4,12,18,.76),rgba(2,7,11,.94));overflow:visible}
.paperdoll-layout-v26:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(71,151,188,.03),transparent 25%,transparent 75%,rgba(71,151,188,.03))}
.paperdoll-column-v26{position:relative;z-index:5;display:grid;gap:8px;align-content:start}
.paperdoll-center-v26{position:relative;z-index:2;min-height:690px;padding:25px 13px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;border-left:1px solid rgba(174,220,242,.055);border-right:1px solid rgba(174,220,242,.055);overflow:visible}
.paperdoll-aura-v26{position:absolute;top:18px;left:50%;width:315px;height:315px;transform:translateX(-50%);border:1px solid rgba(126,205,239,.09);border-radius:50%;box-shadow:0 0 90px rgba(48,145,190,.09),inset 0 0 90px rgba(48,145,190,.04)}
.paperdoll-aura-v26:before,.paperdoll-aura-v26:after{content:"";position:absolute;inset:35px;border:1px solid rgba(126,205,239,.055);transform:rotate(45deg)}.paperdoll-aura-v26:after{inset:65px;transform:rotate(0deg);border-radius:50%}
.paperdoll-medallion-v26{position:relative;z-index:2;width:162px;height:162px;display:grid;place-items:center;margin:12px 0 22px;border:1px solid rgba(151,217,246,.28);border-radius:50%;background:radial-gradient(circle at 40% 28%,rgba(78,170,214,.36),rgba(4,15,23,.98));box-shadow:0 0 65px rgba(52,149,196,.16),inset 0 0 55px rgba(44,134,178,.1);color:#e5f8ff;font:700 72px Georgia,serif}
.paperdoll-layout-v26.horde .paperdoll-medallion-v26{border-color:rgba(224,111,86,.28);background:radial-gradient(circle at 40% 28%,rgba(172,68,49,.34),rgba(20,9,10,.98));color:#ffd9cf}
.paperdoll-center-v26>.eyebrow,.paperdoll-center-v26>h3,.paperdoll-center-v26>p{position:relative;z-index:2}.paperdoll-center-v26>.eyebrow{margin-bottom:7px}.paperdoll-center-v26>h3{margin:0;font:700 38px/1 Georgia,serif}.paperdoll-center-v26>p:not(.eyebrow){margin:8px 0 18px;color:#839ba7;font-size:12px}
.paperdoll-scores-v26{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);width:100%;border:1px solid rgba(174,220,242,.09);background:rgba(2,8,13,.72)}.paperdoll-scores-v26>div{padding:10px 7px}.paperdoll-scores-v26>div+div{border-left:1px solid rgba(174,220,242,.07)}.paperdoll-scores-v26 small{display:block;color:#607784;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.paperdoll-scores-v26 strong{display:block;margin-top:4px;font:700 20px Georgia,serif}
.paperdoll-weapons-v26{position:relative;z-index:6;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:4px}

.equipment-item-v26{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;min-height:72px;padding:8px 10px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(90deg,rgba(255,255,255,.023),rgba(255,255,255,.012));outline:none;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;cursor:pointer}
.equipment-item-v26:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#7e8b91}.equipment-item-v26.quality-poor:before{background:#9d9d9d}.equipment-item-v26.quality-common:before{background:#d8e0e5}.equipment-item-v26.quality-uncommon:before{background:#1eff00}.equipment-item-v26.quality-rare:before{background:#0070dd}.equipment-item-v26.quality-epic:before{background:#a335ee}.equipment-item-v26.quality-legendary:before{background:#ff8000}.equipment-item-v26.quality-artifact:before{background:#e6cc80}.equipment-item-v26.quality-heirloom:before{background:#00ccff}
.equipment-item-v26:not(.is-empty):hover,.equipment-item-v26:not(.is-empty):focus{z-index:30;transform:translateY(-1px);border-color:rgba(215,173,87,.25);background:linear-gradient(90deg,rgba(215,173,87,.04),rgba(255,255,255,.014))}.equipment-item-v26.is-selected{z-index:22;border-color:rgba(215,173,87,.48);box-shadow:inset 0 0 22px rgba(215,173,87,.045),0 0 18px rgba(215,173,87,.04)}.equipment-item-v26.is-empty{opacity:.43;cursor:default}
.item-icon-v26{position:relative;width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:2px solid #6d7880;background:radial-gradient(circle at 35% 28%,rgba(139,183,204,.15),rgba(2,8,12,.97));box-shadow:inset 0 0 0 1px rgba(0,0,0,.85),0 4px 14px rgba(0,0,0,.28)}.item-icon-v26>i{position:absolute;z-index:9;right:3px;bottom:1px;color:#9aadb7;font-size:7px;font-style:normal;font-weight:900;text-shadow:0 1px 3px #000}.slot-glyph-fallback,.item-icon-v26.is-fallback>span{position:relative;z-index:1;color:#a8bec9;font:700 25px Georgia,serif;text-shadow:0 2px 8px #000}.item-icon-v26.quality-uncommon{border-color:#1d9e22}.item-icon-v26.quality-rare{border-color:#1767b8}.item-icon-v26.quality-epic{border-color:#7e2eb9;box-shadow:inset 0 0 0 1px #100617,0 0 14px rgba(163,53,238,.13)}.item-icon-v26.quality-legendary{border-color:#c6680b}.item-icon-v26.quality-artifact{border-color:#ad9560}.item-icon-v26.quality-heirloom{border-color:#1397bb}
.wowhead-icon-v26{position:absolute!important;inset:0!important;z-index:5!important;display:block!important;width:100%!important;height:100%!important;font-size:0!important;color:transparent!important;overflow:hidden!important}.item-icon-v26 .iconsmall,.item-icon-v26 .iconmedium,.item-icon-v26 .iconlarge,.item-icon-v26 .icontiny{position:absolute!important;z-index:6!important;inset:2px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important}.item-icon-v26 .iconsmall ins,.item-icon-v26 .iconmedium ins,.item-icon-v26 .iconlarge ins,.item-icon-v26 .icontiny ins{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}.item-icon-v26:has(.iconsmall) .slot-glyph-fallback,.item-icon-v26:has(.iconmedium) .slot-glyph-fallback,.item-icon-v26:has(.iconlarge) .slot-glyph-fallback,.item-icon-v26:has(.icontiny) .slot-glyph-fallback{opacity:0}
.item-card-copy-v26{min-width:0}.item-card-copy-v26 small{display:block;color:#617985;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.item-card-copy-v26 strong{display:block;margin:3px 0 2px;color:#dbe8ee;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card-copy-v26>span{display:flex;align-items:center;gap:7px;color:#657d89;font-size:9px}.equipment-item-v26.quality-uncommon .item-card-copy-v26 strong{color:#57e45d}.equipment-item-v26.quality-rare .item-card-copy-v26 strong{color:#53a0f2}.equipment-item-v26.quality-epic .item-card-copy-v26 strong{color:#bd78ef}.equipment-item-v26.quality-legendary .item-card-copy-v26 strong{color:#ffa134}.equipment-item-v26.quality-artifact .item-card-copy-v26 strong{color:#e6cc80}.equipment-item-v26.quality-heirloom .item-card-copy-v26 strong{color:#49d9ff}
.ilvl-delta{padding:2px 4px;border:1px solid rgba(255,255,255,.07);font-size:7px}.ilvl-delta.is-positive{color:#74e77c;border-color:rgba(30,255,0,.12)}.ilvl-delta.is-negative{color:#e39191;border-color:rgba(255,100,100,.12)}
.item-tooltip-v26{position:absolute;z-index:90;left:calc(100% + 12px);top:50%;width:315px;padding:16px 17px;visibility:hidden;opacity:0;transform:translateY(-50%) translateX(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;background:rgba(4,9,14,.99);border:1px solid rgba(205,223,232,.19);box-shadow:0 22px 65px rgba(0,0,0,.7);pointer-events:none;text-align:left}.right-column .item-tooltip-v26{left:auto;right:calc(100% + 12px);transform:translateY(-50%) translateX(4px)}.paperdoll-weapons-v26 .item-tooltip-v26{left:50%;right:auto;top:auto;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(4px)}.equipment-item-v26:hover .item-tooltip-v26,.equipment-item-v26:focus .item-tooltip-v26{visibility:visible;opacity:1;transform:translateY(-50%) translateX(0)}.right-column .equipment-item-v26:hover .item-tooltip-v26,.right-column .equipment-item-v26:focus .item-tooltip-v26{transform:translateY(-50%) translateX(0)}.paperdoll-weapons-v26 .equipment-item-v26:hover .item-tooltip-v26,.paperdoll-weapons-v26 .equipment-item-v26:focus .item-tooltip-v26{transform:translateX(-50%) translateY(0)}
.tooltip-compare{margin:5px 0 8px;padding:5px 7px;border:1px solid rgba(255,255,255,.07);font-size:9px}.tooltip-compare.is-positive{color:#83e98b;background:rgba(30,255,0,.025)}.tooltip-compare.is-negative{color:#eba1a1;background:rgba(255,70,70,.025)}

.selected-item-panel-v26{position:relative;z-index:5;width:100%;min-height:210px;margin-top:18px;padding:15px;border:1px solid rgba(174,220,242,.09);background:linear-gradient(180deg,rgba(5,14,21,.82),rgba(2,8,12,.92));text-align:left}.selected-item-empty-v26{height:178px;display:grid;place-items:center;align-content:center;text-align:center;color:#617985}.selected-item-empty-v26>span{color:var(--gold);font-size:22px}.selected-item-empty-v26 strong{margin-top:7px;color:#bdcbd1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.selected-item-empty-v26 p{max-width:250px;margin:5px auto 0;font-size:9px;line-height:1.5}.selected-item-header-v26{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.selected-item-icon-v26{width:46px;height:46px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18);background:#061019;color:#9fb8c5;font:700 22px Georgia,serif}.selected-item-icon-v26.quality-epic{border-color:#7e2eb9}.selected-item-icon-v26.quality-rare{border-color:#1767b8}.selected-item-icon-v26.quality-uncommon{border-color:#1d9e22}.selected-item-icon-v26.quality-legendary{border-color:#c6680b}.selected-item-header-v26 small{display:block;color:#657b87;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.selected-item-header-v26 strong{display:block;margin-top:3px;font-size:12px;line-height:1.2}.selected-item-body-v26{padding-top:10px}.selected-item-body-v26 .tooltip-quality,.selected-item-body-v26 .tooltip-meta{display:none}.selected-wowhead-link-v26{display:inline-block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06);color:var(--gold2);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.v26-side-panels{position:sticky;top:22px;display:grid;gap:14px}.talent-groups-v26{display:grid;gap:9px}.talent-groups-v26 article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.016)}.talent-groups-v26 article.is-active{border-color:rgba(215,173,87,.3);background:rgba(215,173,87,.055)}.talent-groups-v26 article.is-locked{opacity:.48}.talent-groups-v26 small{display:block;color:#667d89;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.talent-groups-v26 strong{display:block;margin-top:3px;font-size:12px}.talent-groups-v26 b{color:var(--gold2);font-size:10px;white-space:nowrap}

@media(max-width:1380px){.v26-metrics{grid-template-columns:repeat(4,1fr)}.v26-main-grid{grid-template-columns:1fr}.v26-side-panels{position:static;grid-template-columns:repeat(3,1fr)}.v26-side-panels .profile-back{grid-column:1/-1}.paperdoll-layout-v26{grid-template-columns:minmax(230px,1fr) 310px minmax(230px,1fr)}}
@media(max-width:1060px){.paperdoll-layout-v26{grid-template-columns:1fr 250px 1fr;padding:12px;gap:8px}.paperdoll-center-v26{min-height:640px}.paperdoll-medallion-v26{width:132px;height:132px;font-size:58px}.equipment-item-v26{grid-template-columns:48px 1fr;padding:7px}.item-icon-v26{width:46px;height:46px}.item-card-copy-v26 strong{font-size:10px}.v26-score-stack{min-width:330px}}
@media(max-width:840px){.v26-profile-head{grid-template-columns:82px 1fr}.v26-avatar{width:78px;height:78px;font-size:35px}.v26-score-stack{grid-column:1/-1;min-width:0;border-top:1px solid rgba(255,255,255,.08)}.v26-side-panels{grid-template-columns:1fr}.paperdoll-layout-v26{display:block}.paperdoll-center-v26{min-height:520px;margin:10px 0 14px;border:1px solid rgba(174,220,242,.06)}.paperdoll-column-v26{margin-bottom:9px}.paperdoll-weapons-v26{display:grid;grid-template-columns:1fr;margin-top:9px}.item-tooltip-v26,.right-column .item-tooltip-v26,.paperdoll-weapons-v26 .item-tooltip-v26{left:0;right:auto;top:calc(100% + 7px);bottom:auto;width:min(330px,calc(100vw - 70px));transform:translateY(-4px)}.equipment-item-v26:hover .item-tooltip-v26,.equipment-item-v26:focus .item-tooltip-v26,.right-column .equipment-item-v26:hover .item-tooltip-v26,.right-column .equipment-item-v26:focus .item-tooltip-v26,.paperdoll-weapons-v26 .equipment-item-v26:hover .item-tooltip-v26,.paperdoll-weapons-v26 .equipment-item-v26:focus .item-tooltip-v26{transform:translateY(0)}}
@media(max-width:620px){.v26-profile{width:min(100% - 24px,1420px)}.v26-metrics{grid-template-columns:repeat(2,1fr)}.v26-equipment-panel{padding:18px}.v26-panel-heading{display:block}.gear-summary-v26{margin-top:14px;min-width:0;width:100%}.v26-profile-head{grid-template-columns:1fr;text-align:center}.v26-avatar{margin:auto}.v26-profile-head .profile-tags{justify-content:center}.v26-score-stack{grid-column:auto;grid-template-columns:repeat(3,1fr)}.v26-score-stack>div{padding:10px 6px}.v26-score-stack strong{font-size:22px}.paperdoll-medallion-v26{width:120px;height:120px;font-size:52px}.paperdoll-center-v26{min-height:500px}}

/* ===== V2.7 TALENTS, ENCHANTEMENTS & LOADOUT ===== */
.v27-profile .v26-metrics{grid-template-columns:repeat(5,1fr)}
.tooltip-enhancements-v27{display:grid;gap:5px;margin:9px 0 7px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.tooltip-enhancements-v27>div{display:flex;justify-content:space-between;gap:12px;color:#8fa4ae;font-size:9px}.tooltip-enhancements-v27 strong{color:#e7c875;font-size:9px}
.tooltip-sockets-v27{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.socket-pill-v27{padding:4px 6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#7e919b;font-size:8px}.socket-pill-v27.is-filled{color:#d9e6eb}.socket-pill-v27.socket-1{border-color:rgba(190,170,255,.26)}.socket-pill-v27.socket-2{border-color:rgba(255,88,88,.22)}.socket-pill-v27.socket-4{border-color:rgba(255,213,82,.24)}.socket-pill-v27.socket-8{border-color:rgba(79,138,255,.26)}
.v27-loadout-summary{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}.v27-summary-card{padding:22px;border:1px solid rgba(174,220,242,.1);background:linear-gradient(180deg,rgba(6,17,25,.88),rgba(3,10,15,.96))}.v27-summary-card .panel-title h3{margin:0;font:700 23px/1.05 Georgia,serif}.v27-stat-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:16px}.v27-stat-bars>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.014)}.v27-stat-bars span{color:#849ba6;font-size:10px}.v27-stat-bars strong{color:#7ee78b;font-size:11px}.v27-enhancement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.v27-enhancement-grid article{padding:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.014)}.v27-enhancement-grid small{display:block;color:#6d838e;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.v27-enhancement-grid strong{display:block;margin-top:5px;color:#f1f7fa;font-size:20px}.v27-disclaimer{display:block;margin-top:13px;color:#5f747e;font-size:8px;line-height:1.5}.v27-empty-copy{color:#708691;font-size:11px}
.talent-groups-v27 article>div em{display:block;margin-top:4px;color:#637984;font-size:8px;font-style:normal}.talent-groups-v27 article.is-active b{color:#f1d17d}
.talent-spells-v27{margin-top:13px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.talent-spells-v27 summary{cursor:pointer;color:#9db1ba;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;list-style:none}.talent-spells-v27 summary::-webkit-details-marker{display:none}.talent-spells-v27 summary:after{content:" +";color:var(--gold)}.talent-spells-v27[open] summary:after{content:" −"}.talent-spell-grid-v27{display:grid;gap:6px;margin-top:10px;max-height:250px;overflow:auto;padding-right:4px}.talent-spell-grid-v27>a{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.014);color:#a7bbc4;font-size:8px}.talent-spell-grid-v27>a:hover{border-color:rgba(215,173,87,.22);color:#fff}.talent-spell-grid-v27>a b{color:var(--gold2);font-size:8px}.talent-spell-grid-v27 .iconsmall,.talent-spell-grid-v27 .icontiny{margin-right:7px!important;vertical-align:middle!important}
.v27-profile .paperdoll-center-v26:after{content:"V2.7.2";position:absolute;right:12px;top:10px;color:rgba(215,173,87,.34);font-size:8px;font-weight:900;letter-spacing:.18em}.v27-profile .gear-summary-v26{grid-template-columns:repeat(2,1fr)}
@media(max-width:1380px){.v27-profile .v26-metrics{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1050px){.v27-profile .v26-metrics{grid-template-columns:repeat(3,1fr)}.v27-loadout-summary{grid-template-columns:1fr}}
@media(max-width:700px){.v27-profile .v26-metrics{grid-template-columns:repeat(2,1fr)}.v27-stat-bars,.v27-enhancement-grid{grid-template-columns:1fr}}
@media(max-width:480px){.v27-profile .v26-metrics{grid-template-columns:1fr}}

/* ===== V2.9 — ARBRES DE TALENTS, GLYPHES & FEUILLE DE PERSONNAGE ===== */
.v27-profile .paperdoll-center-v26:after{content:"V2.8"}
.v28-build-section,.v28-stats-section{margin-top:18px;padding:28px;border:1px solid rgba(174,220,242,.11);background:linear-gradient(180deg,rgba(7,19,28,.96),rgba(3,10,15,.99));box-shadow:0 24px 65px rgba(0,0,0,.22)}
.v28-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.v28-section-heading h2{margin:0;font:700 31px/1.05 Georgia,serif}.v28-section-heading p:not(.eyebrow){max-width:700px;margin:8px 0 0;color:#7c929d;font-size:11px;line-height:1.6}.v28-section-heading code{color:#c7e9f7}
.v28-spec-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v28-spec-tabs button{min-width:180px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);color:#8ba0aa;text-align:left;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.v28-spec-tabs button b{display:block;margin-top:4px;color:#d6e7ef;font:700 16px Georgia,serif;letter-spacing:0;text-transform:none}.v28-spec-tabs button.is-active{border-color:rgba(215,173,87,.4);background:rgba(215,173,87,.06);color:var(--gold2);box-shadow:inset 0 0 22px rgba(215,173,87,.025)}
.v28-spec-panel{display:none}.v28-spec-panel.is-active{display:block}
.v28-talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v28-talent-tree{padding:15px;border:1px solid rgba(174,220,242,.08);background:radial-gradient(circle at 50% 18%,rgba(61,142,181,.07),transparent 44%),rgba(1,7,11,.55)}.v28-talent-tree>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}.v28-talent-tree header small{display:block;color:#607782;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.v28-talent-tree h3{margin:3px 0 0;font:700 20px Georgia,serif}.v28-talent-tree header>strong{color:var(--gold2);font:700 22px Georgia,serif}
.v28-tree-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(11,54px);gap:5px;margin-top:12px;padding:8px;border:1px solid rgba(255,255,255,.035);background:linear-gradient(180deg,rgba(7,18,27,.52),rgba(1,6,10,.76));overflow:hidden}.v28-tree-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(126,205,239,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(126,205,239,.018) 1px,transparent 1px);background-size:25% calc(100% / 11);pointer-events:none}
.v28-talent-node{position:relative;z-index:2;grid-row:var(--talent-row);grid-column:var(--talent-col);align-self:center;justify-self:center;width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(126,143,151,.34);background:#030b11;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:0;transition:.18s}.v28-talent-node:hover{z-index:10;transform:scale(1.07);border-color:rgba(215,173,87,.65)}.v28-talent-node.is-learned{border-color:#c79b48;box-shadow:0 0 16px rgba(215,173,87,.13),inset 0 0 12px rgba(215,173,87,.05)}.v28-talent-node.is-unlearned{opacity:.34;filter:saturate(.45)}.v28-talent-node .iconsmall,.v28-talent-node .icontiny,.v28-talent-node .iconmedium{position:absolute!important;inset:2px!important;width:auto!important;height:auto!important;margin:0!important}.v28-talent-node .iconsmall ins,.v28-talent-node .icontiny ins,.v28-talent-node .iconmedium ins{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover!important}.v28-rank-badge{position:absolute;z-index:20;right:-5px;bottom:-5px;min-width:21px;height:18px;padding:0 4px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.85);background:#020609;color:#dcecf3;font-size:8px!important;font-weight:900;line-height:1}.v28-talent-node.is-learned .v28-rank-badge{color:#ffe4a1;border-color:rgba(215,173,87,.55)}
.v28-glyph-panel{margin-top:14px;padding:18px;border:1px solid rgba(174,220,242,.08);background:rgba(2,8,13,.56)}.v28-glyph-panel .panel-title h3{margin:0;font:700 23px Georgia,serif}.v28-glyph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.v28-glyph-card{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:center;min-height:68px;padding:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.014)}.v28-glyph-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.25);background:#061019;color:var(--gold2);font-size:20px;overflow:hidden}.v28-glyph-icon>a{font-size:0}.v28-glyph-icon .iconsmall,.v28-glyph-icon .iconmedium,.v28-glyph-icon .iconlarge{margin:0!important}.v28-glyph-card small{display:block;color:#687f89;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.v28-glyph-card strong{display:block;margin-top:3px;color:#dce9ee;font-size:11px}.v28-glyph-card span{display:block;margin-top:3px;color:#617783;font-size:8px}.v28-empty-state{margin-top:14px;padding:14px;border:1px dashed rgba(255,255,255,.09);background:rgba(255,255,255,.012);color:#718792;font-size:10px;line-height:1.6}.v28-empty-state code{color:#b9d9e7}
.v28-live-badge{padding:8px 11px;border:1px solid rgba(98,230,167,.24);background:rgba(98,230,167,.045);color:#9ee9c7;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.v28-stat-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v28-stat-group{padding:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.014)}.v28-stat-group h3{margin:0 0 10px;color:#e6f0f4;font:700 19px Georgia,serif}.v28-stat-group dl{margin:0}.v28-stat-group dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}.v28-stat-group dl>div:last-child{border-bottom:0}.v28-stat-group dt{color:#6f8690;font-size:9px}.v28-stat-group dd{margin:0;color:#edf5f8;font-size:10px;font-weight:800;text-align:right}.v28-stats-empty{margin-top:0}
@media(max-width:1180px){.v28-talent-trees{grid-template-columns:1fr}.v28-tree-grid{grid-template-rows:repeat(11,50px)}.v28-stat-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v28-build-section,.v28-stats-section{padding:18px}.v28-section-heading{display:block}.v28-spec-tabs{justify-content:stretch;margin-top:14px}.v28-spec-tabs button{flex:1;min-width:0}.v28-glyph-grid{grid-template-columns:1fr}.v28-stat-groups{grid-template-columns:1fr}.v28-tree-grid{grid-template-rows:repeat(11,46px);padding:6px}.v28-talent-node{width:38px;height:38px}.v28-rank-badge{right:-4px;bottom:-4px}}

/* ===== V2.9 — GLYPHES ENRICHIS & LIBELLÉS DE SPÉCIALISATION ===== */
.v27-profile .paperdoll-center-v26:after{content:"V2.9"}
.v281-glyph-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v281-glyph-heading>div:first-child{min-width:0}.v281-glyph-counts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v281-glyph-counts span{padding:6px 9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#859ba6;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v281-glyph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v281-glyph-card{position:relative;grid-template-columns:58px 1fr;min-height:82px;padding:11px 12px;border-color:rgba(174,220,242,.09);transition:border-color .18s,transform .18s,background .18s;outline:none;overflow:visible}.v281-glyph-card:hover,.v281-glyph-card:focus-visible{z-index:15;transform:translateY(-1px);border-color:rgba(215,173,87,.32);background:rgba(215,173,87,.025)}.v281-glyph-card.is-major{box-shadow:inset 2px 0 0 rgba(215,173,87,.5)}.v281-glyph-card.is-minor{box-shadow:inset 2px 0 0 rgba(117,190,226,.48)}
.v281-glyph-icon{width:56px;height:56px;border-radius:50%;border:2px solid rgba(215,173,87,.32);box-shadow:inset 0 0 18px rgba(215,173,87,.06),0 5px 18px rgba(0,0,0,.25)}.v281-glyph-card.is-minor .v281-glyph-icon{border-color:rgba(117,190,226,.38);box-shadow:inset 0 0 18px rgba(117,190,226,.07),0 5px 18px rgba(0,0,0,.25)}.v281-glyph-icon .iconsmall,.v281-glyph-icon .iconmedium,.v281-glyph-icon .iconlarge{margin:0!important;border-radius:50%!important;overflow:hidden!important}.v281-glyph-icon .iconsmall ins,.v281-glyph-icon .iconmedium ins,.v281-glyph-icon .iconlarge ins{border-radius:50%!important}
.v281-glyph-copy{min-width:0}.v281-glyph-copy small{display:flex;align-items:center;gap:6px}.v281-glyph-copy strong{margin-top:5px;color:#e6f0f4;font-size:12px;line-height:1.25}.v281-glyph-copy span{margin-top:5px;color:#5e747f}.v281-glyph-type{display:inline-block;padding:3px 5px;border:1px solid rgba(255,255,255,.07);font-size:7px;line-height:1;color:#d8c081;background:rgba(215,173,87,.055)}.v281-glyph-type.is-minor{color:#9fd8ef;background:rgba(117,190,226,.05);border-color:rgba(117,190,226,.15)}
.v281-glyph-tooltip{position:absolute;z-index:50;left:68px;right:10px;bottom:calc(100% - 4px);min-width:250px;padding:13px 14px;border:1px solid rgba(215,173,87,.3);background:rgba(2,8,12,.985);box-shadow:0 18px 45px rgba(0,0,0,.58);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:.15s}.v281-glyph-card:hover .v281-glyph-tooltip,.v281-glyph-card:focus-visible .v281-glyph-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.v281-glyph-tooltip small{display:block;color:#8097a2;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.v281-glyph-tooltip strong{display:block;margin-top:5px;color:#f0f5f7;font:700 16px Georgia,serif}.v281-glyph-tooltip p{margin:9px 0 0;color:#9bb0ba;font-size:9px;line-height:1.55}.v281-glyph-tooltip a{display:inline-block;margin-top:10px;color:var(--gold2);font-size:8px;font-weight:900;text-transform:uppercase}.v281-glyph-source{margin:12px 0 0;color:#647b86;font-size:8px;line-height:1.55}.v281-glyph-source code{color:#a9cfdf}
@media(max-width:900px){.v281-glyph-grid{grid-template-columns:1fr}.v281-glyph-tooltip{left:62px;right:8px}}
@media(max-width:640px){.v281-glyph-heading{display:block}.v281-glyph-counts{justify-content:flex-start;margin-top:10px}.v281-glyph-tooltip{position:static;display:none;margin-top:9px;opacity:1;visibility:visible;transform:none;min-width:0}.v281-glyph-card:focus .v281-glyph-tooltip{display:block}}

/* ===== V3.0 — ARMURERIE REFONTE / VIDEO-INSPIRED ===== */
:root{--v3-gold:#d1a84a;--v3-panel:rgba(3,12,15,.82);--v3-panel-strong:rgba(2,9,12,.94);--v3-line:rgba(205,229,235,.12);--v3-text:#eef6f7;--v3-muted:#82979e}
.v3-armory-landing{min-height:100vh;background:#061019}.v3-armory-banner{min-height:340px;padding:180px 24px 70px;background:linear-gradient(180deg,rgba(3,5,10,.15),rgba(3,8,12,.78)),url('zone-outland.svg') center 44%/cover;border-bottom:1px solid rgba(215,173,87,.25)}.v3-armory-banner-inner{width:min(1100px,calc(100% - 36px));margin:auto}.v3-armory-banner h1{margin:0;font:700 clamp(46px,6vw,78px)/.94 Georgia,serif}.v3-armory-banner p:not(.eyebrow){max-width:680px;color:#c6d2d7;font-size:15px}.v3-armory-body{width:min(1100px,calc(100% - 36px));margin:auto;padding:22px 0 90px}.v3-armory-crumb,.v3-breadcrumb{color:#788c94;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v3-armory-crumb span,.v3-breadcrumb span{margin:0 8px;color:var(--v3-gold)}.v3-armory-search{max-width:760px;margin:55px auto 60px}.v3-armory-search label{display:block;margin-bottom:10px;color:#d8e3e7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.v3-armory-search>div{height:56px;display:grid;grid-template-columns:50px 1fr auto;border:1px solid rgba(215,173,87,.55);background:#050a0d;box-shadow:0 18px 45px rgba(0,0,0,.25)}.v3-armory-search>div>span{display:grid;place-items:center;color:#d7ad57;font-size:27px}.v3-armory-search input{min-width:0;border:0;background:transparent;color:#fff;outline:none;padding:0 10px}.v3-armory-search button{border:0;border-left:1px solid rgba(215,173,87,.3);padding:0 22px;background:linear-gradient(#d8b65f,#aa792c);color:#1d1206;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.v3-armory-search small{display:block;margin-top:9px;color:#71858e}.v3-armory-results{margin-bottom:50px}.v3-panel-heading h2{margin:0;font:700 32px/1.05 Georgia,serif}.v3-panel-heading p:not(.eyebrow){margin:8px 0 0;color:#7f949d;font-size:11px}.v3-search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.v3-search-result{position:relative;min-height:145px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--v3-line);overflow:hidden;background:linear-gradient(90deg,rgba(2,9,12,.96),rgba(2,9,12,.7)),var(--result-zone) center/cover}.v3-search-result:after{content:"";position:absolute;inset:0;pointer-events:none;border-left:3px solid rgba(215,173,87,.4)}.v3-search-result.horde:after{border-color:rgba(208,76,66,.55)}.v3-result-letter{position:relative;z-index:1;width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(123,204,237,.3);border-radius:50%;background:rgba(5,24,35,.74);font:700 30px Georgia,serif}.v3-search-result h3{margin:2px 0;font:700 25px Georgia,serif}.v3-search-result p,.v3-search-result small{margin:0;color:#8ba0a8}.v3-search-result>b{position:relative;z-index:1;color:#d7ad57;font-size:9px;text-transform:uppercase}.v3-armory-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.v3-armory-summary article,.v3-big-metrics article,.v3-mini-metrics article{padding:17px;border:1px solid var(--v3-line);background:rgba(4,14,19,.82)}.v3-armory-summary small,.v3-big-metrics small,.v3-mini-metrics small{display:block;color:#647981;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.v3-armory-summary strong{font:700 28px Georgia,serif}.v3-armory-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v3-glass-panel{padding:24px;border:1px solid var(--v3-line);background:linear-gradient(180deg,rgba(7,20,27,.9),rgba(3,10,14,.96));box-shadow:0 22px 55px rgba(0,0,0,.18)}.v3-armory-list{margin-top:14px}.v3-armory-list>a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.v3-armory-list>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(115,200,235,.25);border-radius:50%;background:#071722;font:700 16px Georgia,serif}.v3-armory-list>a>span.horde{border-color:rgba(208,76,66,.35)}.v3-armory-list strong{display:block}.v3-armory-list small{color:#6f838b}.v3-armory-list b{color:#7ad6ae;font-size:9px;text-transform:uppercase}.v3-armory-list.ranking>a>span{border-radius:2px;color:#d7ad57}.v3-armory-list.ranking b{color:#dce9ee}.v3-empty{padding:18px;border:1px dashed rgba(255,255,255,.09);color:#738991;background:rgba(255,255,255,.012)}

.v3-character-shell{position:relative;min-height:100vh;padding:150px 0 90px;background:#021009;overflow:hidden}.v3-character-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,7,7,.1) 0,rgba(1,12,9,.18) 36%,rgba(1,8,8,.9) 82%,#020809 100%),var(--v3-zone);background-size:cover;background-position:center top;background-attachment:fixed;filter:saturate(.95)}.v3-character-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,transparent 0 23%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.48) 100%);pointer-events:none}.v3-zone-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,8,7,.58),rgba(0,8,7,.08) 30%,rgba(0,8,7,.08) 70%,rgba(0,8,7,.58));pointer-events:none}.v3-character-wrap{position:relative;z-index:2;width:min(1200px,calc(100% - 36px));margin:auto}.v3-character-title{margin-top:18px;display:grid;grid-template-columns:70px minmax(250px,1fr) auto auto;gap:18px;align-items:center;padding:13px 0 16px;border-bottom:1px solid rgba(255,255,255,.1);text-shadow:0 2px 12px rgba(0,0,0,.8)}.v3-faction-crest{width:62px;height:62px;display:grid;place-items:center;border:2px solid #d0a43b;border-radius:50%;background:rgba(13,53,77,.64);box-shadow:0 0 30px rgba(66,176,216,.16);color:#f1d06e;font:700 30px Georgia,serif}.horde .v3-faction-crest{border-color:#a53d36;background:rgba(80,17,17,.6);color:#f4a094}.v3-name-line{display:flex;align-items:center;gap:13px}.v3-name-line h1{margin:0;color:#efae46;font:700 32px Georgia,serif}.v3-name-line span{padding:4px 7px;border:1px solid rgba(255,255,255,.1);color:#83969d;font-size:7px;text-transform:uppercase}.v3-name-line span.is-online{color:#79e1b2;border-color:rgba(98,230,167,.24);background:rgba(98,230,167,.06)}.v3-character-name p{margin:2px 0;color:#d3e0e3;font-size:11px}.v3-character-name small{color:#899ba2}.v3-character-headstats{display:flex;gap:18px}.v3-character-headstats>div{min-width:95px;text-align:center}.v3-character-headstats small,.v3-last-seen small{display:block;color:#7b8d93;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.v3-character-headstats strong{font:700 23px Georgia,serif}.v3-last-seen{text-align:right}.v3-last-seen strong{display:block;margin-top:4px;font-size:10px}.v3-character-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;background:rgba(0,10,7,.68);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}.v3-character-tabs a{flex:1;min-width:105px;padding:13px 12px;text-align:center;color:#c6ab49;font-size:9px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.v3-character-tabs a:hover,.v3-character-tabs a.is-active{color:#fff;background:rgba(0,0,0,.2);border-bottom-color:#fff}.v3-paperdoll-stage{position:relative;display:grid;grid-template-columns:270px minmax(360px,1fr) 270px;gap:20px;min-height:570px;padding:18px 0 12px}.v3-gear-column{display:flex;flex-direction:column;gap:7px;justify-content:center}.v3-gear-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;min-height:57px;padding:5px 8px;border:1px solid rgba(255,255,255,.07);background:rgba(0,12,9,.55);backdrop-filter:blur(4px);outline:none;cursor:pointer}.v3-gear-item:hover,.v3-gear-item:focus-visible{border-color:rgba(215,173,87,.35);background:rgba(0,15,11,.74)}.v3-gear-item.quality-epic{border-color:rgba(183,78,255,.38)}.v3-gear-item.quality-rare{border-color:rgba(0,112,255,.35)}.v3-gear-item.quality-uncommon{border-color:rgba(30,255,0,.25)}.v3-gear-item.is-empty{opacity:.55;cursor:default}.v3-gear-icon{width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.17);background:#061014;overflow:hidden}.v3-gear-icon.quality-epic{border-color:#a335ee}.v3-gear-icon.quality-rare{border-color:#0070dd}.v3-gear-icon.quality-uncommon{border-color:#1eff00}.v3-gear-icon>a{font-size:0}.v3-gear-icon .iconsmall,.v3-gear-icon .iconmedium,.v3-gear-icon .iconlarge{margin:0!important}.v3-gear-copy{min-width:0}.v3-gear-copy small{display:block;color:#71858b;font-size:7px;text-transform:uppercase}.v3-gear-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b45cff;font-size:10px}.v3-gear-copy span{color:#7c9198;font-size:8px}.v3-gear-copy b.is-positive,.v3-locked-item em{color:#61d88e}.v3-gear-copy b.is-negative{color:#d36c6c}.v3-character-model{position:relative;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:15px}.v3-model-glow{position:absolute;inset:70px 10% 110px;border-radius:50%;background:radial-gradient(circle,rgba(87,237,177,.16),rgba(44,124,92,.04) 42%,transparent 70%);filter:blur(4px)}.v3-character-model>img{position:absolute;top:28px;height:430px;max-width:90%;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(0,0,0,.65)) saturate(.8)}.v3-model-identity{position:relative;z-index:2;text-align:center;text-shadow:0 2px 12px #000}.v3-model-identity small{color:#d4b14e;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.v3-model-identity strong{display:block;font:700 32px Georgia,serif}.v3-model-identity span{color:#93a8ae;font-size:10px}.v3-item-lock{position:relative;z-index:3;width:min(290px,90%);min-height:88px;margin-top:9px;padding:12px;border:1px solid rgba(215,173,87,.25);background:rgba(1,10,8,.8);text-align:left}.v3-item-lock>span{color:#d7ad57}.v3-item-lock>strong{display:block}.v3-item-lock>small{color:#768a90}.v3-item-lock.has-item{min-height:120px}.v3-locked-item small{display:block;color:#6f838a;text-transform:uppercase;font-size:7px}.v3-locked-item strong{display:block;margin-top:2px;font:700 15px Georgia,serif}.v3-locked-item span{display:block;margin:5px 0;color:#dce9ed;font-size:9px}.v3-locked-item em{display:block;font-style:normal;font-size:9px}.v3-locked-item a{display:inline-block;margin-top:8px;color:#d7ad57;font-size:8px;font-weight:900;text-transform:uppercase}.v3-weapons-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v3-stat-ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.v3-stat-ribbon article{padding:12px 14px;background:rgba(0,12,9,.66);border:1px solid rgba(255,255,255,.06)}.v3-stat-ribbon small{display:block;color:#6d848b;font-size:7px;text-transform:uppercase}.v3-stat-ribbon strong{font:700 18px Georgia,serif}.v3-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px}.v3-stat-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:16px}.v3-stat-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.04);font-size:9px}.v3-stat-list span{color:#7f939a}.v3-stat-list strong{color:#6de09a}.v3-mini-metrics,.v3-big-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.v3-mini-metrics strong,.v3-big-metrics strong{font:700 24px Georgia,serif}.v3-tab-panel{min-height:590px;padding:28px 0 60px;background:linear-gradient(180deg,rgba(1,12,9,.5),rgba(1,9,7,.82))}.v3-tab-panel>.v3-panel-heading{max-width:760px;margin-bottom:22px}.v3-activity-list{max-width:900px}.v3-activity-list>a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(0,10,7,.34)}.v3-activity-list>a:hover{background:rgba(0,20,13,.62)}.v3-activity-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.28);color:#d7ad57}.v3-activity-list strong{display:block;color:#e2eced}.v3-activity-list small{color:#71868c}.v3-activity-list>b{color:#d7ad57}.v3-achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.v3-achievement-grid>a{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.48)}.v3-achievement-grid>a>span{color:#e4bd55;font-size:24px}.v3-achievement-grid strong{display:block}.v3-achievement-grid small{color:#71878e}.v3-spec-switch{display:flex;gap:8px;margin-bottom:15px}.v3-spec-switch button{min-width:210px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);background:rgba(0,10,7,.56);color:#91a3a9;text-align:left;cursor:pointer}.v3-spec-switch button b{display:block;color:#e6eeef;font:700 16px Georgia,serif}.v3-spec-switch button.is-active{border-color:rgba(215,173,87,.45);color:#d7ad57}.v3-spec-panel{display:none}.v3-spec-panel.is-active{display:block}.v3-talent-trees{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v3-talent-trees>article{padding:12px;border:1px solid rgba(255,255,255,.065);background:rgba(0,10,7,.52)}.v3-talent-trees header{display:flex;justify-content:space-between;align-items:end}.v3-talent-trees h3{margin:2px 0;font:700 20px Georgia,serif}.v3-talent-trees header>strong{color:#d7ad57;font:700 20px Georgia,serif}.v3-tree-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(11,48px);gap:4px;padding:7px;margin-top:9px;border:1px solid rgba(255,255,255,.04);background:rgba(0,5,4,.5)}.v3-tree-grid>a{position:relative;grid-row:var(--r);grid-column:var(--c);width:40px;height:40px;justify-self:center;align-self:center;border:2px solid rgba(215,173,87,.52);font-size:0;opacity:1}.v3-tree-grid>a.is-unlearned{filter:grayscale(.7);opacity:.25;border-color:#56646a}.v3-tree-grid>a>b{position:absolute;right:-4px;bottom:-4px;min-width:19px;padding:2px;background:#040706;color:#ffe4a1;font-size:7px!important;text-align:center}.v3-glyphs{margin-top:12px;padding:15px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.5)}.v3-glyphs h3{margin:0 0 10px;font:700 20px Georgia,serif}.v3-glyphs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v3-glyphs article{display:grid;grid-template-columns:46px 1fr;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.05)}.v3-glyphs article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.3);border-radius:50%;overflow:hidden}.v3-glyphs article.is-minor>span{border-color:rgba(103,190,230,.4)}.v3-glyphs strong{display:block;font-size:10px}.v3-glyphs small{color:#7f9298;text-transform:uppercase}.v3-row-list{display:grid;gap:6px;max-width:900px}.v3-row-list article{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.055);background:rgba(0,10,7,.45)}.v3-row-list article>span{color:#d7ad57;font-weight:900}.v3-row-list strong{display:block}.v3-row-list small{color:#71868d}.v3-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.v3-collection-grid article{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.48)}.v3-collection-grid article>span{font-size:28px}.v3-collection-grid h3,.v3-collection-grid p{margin:0}.v3-collection-grid small{color:#d7ad57}.v3-collection-grid p{color:#748990;font-size:9px}.v3-rep-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v3-rep-list article{padding:12px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.48)}.v3-rep-list article>div{display:flex;justify-content:space-between;gap:10px}.v3-rep-list small{color:#7d9197}.v3-rep-list article>span{display:block;height:7px;margin-top:8px;background:#071817;border:1px solid rgba(255,255,255,.05)}.v3-rep-list i{display:block;height:100%;background:linear-gradient(90deg,#805d22,#d7ad57)}.v3-raid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v3-raid-grid article{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.56)}.v3-raid-art{display:grid;place-items:center;min-height:100px;background:linear-gradient(145deg,#10252a,#030808);color:#d7ad57;font-size:38px}.v3-raid-grid h3{margin:2px 0;font:700 22px Georgia,serif}.v3-raid-grid small{color:#d7ad57;text-transform:uppercase}.v3-raid-grid p{margin:4px 0;color:#71878d}.v3-pvp-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.v3-pvp-hero>div{padding:18px;border:1px solid rgba(177,67,62,.24);background:linear-gradient(180deg,rgba(52,13,13,.42),rgba(5,10,10,.7))}.v3-pvp-hero small{display:block;color:#9d7c78;font-size:8px;text-transform:uppercase}.v3-pvp-hero strong{font:700 27px Georgia,serif}.v3-arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v3-arena-grid article{display:grid;grid-template-columns:68px 1fr;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.06);background:rgba(0,10,7,.5)}.v3-arena-badge{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(215,173,87,.35);border-radius:50%;color:#d7ad57;font:700 20px Georgia,serif}.v3-arena-grid h3{margin:3px 0;font:700 20px Georgia,serif}.v3-arena-grid p,.v3-arena-grid span{margin:0;color:#788d93;font-size:9px}.v3-missing-character{min-height:75vh;padding:220px 20px 80px;display:grid;place-items:center;text-align:center}.v3-missing-character span{font:700 70px Georgia,serif;color:#d7ad57}.v3-missing-character h1{font:700 42px Georgia,serif}.v3-missing-character p{color:#83969d}
@media(max-width:1050px){.v3-character-title{grid-template-columns:60px 1fr auto}.v3-last-seen{grid-column:2/-1;text-align:left}.v3-paperdoll-stage{grid-template-columns:230px minmax(300px,1fr) 230px}.v3-character-model>img{height:390px}.v3-stat-ribbon{grid-template-columns:repeat(3,1fr)}.v3-talent-trees{grid-template-columns:1fr}.v3-arena-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.v3-armory-columns,.v3-overview-grid,.v3-search-results-grid{grid-template-columns:1fr}.v3-armory-summary{grid-template-columns:repeat(2,1fr)}.v3-character-title{grid-template-columns:56px 1fr}.v3-character-headstats{grid-column:1/-1}.v3-last-seen{grid-column:1/-1}.v3-paperdoll-stage{grid-template-columns:1fr 1fr}.v3-character-model{grid-column:1/-1;grid-row:1;min-height:470px}.v3-gear-column{grid-row:2}.v3-weapons-row{grid-template-columns:1fr 1fr}.v3-big-metrics,.v3-pvp-hero{grid-template-columns:repeat(2,1fr)}.v3-achievement-grid,.v3-rep-list,.v3-raid-grid,.v3-glyphs>div{grid-template-columns:1fr}.v3-collection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v3-armory-banner{padding-top:150px}.v3-armory-body,.v3-character-wrap,.v3-armory-banner-inner{width:min(100% - 20px,1200px)}.v3-armory-search>div{grid-template-columns:42px 1fr}.v3-armory-search button{grid-column:1/-1;height:42px;border-left:0;border-top:1px solid rgba(215,173,87,.25)}.v3-armory-search>div{height:auto}.v3-armory-search input{height:50px}.v3-character-shell{padding-top:125px}.v3-character-title{display:block}.v3-faction-crest{margin-bottom:10px}.v3-character-headstats{margin-top:12px}.v3-character-headstats>div{min-width:0;flex:1}.v3-paperdoll-stage{display:block}.v3-character-model{min-height:440px}.v3-gear-column{margin:10px 0}.v3-weapons-row{grid-template-columns:1fr}.v3-stat-ribbon,.v3-armory-summary,.v3-big-metrics,.v3-mini-metrics,.v3-pvp-hero{grid-template-columns:1fr 1fr}.v3-stat-list{grid-template-columns:1fr}.v3-spec-switch{display:block}.v3-spec-switch button{width:100%;margin-bottom:6px}.v3-collection-grid{grid-template-columns:1fr}.v3-arena-grid{grid-template-columns:1fr}.v3-character-tabs a{min-width:95px}}

/* ===== V3.1 — ARMURERIE 3D IMMERSIVE ===== */
:root{--v31-glass:rgba(2,10,12,.52);--v31-glass-strong:rgba(2,8,10,.82);--v31-cyan:#7dd9ef;--v31-gold:#d8b556}
.v31-character-shell{padding-top:132px;background:#020a08}
.v31-character-shell:before{background-image:linear-gradient(180deg,rgba(0,5,7,.03) 0,rgba(0,8,8,.06) 30%,rgba(0,8,7,.43) 68%,#020809 100%),var(--v3-zone);background-position:center 8%;background-size:cover;filter:saturate(1.08) contrast(1.03)}
.v31-character-shell:after{background:radial-gradient(ellipse at 50% 32%,transparent 0 26%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.46) 100%)}
.v31-character-shell .v3-zone-overlay{background:linear-gradient(90deg,rgba(0,7,8,.4),rgba(0,7,8,.02) 24%,rgba(0,7,8,.02) 76%,rgba(0,7,8,.4))}
.v31-character-wrap{width:min(1460px,calc(100% - 44px))}
.v31-character-shell .v3-breadcrumb{padding-top:3px;color:#7d969c;text-shadow:0 2px 12px #000}
.v31-character-shell .v3-character-title{grid-template-columns:76px minmax(280px,1fr) auto auto;gap:22px;margin-top:13px;padding:16px 2px 19px;background:linear-gradient(90deg,rgba(1,9,10,.44),rgba(1,9,10,.06) 55%,rgba(1,9,10,.4));border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.14)}
.v31-character-shell .v3-faction-crest{width:66px;height:66px;background:radial-gradient(circle at 36% 30%,rgba(57,142,178,.5),rgba(4,25,35,.82));box-shadow:0 0 45px rgba(56,172,213,.18),inset 0 0 25px rgba(124,216,244,.07)}
.v31-character-shell .v3-name-line h1{font-size:38px;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.v31-character-shell .v3-character-name p{font-size:12px}.v31-character-shell .v3-character-name small{font-size:10px}
.v31-character-shell .v3-character-headstats strong{font-size:27px}.v31-character-shell .v3-character-headstats small,.v31-character-shell .v3-last-seen small{color:#91a5a9}
.v31-character-shell .v3-character-tabs{margin-top:0;background:rgba(1,8,9,.5);border-bottom-color:rgba(255,255,255,.13);box-shadow:0 14px 28px rgba(0,0,0,.13)}
.v31-character-shell .v3-character-tabs a{padding:15px 11px;color:#c5a94f;letter-spacing:.035em;transition:.18s ease}
.v31-character-shell .v3-character-tabs a:hover,.v31-character-shell .v3-character-tabs a.is-active{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.005));color:#fff;border-bottom-color:#f4f7f8;text-shadow:0 0 16px rgba(255,255,255,.18)}

.v31-paperdoll-stage{grid-template-columns:300px minmax(520px,1fr) 300px;gap:22px;min-height:720px;padding:20px 0 15px;border-bottom:1px solid rgba(255,255,255,.08)}
.v31-paperdoll-stage:before{content:"";position:absolute;inset:18px 296px 78px;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at center,rgba(83,210,193,.105),rgba(20,80,73,.035) 44%,transparent 70%);filter:blur(2px)}
.v31-paperdoll-stage .v3-gear-column{gap:8px;justify-content:center;z-index:5}
.v31-paperdoll-stage .v3-gear-item{grid-template-columns:56px 1fr;gap:11px;min-height:66px;padding:6px 9px;border-color:rgba(183,214,220,.105);background:linear-gradient(90deg,rgba(1,10,12,.74),rgba(1,10,12,.33));backdrop-filter:blur(8px);box-shadow:0 7px 18px rgba(0,0,0,.12)}
.v31-paperdoll-stage .v3-gear-column.is-right .v3-gear-item{background:linear-gradient(270deg,rgba(1,10,12,.74),rgba(1,10,12,.33))}
.v31-paperdoll-stage .v3-gear-item:hover,.v31-paperdoll-stage .v3-gear-item:focus-visible,.v31-paperdoll-stage .v3-gear-item.is-selected{transform:translateY(-1px);border-color:rgba(224,190,93,.52);background:rgba(3,14,16,.88);box-shadow:0 10px 26px rgba(0,0,0,.22),0 0 0 1px rgba(216,181,86,.07)}
.v31-paperdoll-stage .v3-gear-icon{width:51px;height:51px;background:#03090c;box-shadow:inset 0 0 18px rgba(255,255,255,.035)}
.v31-paperdoll-stage .v3-gear-copy small{font-size:7px;letter-spacing:.08em}.v31-paperdoll-stage .v3-gear-copy strong{font-size:11px}.v31-paperdoll-stage .v3-gear-copy span{font-size:8px}

.v31-character-model{min-height:690px;justify-content:flex-start;padding:0 0 5px;z-index:3}
.v31-model-glow{inset:45px 5% 150px;background:radial-gradient(ellipse,rgba(73,219,189,.13),rgba(44,124,92,.04) 44%,transparent 72%);filter:blur(8px)}
.v31-model-stage{position:relative;width:100%;height:540px;overflow:hidden;border-left:1px solid rgba(178,220,228,.045);border-right:1px solid rgba(178,220,228,.045);background:radial-gradient(ellipse at 50% 72%,rgba(39,160,135,.115),transparent 35%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,10,10,.16) 85%,rgba(0,8,8,.32));isolation:isolate}
.v31-model-stage:before{content:"";position:absolute;left:50%;bottom:58px;width:360px;height:90px;transform:translateX(-50%);border:1px solid rgba(219,185,91,.18);border-radius:50%;background:radial-gradient(ellipse,rgba(56,169,155,.16),rgba(1,14,14,.04) 56%,transparent 70%);box-shadow:0 0 60px rgba(38,186,161,.12),inset 0 0 36px rgba(38,186,161,.07);z-index:0}
.v31-model-stage:after{content:"";position:absolute;left:50%;bottom:85px;width:1px;height:395px;background:linear-gradient(transparent,rgba(157,232,237,.12),transparent);box-shadow:-110px 0 35px rgba(104,209,212,.035),110px 0 35px rgba(104,209,212,.035);z-index:0}
.v31-model-viewer{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:transparent;--poster-color:transparent;outline:none}
.v31-model-viewer::part(default-progress-bar){height:2px;background:linear-gradient(90deg,#8dddeb,#d7b657)}
.v31-model-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;align-content:center;gap:10px;transition:opacity .4s ease;pointer-events:none}.v31-model-fallback img{height:400px;opacity:.34;filter:drop-shadow(0 20px 30px rgba(0,0,0,.75))}.v31-model-fallback small{color:#789098;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.v31-model-stage.is-ready .v31-model-fallback{opacity:0}.v31-model-stage.has-error .v31-model-fallback{opacity:.8}
.v31-model-badge{position:absolute;top:16px;left:16px;z-index:5;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(118,223,232,.18);background:rgba(1,10,13,.68);backdrop-filter:blur(8px);color:#9fd9df;font-size:7px;font-weight:900;letter-spacing:.13em}.v31-model-badge span{width:6px;height:6px;border-radius:50%;background:#61d9d0;box-shadow:0 0 11px #61d9d0}
.v31-model-status{position:absolute;left:18px;bottom:18px;z-index:5;max-width:48%;color:#7d979c;font-size:8px;text-shadow:0 2px 8px #000}
.v31-model-controls{position:absolute;right:14px;bottom:13px;z-index:6;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:58%}.v31-model-controls button{min-height:29px;padding:0 9px;border:1px solid rgba(255,255,255,.09);background:rgba(0,8,10,.72);backdrop-filter:blur(8px);color:#8da2a8;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.16s ease}.v31-model-controls button:hover,.v31-model-controls button.is-active{border-color:rgba(216,181,86,.45);color:#f2d17a;background:rgba(29,23,8,.55)}
.v31-model-identity{z-index:6;margin-top:5px;padding:5px 16px 7px;min-width:310px;background:linear-gradient(90deg,transparent,rgba(1,8,9,.62),transparent)}.v31-model-identity strong{font-size:36px}.v31-model-identity span{font-size:10px}.v31-model-identity small{letter-spacing:.13em}
.v31-item-lock{z-index:7;width:min(390px,92%);min-height:80px;margin-top:6px;padding:11px 14px;background:linear-gradient(180deg,rgba(2,10,11,.9),rgba(1,7,8,.84));backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.v31-item-lock.has-item{border-color:rgba(216,181,86,.38)}
.v31-item-lock .v3-locked-item{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.v31-item-lock .v3-locked-item small,.v31-item-lock .v3-locked-item span,.v31-item-lock .v3-locked-item em{grid-column:1}.v31-item-lock .v3-locked-item a{grid-column:2;grid-row:1/4;align-self:center}
.v31-paperdoll-stage .v3-weapons-row{gap:9px;padding-top:4px;z-index:8}

.v31-character-shell .v3-stat-ribbon{padding-top:15px}.v31-character-shell .v3-stat-ribbon article{background:rgba(1,10,12,.58);backdrop-filter:blur(5px)}
.v31-character-shell .v3-overview-grid{padding-top:12px}.v31-character-shell .v3-glass-panel{background:linear-gradient(180deg,rgba(5,18,23,.74),rgba(2,10,13,.82));backdrop-filter:blur(9px)}

@media(max-width:1240px){.v31-character-wrap{width:min(100% - 30px,1300px)}.v31-paperdoll-stage{grid-template-columns:260px minmax(420px,1fr) 260px;gap:14px}.v31-paperdoll-stage:before{inset-left:250px;inset-right:250px}.v31-model-stage{height:510px}}
@media(max-width:980px){.v31-character-shell .v3-character-title{grid-template-columns:66px 1fr auto}.v31-paperdoll-stage{grid-template-columns:230px minmax(360px,1fr) 230px}.v31-model-controls{max-width:70%}.v31-model-stage{height:480px}.v31-character-model{min-height:640px}}
@media(max-width:820px){.v31-character-wrap{width:min(100% - 20px,900px)}.v31-paperdoll-stage{grid-template-columns:1fr 1fr;min-height:0}.v31-character-model{grid-column:1/-1;grid-row:1;min-height:620px}.v31-model-stage{height:500px}.v31-paperdoll-stage .v3-gear-column{justify-content:start}.v31-model-status{max-width:100%;bottom:51px}.v31-model-controls{left:10px;right:10px;max-width:none;justify-content:center}.v31-model-identity{min-width:0;width:100%}.v31-item-lock{width:100%}}
@media(max-width:560px){.v31-character-shell{padding-top:120px}.v31-character-shell .v3-character-title{padding-left:5px;padding-right:5px}.v31-model-stage{height:455px}.v31-model-fallback img{height:340px}.v31-character-model{min-height:590px}.v31-model-controls button{padding:0 7px}.v31-model-status{display:none}.v31-paperdoll-stage .v3-gear-item{grid-template-columns:52px 1fr}.v31-model-badge{top:10px;left:10px}.v31-item-lock .v3-locked-item{display:block}.v31-item-lock .v3-locked-item a{display:inline-block;margin-top:7px}}
@media(max-width:1240px){.v31-paperdoll-stage:before{inset:18px 250px 78px}}



/* ===== DROPDOWN MENU JOUER AZR ICE THEME ===== */

.nav-dropdown{
position:relative;
display:flex;
align-items:center;
}


.nav-dropdown-title{
cursor:pointer;
display:flex;
align-items:center;
gap:8px;
}


.dropdown-menu{

position:absolute;

top:100%;
left:50%;

transform:translate(-50%,15px);

width:340px;


background:
linear-gradient(
180deg,
rgba(7,19,29,.98),
rgba(2,8,14,.98)
);


border:1px solid rgba(215,173,87,.35);

border-radius:8px;


box-shadow:

0 20px 50px rgba(0,0,0,.8),
0 0 25px rgba(70,170,220,.15);


opacity:0;
visibility:hidden;


transition:.25s ease;

z-index:3000;

overflow:hidden;

}


.nav-dropdown:hover .dropdown-menu{

opacity:1;

visibility:visible;

transform:translate(-50%,0);

}



.dropdown-menu a{

display:flex;

align-items:center;

min-height:48px;

padding:12px 28px;


color:#c7d4df;


text-decoration:none;

font-weight:700;

letter-spacing:.04em;

transition:.2s ease;

}



.dropdown-menu a:hover{

background:
linear-gradient(
90deg,
rgba(215,173,87,.18),
transparent
);


color:#ffffff;


padding-left:35px;

}



.dropdown-title{

padding:18px 28px 10px;


font-size:11px;

letter-spacing:1.5px;


color:#d7ad57;


border-top:

1px solid rgba(120,170,200,.12);


margin-top:8px;

}


.dropdown-title:first-child{

border-top:0;

margin-top:0;

}


TEST CSS


/* ==========================================
   AZR STATS DASHBOARD V3
========================================== */

.stats-dashboard{
    max-width:1200px;
    margin:0 auto;
    padding:60px 25px;
}


.stats-title{
    text-align:center;
    margin-bottom:60px;
}


.stats-title h1{
    font-family:Georgia,serif;
    font-size:64px;
    color:#f5f1e8;
    margin:0 0 15px;
}


.stats-title p{
    color:#86a4ba;
    font-size:18px;
}



.stats-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-bottom:60px;

}



.stats-card{

    min-height:220px;

    padding:35px;

    background:
    linear-gradient(
        145deg,
        rgba(13,35,52,.95),
        rgba(3,12,20,.98)
    );

    border:1px solid rgba(215,173,87,.25);

    box-shadow:
    0 20px 50px rgba(0,0,0,.35);

}



.stats-card h3{

    font-family:Georgia,serif;

    color:#d9e5ef;

    font-size:26px;

    margin-bottom:35px;

}



.stats-number{

    font-size:60px;

    font-weight:900;

    color:#7bd36a;

}



.stats-dashboard h2{

    font-family:Georgia,serif;

    color:#ffffff;

    font-size:34px;

    margin:50px 0 30px;

}



@media(max-width:900px){

.stats-grid{

grid-template-columns:1fr;

}

.stats-title h1{

font-size:42px;

}

}

/* ==========================================
   AZR STATS DASHBOARD V3
========================================== */

.stats-dashboard {
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 40px;
}


.stats-title {
    text-align:center;
    margin-bottom:80px;
}


.stats-title h1 {
    font-size:64px;
    margin-bottom:15px;
}


.stats-title p {
    color:#8fa9c2;
    font-size:18px;
}


/* GRILLE */

.stats-grid {

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-bottom:60px;

}


/* CARTES */

.stats-card {

    min-height:220px;

    background:
    linear-gradient(
        135deg,
        rgba(15,35,55,.95),
        rgba(3,10,18,.98)
    );

    border:1px solid rgba(160,190,220,.20);

    padding:35px;

    position:relative;

    overflow:hidden;

    transition:.3s;

}


.stats-card:hover {

    transform:translateY(-5px);

    border-color:#d4af37;

}



/* TITRES */

.stats-card h3 {

    color:#f0ead8;

    font-family:Georgia,serif;

    font-size:25px;

    margin-bottom:35px;

}



/* CHIFFRES */

.stats-number {

    font-size:55px;

    font-weight:bold;

    color:#78e06f;

}



/* SECTIONS */

.stats-dashboard h2 {

    margin-top:70px;

    margin-bottom:30px;

    font-size:34px;

    color:#fff;

}



/* RESPONSIVE */

@media(max-width:1000px){

.stats-grid{

grid-template-columns:1fr 1fr;

}

}


@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

}

}
/* ==========================================
   AZR STATS FINAL GRID FIX
========================================== */

.stats-grid {
    display:grid;
    grid-template-columns:repeat(3, minmax(300px,1fr));
    gap:30px;
    width:100%;
}


.stats-card {

    min-height:230px;

    display:flex;
    flex-direction:column;
    justify-content:center;

}


/* sections secondaires */

.stats-dashboard > h2 {

    margin-top:90px;

}


.stats-dashboard .stats-grid + h2 {

    margin-top:90px;

}


/* centrer les petits blocs */

.stats-card h3 {

    margin-top:0;

}


@media(max-width:900px){

.stats-grid{
grid-template-columns:1fr;
}

}


/* ==========================================
   AZR STATS GRID FIX FINAL
========================================== */

.stats-dashboard .stats-grid {
    width:100%;
}


/* blocs avec 2 éléments */
.stats-dashboard .stats-grid:has(.stats-card:nth-child(2):last-child) {
    grid-template-columns:repeat(2, minmax(300px,450px));
}


/* blocs avec 1 élément */
.stats-dashboard .stats-grid:has(.stats-card:first-child:last-child) {
    grid-template-columns:minmax(300px,450px);
}


/* cartes */
.stats-card {
    width:auto;
}


/* espacement titres sections */
.stats-dashboard h2 {
    margin-top:80px;
}



/* ==========================================
   AZR STATS FINAL LAYOUT V4
========================================== */


.stats-dashboard {
    max-width:1200px;
    margin:0 auto;
}


/* titres sections */
.stats-dashboard h2 {
    margin-top:70px;
    margin-bottom:30px;
}


/* toutes les grilles */
.stats-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
}


/* cartes normales */
.stats-card {
    min-height:170px;
    padding:30px;
}


/* classes */
.stats-grid .stats-card:nth-child(n+4) {
    max-width:none;
}


/* quand il y a seulement 2 cartes */
.stats-grid:has(.stats-card:nth-child(2):last-child) {
    grid-template-columns:repeat(2, 305px);
}


/* quand il y a une seule carte */
.stats-grid:has(.stats-card:first-child:last-child) {
    grid-template-columns:305px;
}


/* responsive */
@media(max-width:900px){

.stats-grid,
.stats-grid:has(.stats-card:nth-child(2):last-child),
.stats-grid:has(.stats-card:first-child:last-child){
    grid-template-columns:1fr;
}

}



/* ==========================================
   AZR STATS DASHBOARD V5
========================================== */


/* statistiques principales */
.stats-dashboard .stats-grid:first-of-type {
    grid-template-columns:repeat(3, 1fr);
}


/* forcer les cartes stats */
.stats-card {
    width:100%;
    box-sizing:border-box;
}


/* dernière carte statistiques */
.stats-dashboard .stats-grid:first-of-type .stats-card:nth-child(4) {
    grid-column:1;
}


/* sections classes et factions */
.stats-dashboard h2 {
    margin-top:60px;
}


.stats-dashboard .stats-grid {
    gap:20px;
}


/* classes */
.stats-dashboard .stats-grid:has(.stats-card:nth-child(2):last-child) {
    grid-template-columns:repeat(2, 1fr);
    max-width:800px;
}


/* factions */
.stats-dashboard .stats-grid:has(.stats-card:first-child:last-child) {
    grid-template-columns:400px;
}



/* hauteur uniforme */
.stats-card {
    min-height:170px;
}



/* responsive */
@media(max-width:900px){

.stats-dashboard .stats-grid,
.stats-dashboard .stats-grid:has(.stats-card:nth-child(2):last-child),
.stats-dashboard .stats-grid:has(.stats-card:first-child:last-child){
    grid-template-columns:1fr;
}

}

/* ===============================
   AZR STATS DASHBOARD FINAL GRID
================================ */

.stats-dashboard {
    max-width: 1000px;
    margin: 0 auto;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.stats-single {
    width: 33.333%;
}


.stats-card {
    min-height: 160px;
    padding: 25px;
    background: rgba(10,25,40,0.85);
    border: 1px solid rgba(120,160,190,0.25);
}


.stats-card h3 {
    margin-bottom: 30px;
}


.stats-number {
    font-size: 48px;
    font-weight: bold;
    color: #6cff66;
}


/* Classes */

.stats-panel .stats-grid {
    grid-template-columns: repeat(3,1fr);
}


/* Mobile */

@media(max-width:900px){

.stats-grid {
    grid-template-columns:1fr;
}

.stats-single {
    width:100%;
}

}
/* ===============================
   STATS TOP CARDS 4 COLONNES
================================ */

.stats-dashboard > .stats-grid:first-of-type {
    grid-template-columns: repeat(4, 1fr);
}


/* classes niveau 80 */

.stats-panel .stats-grid {
    grid-template-columns: repeat(3, 1fr);
}


/* factions */

.stats-panel .stats-grid:last-child {
    grid-template-columns: repeat(3, 1fr);
}


@media(max-width:1100px){

.stats-dashboard > .stats-grid:first-of-type {
    grid-template-columns: repeat(2,1fr);
}

}


@media(max-width:700px){

.stats-grid {
    grid-template-columns:1fr !important;
}

}


/* =====================================================
   AZR WOW STATS PREMIUM V2
===================================================== */

.stats-dashboard{
    width:min(1220px,calc(100% - 36px));
    margin:auto;
    padding-bottom:120px;
}


.stats-grid{
    gap:18px;
}


.stats-card{

    min-height:120px;

    padding:25px;

    border:1px solid rgba(174,220,242,.16);

    background:
    radial-gradient(circle at top right,
    rgba(75,160,220,.15),
    transparent 55%),
    linear-gradient(
    180deg,
    rgba(8,22,34,.96),
    rgba(3,10,16,.98)
    );

    box-shadow:
    0 25px 60px rgba(0,0,0,.25);

}


.stats-card h3{

    color:#9eb4c0;

    font-size:11px;

    letter-spacing:.16em;

    text-transform:uppercase;

}


.stats-number{

    margin-top:15px;

    font:700 48px Georgia,serif;

    color:#62e6a7;

    text-shadow:
    0 0 25px rgba(98,230,167,.25);

}



.stats-panel{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

}


.stats-panel h2{

    font:700 36px Georgia,serif;

    margin-bottom:25px;

}



.stats-panel .stats-grid{

    display:grid;

    gap:12px;

}



.stats-panel .stats-card{

    min-height:75px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.stats-panel .stats-number{

    font-size:26px;

}



@media(max-width:900px){

.stats-panel{

grid-template-columns:1fr;

}

.stats-grid{

grid-template-columns:1fr;

}

}



/* =====================================================
   AZR WOW — SERVER STATISTICS DASHBOARD
===================================================== */


.stats-dashboard{
    width:min(1280px,calc(100% - 40px));
    margin:auto;
    padding-bottom:100px;
}



/* HEADER */

.stats-title{
    padding:120px 0 60px;
    text-align:center;
}


.stats-title h1{
    margin:0;
    font:700 clamp(45px,5vw,72px) Georgia,serif;
    color:#f5f7fa;
    text-shadow:0 4px 20px #000;
}


.stats-title p{
    margin-top:15px;
    color:#8297a5;
}



/* GRID GENERALE */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}



/* CARTES */

.stats-card{

    position:relative;
    overflow:hidden;

    min-height:120px;

    padding:28px;

    border:1px solid rgba(174,220,242,.14);

    background:

    radial-gradient(
    circle at top right,
    rgba(70,160,220,.18),
    transparent 50%
    ),

    linear-gradient(
    180deg,
    rgba(10,25,38,.95),
    rgba(3,10,17,.98)
    );


    box-shadow:
    0 20px 60px rgba(0,0,0,.35);

    transition:.25s;
}



.stats-card:hover{

    transform:translateY(-4px);

    border-color:
    rgba(215,173,87,.45);

}



/* TITRES */

.stats-card h3{

    margin:0 0 15px;

    color:#9bb1bf;

    font-size:11px;

    letter-spacing:.16em;

    text-transform:uppercase;

}



/* CHIFFRES */

.stats-number{

    font:700 48px Georgia,serif;

    color:#62e6a7;

    text-shadow:
    0 0 18px rgba(98,230,167,.25);

}



/* SECTIONS */

.stats-dashboard h2{

    margin:60px 0 25px;

    color:#fff;

    font:700 38px Georgia,serif;

}



/* PANNEAUX */

.stats-panel{

    margin-top:40px;

}



.stats-panel .stats-grid{

    grid-template-columns:repeat(3,1fr);

}



/* PETITES CARTES */

.stats-panel .stats-card{

    min-height:90px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.stats-panel .stats-number{

    font-size:30px;

}



/* EFFET FACTION */

.stats-card.horde{

    background:

    radial-gradient(
    circle at top right,
    rgba(180,50,50,.22),
    transparent 50%
    ),

    linear-gradient(
    180deg,
    rgba(35,12,15,.95),
    rgba(10,5,8,.98)
    );

}



.stats-card.alliance{

    background:

    radial-gradient(
    circle at top right,
    rgba(40,120,220,.22),
    transparent 50%
    );

}



/* RESPONSIVE */

@media(max-width:1000px){

.stats-grid,
.stats-panel .stats-grid{

    grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:650px){

.stats-grid,
.stats-panel .stats-grid{

    grid-template-columns:1fr;

}


.stats-title{

padding-top:80px;

}

}



/* TOP STATS */


.stats-dashboard > .stats-grid:first-of-type{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin-bottom:25px;

}



.stats-card{

    border:1px solid rgba(174,220,242,.15);


    background:

    radial-gradient(circle at top right,
    rgba(60,150,210,.14),
    transparent 55%),

    linear-gradient(
    180deg,
    rgba(8,21,31,.96),
    rgba(3,10,16,.98)
    );


    padding:25px;


    min-height:110px;


    box-shadow:

    0 20px 50px rgba(0,0,0,.25);


}



.stats-card h3{

    margin:0;

    color:#9eb3bf;

    font-size:11px;

    letter-spacing:.15em;

    text-transform:uppercase;

}



.stats-number{

    margin-top:12px;

    font:700 44px Georgia,serif;

    color:#62e6a7;

}



/* PANNEAUX */


.stats-panel{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

}



.stats-panel h2{

    grid-column:1/-1;

    font:700 36px Georgia,serif;

    margin:35px 0 0;

}



.stats-panel .stats-grid{

    display:grid;

    gap:12px;

}



.stats-panel .stats-card{

    min-height:75px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 22px;

}



.stats-panel .stats-card h3{

    color:#e8f2f7;

    font-size:15px;

    letter-spacing:0;

    text-transform:none;

}



.stats-panel .stats-number{

    font-size:28px;

}



/* MOBILE */


@media(max-width:900px){

.stats-dashboard > .stats-grid:first-of-type{

grid-template-columns:repeat(2,1fr);

}


.stats-panel{

grid-template-columns:1fr;

}


}



@media(max-width:600px){

.stats-dashboard > .stats-grid:first-of-type{

grid-template-columns:1fr;

}

}



/* =====================================================
   AZR WOW - STATS V2 PANELS
===================================================== */


.page-hero{
    text-align:center;
    margin-top:90px;
    margin-bottom:70px;
}


.page-hero h1{
    font-family:Georgia,serif;
    font-size:56px;
    color:#f5f5f5;
}


.page-hero p{
    color:#8ca6bb;
    letter-spacing:1px;
}



.section{
    max-width:1100px;
    margin:auto;
}



.stats-panel{
    background:
    linear-gradient(
    180deg,
    rgba(10,25,38,.95),
    rgba(4,12,20,.95)
    );

    border:1px solid rgba(120,160,190,.15);

    padding:35px;

    margin-top:50px;

    box-shadow:
    0 0 40px rgba(0,0,0,.4);

}



.stats-panel h2{

    font-family:Georgia,serif;

    color:#e6d18a;

    font-size:32px;

    margin-top:35px;

    border-bottom:
    1px solid rgba(220,180,80,.25);

    padding-bottom:12px;

}



.stats-grid{


display:grid;

grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:14px;


}



.stats-card{


background:

linear-gradient(
135deg,
rgba(12,32,48,.95),
rgba(5,14,22,.95)
);


border:

1px solid rgba(120,160,190,.22);


padding:22px;


min-height:100px;


position:relative;


transition:.25s;


}



.stats-card:hover{


transform:translateY(-4px);


border-color:#d8b15c;


}



.stats-card h3{


font-family:Georgia,serif;

color:#e7e7e7;

font-size:18px;


margin:0 0 12px;


}



.stats-number{


font-family:Georgia,serif;


font-size:32px;


font-weight:bold;


color:#4ff0b0;


}



.stats-card p{

color:#8da5b7;

}



@media(max-width:900px){

.page-hero h1{

font-size:40px;

}


.section{

padding:15px;

}


}





/* =====================================================
   AZR STATS DASHBOARD PREMIUM
===================================================== */


.stats-hero-grid{

    width:min(1100px,100%);

    margin:0 auto 50px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

}



.stats-big-card{

    min-height:130px;

    padding:28px;

    border:1px solid rgba(174,220,242,.16);

    background:
    radial-gradient(circle at top right,
    rgba(70,160,220,.18),
    transparent 60%),
    linear-gradient(
    180deg,
    rgba(8,22,34,.95),
    rgba(3,10,16,.98)
    );


    box-shadow:
    0 25px 60px rgba(0,0,0,.35);


    transition:.25s;

}



.stats-big-card:hover{

    transform:translateY(-5px);

    border-color:rgba(215,173,87,.45);

}



.stats-big-card span{

    display:block;

    color:#8297a4;

    font-size:11px;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.stats-big-card strong{

    display:block;

    margin-top:18px;

    font:700 42px Georgia,serif;

    color:#62e6a7;

}





.stats-section{

    width:min(1100px,100%);

    margin:0 auto 45px;

    padding:32px;


    border:1px solid rgba(174,220,242,.12);

    background:

    linear-gradient(
    180deg,
    rgba(8,20,30,.92),
    rgba(3,10,16,.98)
    );

}



.stats-section h2{

    margin:0 0 25px;

    padding-bottom:14px;

    border-bottom:1px solid rgba(215,173,87,.25);

    color:#d7ad57;

    font:700 32px Georgia,serif;

}





.faction-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}



.faction-card{

    padding:25px;

    border:1px solid rgba(255,255,255,.08);

    background:#06131d;

}



.faction-card h3{

    margin:0;

    font:700 24px Georgia,serif;

}



.faction-card strong{

    display:block;

    margin:15px 0;

    font-size:38px;

    color:#62e6a7;

}



.faction-card.alliance h3{

    color:#6fa9ff;

}



.faction-card.horde h3{

    color:#ff8b6b;

}



.faction-bar{

    height:8px;

    background:#02070b;

}



.faction-bar div{

    height:100%;

    background:linear-gradient(
    90deg,
    #d7ad57,
    #62e6a7
    );

}





.class-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:14px;

}



.class-card{

    padding:20px;

    text-align:center;

    border:1px solid rgba(174,220,242,.12);

    background:rgba(255,255,255,.025);

}



.class-card h3{

    margin:0 0 12px;

    color:#dbe8ee;

    font:700 18px Georgia,serif;

}



.class-card strong{

    color:#62e6a7;

    font-size:30px;

}



.class-card p{

    color:#8297a4;

}





@media(max-width:900px){

.stats-hero-grid{

grid-template-columns:repeat(2,1fr);

}


.class-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:600px){

.stats-hero-grid,
.faction-grid,
.class-grid{

grid-template-columns:1fr;

}

}




/* =====================================================
   AZR STATS FINAL LAYOUT OVERRIDE
===================================================== */


.stats-dashboard{
    width:min(1220px,calc(100% - 40px));
    margin:auto;
}


.stats-hero-grid{

    display:grid !important;

    grid-template-columns:
    repeat(4,1fr) !important;

    gap:18px !important;

    width:100% !important;

    margin:0 auto 60px !important;

}


.stats-big-card{

    width:auto !important;

}



.stats-section{

    width:100% !important;

    box-sizing:border-box;

}



.class-grid{

    display:grid !important;

    grid-template-columns:
    repeat(4,1fr) !important;

}



.faction-grid{

    display:grid !important;

    grid-template-columns:
    repeat(2,1fr) !important;

}



@media(max-width:900px){

.stats-hero-grid,
.class-grid{

grid-template-columns:
repeat(2,1fr) !important;

}

}



@media(max-width:600px){

.stats-hero-grid,
.class-grid,
.faction-grid{

grid-template-columns:1fr !important;

}

}




/* =====================================================
   FIX DASHBOARD STATS V2
===================================================== */


.stats-hero-grid{

    display:grid !important;

    grid-template-columns:repeat(4, minmax(180px,1fr)) !important;

    gap:18px !important;

    width:100% !important;

}



.stats-big-card{

    width:auto !important;

    min-height:120px !important;

    padding:25px !important;

    border:1px solid rgba(174,220,242,.15) !important;

    background:
    linear-gradient(
    180deg,
    rgba(8,21,31,.96),
    rgba(3,10,16,.98)
    ) !important;

    box-sizing:border-box !important;

}



.stats-big-card h3{

    margin:0 0 15px !important;

    color:#9eb3bf !important;

    font-size:11px !important;

    text-transform:uppercase !important;

    letter-spacing:.15em !important;

}



.stats-big-card .stats-number{

    font-size:42px !important;

    color:#62e6a7 !important;

}



@media(max-width:900px){

.stats-hero-grid{

grid-template-columns:repeat(2,1fr) !important;

}

}


@media(max-width:600px){

.stats-hero-grid{

grid-template-columns:1fr !important;

}

}



/* =====================================================
   FIX DASHBOARD STATS GRID FINAL
===================================================== */


.stats-hero-grid{

    display:grid !important;

    grid-template-columns:
    repeat(4, minmax(180px,1fr)) !important;

    gap:20px !important;

    width:100% !important;

    max-width:1200px !important;

    margin:40px auto !important;

}



.stats-big-card{

    background:
    linear-gradient(
        145deg,
        #071522,
        #0c2335
    ) !important;

    border:1px solid rgba(120,160,190,.18) !important;

    min-height:130px !important;

    padding:25px !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

}



.stats-big-card h3{

    font-size:13px !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;

    margin:0 0 15px !important;

}



.stats-big-card .stats-number{

    font-size:38px !important;

    color:#35f0b0 !important;

}



@media(max-width:900px){

.stats-hero-grid{

grid-template-columns:
repeat(2,1fr) !important;

}

}



@media(max-width:600px){

.stats-hero-grid{

grid-template-columns:
1fr !important;

}

}



/* ================================
   STATS DETAILS
================================ */


.stats-details{

width:min(1200px,calc(100% - 40px));
margin:80px auto;

}


.stats-details h2{

text-align:center;
color:white;
margin-bottom:40px;

}



.stats-panel{

background:#071522;
border:1px solid #173044;
padding:25px;
margin-bottom:30px;

}



.stats-panel h3{

color:#d8b45a;

}



.bar-line{

display:grid;
grid-template-columns:180px 1fr 100px;
gap:20px;
align-items:center;
margin:15px 0;
color:white;

}



.bar{

height:12px;
background:#02070d;
border:1px solid #20384c;

}



.bar-fill{

height:100%;
background:#20e0b2;

}



@media(max-width:700px){

.bar-line{

grid-template-columns:1fr;

}

}




/* DETAILS STATS */

.stats-details{
    max-width:1200px;
    margin:50px auto;
}

.stats-details h2{
    text-align:center;
    margin-bottom:30px;
}

.details-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.detail-card{
    background:#071826;
    border:1px solid #183448;
    padding:25px;
}

.detail-card p{
    display:flex;
    justify-content:space-between;
}

.progress{
    height:8px;
    background:#061018;
    margin-bottom:15px;
}

.progress-fill{
    height:100%;
    background:#16e0b8;
}

@media(max-width:900px){
.details-grid{
grid-template-columns:1fr;
}
}



/* =====================================================
   STATS PREMIUM CARDS
===================================================== */


.stats-details{
    width:100%;
    max-width:1200px;
    margin:80px auto;
}


.stats-details h2{
    text-align:center;
    font-size:34px;
    margin-bottom:40px;
}


.stats-detail-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:25px;

}



.stats-detail-card{

    background:
    linear-gradient(
        145deg,
        #071624,
        #06111c
    );

    border:1px solid rgba(0,180,255,.15);

    padding:25px;

    min-height:250px;

    box-shadow:
    0 0 25px rgba(0,0,0,.4);

}



.stats-detail-card h3{

    color:#ffffff;

    font-size:18px;

    margin-bottom:25px;

}



.stat-line{

    margin-bottom:18px;

}



.stat-line-top{

    display:flex;

    justify-content:space-between;

    color:#cfe9ff;

    font-size:14px;

    margin-bottom:7px;

}



.stat-bar{

    height:7px;

    background:#020b12;

    overflow:hidden;

}



.stat-bar span{

    display:block;

    height:100%;

    background:#18e0bd;

    box-shadow:
    0 0 10px #18e0bd;

}


@media(max-width:900px){

.stats-detail-grid{

grid-template-columns:1fr;

}

}




.player-line{
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}


.player-info{
    display:flex;
    flex-direction:column;
    gap:4px;
}


.player-info strong{
    color:#1ee6c5;
    font-size:18px;
}


.player-info span{
    color:#8aa0b5;
}


.faction-alliance{
    color:#4da6ff !important;
}


.faction-horde{
    color:#ff5c5c !important;
}




.player-info span{
    color:#8aa0b5;
}


.faction-alliance{
    color:#4da6ff !important;
    font-weight:900;
}


.faction-horde{
    color:#ff5c5c !important;
    font-weight:900;
}




/* =====================================
   CHARACTER ARMORY CARDS
===================================== */


.character-card{

    padding:14px;
    margin-bottom:12px;

    background:
    linear-gradient(
        145deg,
        rgba(20,45,65,.9),
        rgba(5,15,25,.9)
    );

    border:1px solid rgba(255,255,255,.08);

    transition:.25s;

}


.character-card:hover{

    transform:translateX(5px);

    border-color:#1ee6c5;

}


.character-card.alliance{

    border-left:4px solid #4da6ff;

}


.character-card.horde{

    border-left:4px solid #ff5c5c;

}


.character-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

}


.character-name{

    color:#1ee6c5;
    font-size:18px;

}


.level-badge{

    background:#b58b35;
    color:white;

    padding:3px 10px;

    font-weight:bold;

}


.character-details{

    margin-top:8px;

    display:flex;
    flex-direction:column;

    color:#8aa0b5;

    font-size:13px;

}


.character-faction{

    margin-top:8px;

    font-weight:bold;

}


.alliance .character-faction{

    color:#4da6ff;

}


.horde .character-faction{

    color:#ff5c5c;

}



/* =====================================
   CLEAN PLAYERS SECTION
===================================== */


.compact-players .character-card{

    padding:10px;
    margin-bottom:8px;

}


.compact-players .character-name{

    font-size:16px;

}


.compact-players .character-details{

    font-size:12px;

}


.compact-players .level-badge{

    padding:2px 8px;
    font-size:12px;

}



.rank-line{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:10px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}



.rank-number{

    color:#b58b35;

    font-weight:bold;

}



.rank-level{

    color:#1ee6c5;

    font-weight:bold;

}




/* =====================================================
   CHARACTER CARDS PREMIUM V2
===================================================== */


.stats-extra-players .player-line,
.compact-players .player-line{

    padding:10px 12px;
    margin-bottom:8px;

    background:
    linear-gradient(
        135deg,
        rgba(20,55,85,.65),
        rgba(5,15,25,.9)
    );

    border-left:3px solid #1ee6c5;

    border-radius:6px;

    transition:.25s ease;

}


.stats-extra-players .player-line:hover,
.compact-players .player-line:hover{

    transform:translateX(4px);

    box-shadow:
    0 0 15px rgba(30,230,197,.25);

}


/* nom personnage */

.player-info strong{

    font-size:16px;
    letter-spacing:.5px;

}


/* informations */

.player-info span{

    font-size:12px;
    color:#8fa8bd;

}


/* faction alliance */

.faction-alliance{

    color:#4da6ff !important;
    font-weight:bold;

}


/* faction horde */

.faction-horde{

    color:#ff5c5c !important;
    font-weight:bold;

}


/* badge niveau */

.level-badge{

    background:#b9974d;

    color:white;

    padding:3px 8px;

    border-radius:3px;

    font-size:11px;

    font-weight:900;

}


/* classe couleurs */

.class-warrior{
    color:#c79c6e;
}

.class-paladin{
    color:#f58cba;
}

.class-druid{
    color:#ff7d0a;
}

.class-mage{
    color:#69ccf0;
}

.class-rogue{
    color:#fff569;
}

.class-warlock{
    color:#9482c9;
}





/* =====================================================
   HEROES ROYAUME - AMELIORATION VISUELLE
===================================================== */


.character-details span{

    font-size:12px;

}


/* cartes héros */

.character-details{

    line-height:1.5;

}


.character-details .class-warrior,
.character-details .class-paladin,
.character-details .class-druid,
.character-details .class-mage,
.character-details .class-rogue,
.character-details .class-warlock{

    font-weight:900;

}


/* effet premium sur les cartes existantes */

.character-card,
.player-card{

    transition:.25s ease;

}


.character-card:hover,
.player-card:hover{

    transform:translateX(4px);

}


/* nom personnage */

.character-name,
.player-line strong{

    letter-spacing:1px;

}




/* =====================================================
   ARMORY HERO CARDS FINAL
===================================================== */


.player-line{

    min-height:95px;

    padding:14px !important;

    margin-bottom:10px !important;

    background:
    linear-gradient(
        135deg,
        rgba(15,45,70,.95),
        rgba(5,18,30,.95)
    ) !important;

    border-left:4px solid #00e6c3 !important;

    border-radius:2px;

}


/* nom */

.player-line strong{

    font-size:15px;

    color:#00e6c3;

}


/* niveau */

.level-badge{

    float:right;

    background:#b9974d !important;

    font-size:11px;

}


/* informations */

.character-details{

    margin-top:10px;

}


.character-details span{

    display:block;

    margin-top:3px;

}


/* classes */

.class-warrior{
    color:#c79c6e !important;
}

.class-paladin{
    color:#f58cba !important;
}

.class-druid{
    color:#ff7d0a !important;
}

.class-mage{
    color:#69ccf0 !important;
}

.class-rogue{
    color:#fff569 !important;
}

.class-warlock{
    color:#9482c9 !important;
}


/* top niveaux */

.top-player{

    padding:12px;

    border-bottom:1px solid rgba(255,255,255,.08);

}




/* =====================================================
   ARMORY CHARACTER CARDS - FINAL DESIGN
===================================================== */


/* conteneur héros */

.character-card{

    width:340px;

    min-height:120px;

    margin-bottom:14px;

    padding:16px;

    position:relative;

    background:
    linear-gradient(
        145deg,
        rgba(20,45,70,.95),
        rgba(5,15,25,.98)
    );

    border:1px solid rgba(80,170,255,.25);

    box-shadow:
    inset 0 0 30px rgba(0,0,0,.45),
    0 8px 20px rgba(0,0,0,.35);

    transition:.25s ease;

    overflow:hidden;

}


/* barre gauche */

.character-card:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:#00aaff;

}


/* hover */

.character-card:hover{

    transform:translateX(8px);

    border-color:#00ffff;

    box-shadow:
    0 0 20px rgba(0,200,255,.25),
    inset 0 0 30px rgba(0,0,0,.5);

}



/* nom */

.character-name{

    color:#00ffff;

    font-size:16px;

    text-shadow:
    0 0 8px rgba(0,255,255,.5);

}



/* niveau */

.level-badge{

    background:
    linear-gradient(#d6c27a,#8c7430);

    color:#fff;

    padding:4px 8px;

    border-radius:3px;

    font-size:11px;

    font-weight:bold;

}



/* détails */

.character-details{

    margin-top:12px;

    display:flex;

    flex-direction:column;

    gap:5px;

    font-size:12px;

}


/* race */

.race-name{

    color:#9aa8b8;

}


/* faction */

.character-faction{

    margin-top:12px;

    color:#4da6ff;

    font-weight:bold;

}



/* classes WOW */


.class-guerrier{

    color:#C79C6E !important;

    font-weight:bold;

}


.class-paladin{

    color:#F58CBA !important;

    font-weight:bold;

}


.class-druide{

    color:#FF7D0A !important;

    font-weight:bold;

}


.class-mage{

    color:#69CCF0 !important;

    font-weight:bold;

}


.class-voleur{

    color:#FFF569 !important;

    font-weight:bold;

}


.class-démoniste,
.class-demoniste{

    color:#9482C9 !important;

    font-weight:bold;

}





/* =====================================================
   ARMORY CHARACTER LAYOUT V2
===================================================== */


/* carte personnage */

.character-card{

    width:360px;

    min-height:130px;

    padding:18px;

    text-align:left;

    display:flex;

    flex-direction:column;

    justify-content:center;

}



/* en-tête */

.character-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}



/* nom */

.character-name{

    font-size:18px;

    font-weight:900;

    letter-spacing:1px;

}



/* badge niveau */

.level-badge{

    padding:5px 10px;

    font-size:11px;

    border-radius:4px;

    box-shadow:
    inset 0 0 8px rgba(255,255,255,.25),
    0 0 8px rgba(200,170,80,.4);

}



/* informations */

.character-details{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:6px;

    margin-left:12px;

}



/* race */

.race-name{

    font-size:12px;

    color:#9ca9b5;

}



/* classe */

.character-details span[class^="class-"]{

    font-size:14px;

    text-transform:capitalize;

    letter-spacing:.5px;

}



/* faction */

.character-faction{

    margin-top:10px;

    margin-left:12px;

    font-size:13px;

    color:#4da6ff;

}



/* séparation visuelle */

.character-details:before{

    content:"";

    position:absolute;

}



/* effet armure */

.character-card{

    background:
    linear-gradient(
        135deg,
        rgba(25,55,85,.95),
        rgba(4,15,25,.98)
    );

}



/* barre classe */

.character-card:hover .character-name{

    text-shadow:
    0 0 12px cyan;

}




/* =====================================================
   ARMORY WOW - HERO CARDS PREMIUM V3
===================================================== */


/* conteneur carte */

.character-card{

    width:360px;
    min-height:130px;

    padding:18px;

    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:
    radial-gradient(
        circle at top right,
        rgba(40,120,180,.25),
        transparent 45%
    ),
    linear-gradient(
        145deg,
        #122b42,
        #06111d
    );

    border:1px solid rgba(80,180,255,.35);

    box-shadow:
        inset 0 0 25px rgba(0,0,0,.7),
        0 8px 20px rgba(0,0,0,.45);

}


/* nom personnage */

.character-name{

    color:#20e6d0;

    font-size:18px;

    text-shadow:
    0 0 8px rgba(32,230,208,.7);

}


/* header */

.character-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:15px;

}


/* niveau */

.level-badge{

    background:
    linear-gradient(
        180deg,
        #d8b45c,
        #92702d
    );

    color:#fff;

    padding:4px 8px;

    border-radius:3px;

    font-size:11px;

    font-weight:bold;

    box-shadow:
    0 0 8px rgba(216,180,92,.5);

}


/* détails */

.character-details{

    display:flex;

    flex-direction:column;

    gap:6px;

    margin-left:8px;

}


/* race */

.race-name{

    color:#9aa9b5;

    font-size:12px;

}


/* classes */

.class-warrior{

    color:#c79c6e;

    font-weight:bold;

}


.class-paladin{

    color:#f58cba;

    font-weight:bold;

}


.class-druid{

    color:#ff7d0a;

    font-weight:bold;

}


.class-mage{

    color:#69ccf0;

    font-weight:bold;

}


.class-rogue{

    color:#fff569;

    font-weight:bold;

}


.class-warlock{

    color:#9482c9;

    font-weight:bold;

}


/* faction */

.character-faction{

    margin-top:8px;

    color:#4aa3ff;

    font-weight:bold;

}


/* hover */

.character-card:hover{

    transform:translateY(-3px);

    border-color:#00ffff;

    box-shadow:
    0 0 18px rgba(0,255,255,.25),
    inset 0 0 30px rgba(0,0,0,.8);

}




/* =====================================================
   HERO CARD INFO GRID
===================================================== */

.character-details{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:5px;

    margin-top:8px;

}


.character-faction{

    margin-top:10px;

}




/* =====================================================
   ARMORY V6 - CLASS ICONS BLIZZARD STYLE
===================================================== */


/* icône de classe */

.class-icon{

    width:32px;
    height:32px;

    object-fit:cover;

    border-radius:6px;

    vertical-align:middle;

    margin-right:8px;

    border:1px solid rgba(0,220,255,0.35);

    box-shadow:
        0 0 8px rgba(0,220,255,0.35);

}


/* bloc classe */

.character-details .warrior,
.character-details .paladin,
.character-details .druid{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    min-height:34px;

}


/* nom de classe après icône */

.character-details span{

    line-height:32px;

}


/* meilleure séparation race / classe */

.character-details{

    align-items:center;

}




/* =====================================================
   ARMORY V7 - PREMIUM CLASS DISPLAY
===================================================== */


/* zone détails personnage */

.character-details{

    display:flex;

    flex-direction:column;

    gap:6px;

    margin-top:10px;

}


/* race */

.race-name{

    font-size:12px;

    color:#7f9bad;

    text-align:left;

}


/* classe + icône */

.character-details span[class*="class-"]{

    display:flex;

    align-items:center;

    gap:8px;

    font-weight:bold;

    font-size:14px;

}


/* icône classe */

.class-icon{

    width:30px;

    height:30px;

    border-radius:6px;

    flex-shrink:0;

    box-shadow:
        0 0 8px rgba(0,200,255,.45);

}


/* couleurs classes */

.class-guerrier{

    color:#c69b6d;

}


.class-paladin{

    color:#f58cba;

}


.class-druide{

    color:#ff7d0a;

}


.class-mage{

    color:#69ccf0;

}


.class-pretre{

    color:#ffffff;

}


.class-voleur{

    color:#fff569;

}


.class-chasseur{

    color:#abd473;

}


.class-demoniste{

    color:#9482c9;

}


.class-chevalier-de-la-mort{

    color:#c41f3b;

}


/* faction */

.character-faction{

    margin-top:4px;

    font-size:12px;

    color:#4aa3ff;

    font-weight:bold;

}




/* =====================================================
   ARMORY V8 - CLASS ROW ALIGNMENT
===================================================== */


.character-details{

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;

}


.class-icon{

    width:26px;
    height:26px;

    margin-right:8px;

    vertical-align:middle;

}


.character-details img.class-icon + *{

    display:inline-flex;

    align-items:center;

}


.character-details span{

    line-height:26px;

}




/* =====================================================
   ARMORY V9 - BLIZZARD CLASS LINE
===================================================== */


.character-details{

    display:flex;

    flex-direction:column;

    gap:5px;

}


.character-details .class-icon{

    width:22px;
    height:22px;

    border-radius:4px;

    margin-right:7px;

    vertical-align:middle;

    box-shadow:
    0 0 8px rgba(0,200,255,.35);

}


.character-details span{

    display:flex;

    align-items:center;

}


.character-details .race-name{

    opacity:.75;

    font-size:12px;

}


.character-details img.class-icon{

    flex-shrink:0;

}




/* =====================================================
   ACCOUNT MENU V14 - AZR PLAYER PANEL
===================================================== */

.account-dropdown{
    position:relative;
    margin-left:15px;
}

.account-title{
    display:flex!important;
    align-items:center;
    height:58px;
    padding:0 20px!important;
    color:var(--gold2)!important;
    border-left:1px solid rgba(255,255,255,.08);
    cursor:pointer;
}


.account-menu{
    position:absolute;
    top:58px;
    right:0;
    width:220px;
    padding:10px 0;
    background:rgba(3,8,13,.98);
    border:1px solid rgba(215,173,87,.35);
    box-shadow:
        0 20px 50px rgba(0,0,0,.65),
        inset 0 0 30px rgba(215,173,87,.05);

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.2s ease;
    z-index:100;
}


.account-dropdown:hover .account-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


.account-menu a{
    display:flex!important;
    align-items:center;
    min-height:40px;
    padding:0 18px!important;
    color:#9caab4!important;
    font-size:10px!important;
    letter-spacing:.1em;
}


.account-menu a:hover{
    color:white!important;
    background:rgba(255,255,255,.04);
}


.account-menu .logout{
    color:#ff8b8b!important;
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:8px;
}



/* =====================================================
   V15 - BLIZZARD STYLE MENUS POLISH
===================================================== */


/* alignement général dropdown */

.dropdown-menu,
.account-menu{

    backdrop-filter:blur(8px);

}


/* menus principaux */

.dropdown-menu{

    width:260px!important;

    padding:8px 0!important;

    background:
    linear-gradient(
        180deg,
        rgba(8,18,29,.98),
        rgba(2,7,12,.98)
    )!important;

    border:1px solid rgba(215,173,87,.25)!important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.8),
        inset 0 0 25px rgba(215,173,87,.04);

}


/* titres sections */

.dropdown-title{

    margin-top:12px;

    padding:12px 18px 8px!important;

    font-size:10px!important;

    letter-spacing:.22em;

    color:#b9974d!important;

    border-bottom:
    1px solid rgba(215,173,87,.15);

}


/* liens */

.dropdown-menu a{

    position:relative;

    min-height:42px!important;

    padding-left:22px!important;

    font-size:11px!important;

    letter-spacing:.12em;

    color:#aeb9c4!important;

    transition:.18s ease;

}


/* petite barre dorée */

.dropdown-menu a:before{

    content:"";

    position:absolute;

    left:8px;

    width:3px;

    height:0;

    background:#d7ad57;

    transition:.18s ease;

}


/* hover */

.dropdown-menu a:hover{

    background:
    linear-gradient(
        90deg,
        rgba(215,173,87,.15),
        transparent
    )!important;

    color:#fff!important;

    padding-left:28px!important;

}


.dropdown-menu a:hover:before{

    height:18px;

}


/* flèche menus */

.nav-dropdown-title{

    transition:.2s ease;

}


.nav-dropdown:hover .nav-dropdown-title{

    color:#fff!important;

}


/* compte joueur */

.account-dropdown{

    margin-left:8px;

}


.account-title{

    background:
    linear-gradient(
        180deg,
        rgba(215,173,87,.08),
        transparent
    );

}


.account-menu{

    right:-20px!important;

    width:240px!important;

    padding:8px 0!important;

    background:
    linear-gradient(
        180deg,
        rgba(10,15,22,.99),
        rgba(2,5,9,.99)
    )!important;

}


/* séparation compte */

.account-menu a{

    position:relative;

    height:42px;

}


.account-menu a:hover{

    background:
    linear-gradient(
        90deg,
        rgba(215,173,87,.12),
        transparent
    )!important;

}


/* logout */

.account-menu .logout{

    margin-top:10px;

    padding-top:10px;

    border-top:
    1px solid rgba(215,173,87,.15);

}




/* =====================================================
   V16 - BLIZZARD HEADER PREMIUM POLISH
===================================================== */


/* HEADER GLOBAL */

.site-header{
    backdrop-filter:blur(12px);
    box-shadow:
        0 10px 40px rgba(0,0,0,.45),
        inset 0 -1px 0 rgba(215,173,87,.12);
}


/* LOGO */

.brand{
    position:relative;
}


.brand-mark{

    border-color:rgba(215,173,87,.8);

    box-shadow:
        0 0 25px rgba(215,173,87,.18),
        inset 0 0 25px rgba(215,173,87,.12);

    transition:.35s ease;

}


.brand:hover .brand-mark{

    transform:
        rotate(45deg)
        scale(1.08);

    box-shadow:
        0 0 35px rgba(215,173,87,.35),
        inset 0 0 30px rgba(215,173,87,.2);

}


.brand-copy strong{

    text-shadow:
        0 0 18px rgba(215,173,87,.18);

}


/* ROYAUME */

.realm-state{

    display:flex;
    align-items:center;
    gap:8px;

    padding:8px 16px;

    border:

    1px solid rgba(255,255,255,.06);

    background:
        linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(0,0,0,.18)
        );

}


.realm-state span{

    width:8px!important;
    height:8px!important;

    animation:
    realmPulse 2s infinite;

}


@keyframes realmPulse{

    0%,100%{
        opacity:1;
        box-shadow:0 0 10px currentColor;
    }

    50%{
        opacity:.45;
        box-shadow:0 0 22px currentColor;
    }

}



/* NAVIGATION */

.main-nav > a,
.nav-dropdown-title,
.account-title{

    position:relative;

    transition:.25s ease;

}


.main-nav > a:hover,
.nav-dropdown-title:hover,
.account-title:hover{

    color:white!important;

}


/* LIGNE ACTIVE STYLE BLIZZARD */


.main-nav a.active:after{

    height:3px;

    background:
    linear-gradient(
        90deg,
        transparent,
        var(--gold2),
        transparent
    );

    box-shadow:
    0 0 12px var(--gold2);

}



/* DROPDOWN PREMIUM */


.dropdown-menu,
.account-menu{

    border-radius:2px;

}


.dropdown-menu:before,
.account-menu:before{

    content:"";

    position:absolute;

    top:-5px;
    left:35px;

    width:10px;
    height:10px;

    transform:rotate(45deg);

    background:#03080d;

    border-left:
    1px solid rgba(215,173,87,.35);

    border-top:
    1px solid rgba(215,173,87,.35);

}


/* ACCOUNT */

.account-title{

    background:
    linear-gradient(
    180deg,
    rgba(215,173,87,.08),
    transparent
    );

}


.account-dropdown:hover .account-title{

    background:
    rgba(215,173,87,.12);

}


/* MENU ITEMS */

.dropdown-menu a,
.account-menu a{

    transition:
    background .2s,
    padding-left .2s;

}


.dropdown-menu a:hover,
.account-menu a:hover{

    padding-left:25px!important;

}



/* SEPARATEUR MENU */

.dropdown-title{

    font-size:9px!important;

    color:
    var(--gold2)!important;

    letter-spacing:.2em;

    opacity:.8;

}





/* =====================================================
   V17 - BLIZZARD PLAYER ACCOUNT PANEL
===================================================== */


.account-title{

    gap:10px!important;

    text-transform:none!important;

    height:68px!important;

}


.account-gem{

    width:18px;
    height:18px;

    display:block;

    transform:rotate(45deg);

    border:1px solid var(--gold2);

    background:
    radial-gradient(
        circle,
        rgba(255,235,150,.8),
        rgba(215,173,87,.15) 45%,
        transparent 70%
    );

    box-shadow:
    0 0 14px rgba(215,173,87,.45);

}


.account-name{

    display:flex;

    flex-direction:column;

    line-height:1.1;

    font-size:11px;

    color:#f3f7f9;

    letter-spacing:.08em;

}


.account-name small{

    margin-top:5px;

    color:#8095a0;

    font-size:8px;

    letter-spacing:.18em;

    text-transform:uppercase;

}


.account-arrow{

    margin-left:8px;

    color:var(--gold2);

    font-size:9px;

}


/* MENU COMPTE */

.account-menu{

    width:260px!important;

    padding:0!important;

    overflow:hidden;

}


.account-menu-header{

    padding:18px;

    border-bottom:
    1px solid rgba(215,173,87,.18);

    background:
    linear-gradient(
        180deg,
        rgba(215,173,87,.12),
        transparent
    );

}


.account-menu-header strong{

    display:block;

    color:#fff;

    font-family:Georgia,serif;

    font-size:18px;

}


.account-menu-header span{

    display:block;

    margin-top:5px;

    color:#9aaeb8;

    font-size:8px;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.account-menu a{

    gap:12px;

}


.account-menu a span{

    width:18px;

    text-align:center;

    color:var(--gold2);

}



.account-menu .logout{

    margin-top:0!important;

}




/* =====================================
   MENU INVITE - CONNEXION / INSCRIPTION
   VERSION HORIZONTALE
===================================== */


.account-actions {

    display:flex !important;

    flex-direction:row !important;

    align-items:center;

    justify-content:center;

    gap:16px;

    margin-left:15px;

    white-space:nowrap;

}


.account-actions a {

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    height:32px;

    padding:0 16px;

    font-size:11px;

    letter-spacing:1px;

    text-transform:uppercase;

    text-decoration:none;

    line-height:1;

    transition:.25s ease;

}



/* SE CONNECTER */

.account-actions a[href="login.php"] {

    color:#d7ad57 !important;

    border:1px solid rgba(215,173,87,.45);

    background:rgba(0,0,0,.25);

}


.account-actions a[href="login.php"]:hover {

    background:rgba(215,173,87,.12);

    border-color:#d7ad57;

}



/* CREER UN COMPTE */

.account-actions a[href="register.php"] {

    color:#111 !important;

    font-weight:700;

    background:
    linear-gradient(
        180deg,
        #f1d37b,
        #b98a2e
    );

    border:1px solid #e4bb55;

}


.account-actions a[href="register.php"]:hover {

    filter:brightness(1.15);

}




/* =====================================
   AZR WOW - MENU INVITE FINAL
   LOGIN / REGISTER HEADER
===================================== */


.account-actions {

    margin-left:auto !important;

    padding-left:25px;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:12px !important;

    white-space:nowrap;

}



/* boutons */

.account-actions a {

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-width:100px;

    height:36px !important;

    padding:0 18px !important;

    font-size:10px !important;

    letter-spacing:1px;

    text-transform:uppercase;

    line-height:1;

}



/* connexion */

.account-actions a[href="login.php"] {

    color:#d7ad57 !important;

    border:1px solid rgba(215,173,87,.55);

    background:

    linear-gradient(
        180deg,
        rgba(215,173,87,.12),
        rgba(0,0,0,.35)
    );

}



/* création */

.account-actions a[href="register.php"] {

    color:#111 !important;

    font-weight:700;

    background:

    linear-gradient(
        180deg,
        #f4d681,
        #b98a2e
    );

    border:1px solid #e4bd58;

}



/* effet hover */

.account-actions a:hover {

    transform:translateY(-1px);

    filter:brightness(1.15);

}





/* =====================================
   AZR WOW - FIX POSITION MENU INVITE
===================================== */


.account-actions {

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    gap:12px !important;

    margin-left:20px !important;

    padding:0 !important;

    position:relative;

    right:auto;

}



/* boutons */

.account-actions a {

    display:flex !important;

    align-items:center;

    justify-content:center;

    height:34px;

    min-width:100px;

    padding:0 16px !important;

    font-size:10px;

    letter-spacing:1px;

    white-space:nowrap;

}



/* connexion */

.account-actions a[href="login.php"] {

    border:1px solid rgba(215,173,87,.55);

    color:#d7ad57 !important;

    background:rgba(0,0,0,.25);

}



/* créer compte */

.account-actions a[href="register.php"] {

    background:linear-gradient(
        180deg,
        #f4d681,
        #b98a2e
    );

    color:#111 !important;

}



/* hover */

.account-actions a:hover {

    filter:brightness(1.15);

    transform:translateY(-1px);

}




/* =====================================
   AZR WOW - HEADER INVITE FINAL ALIGN
===================================== */


.account-actions {

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    gap:14px !important;

    margin-left:auto !important;

    margin-right:35px !important;

    position:relative;

    top:0;

}



/* boutons */

.account-actions a {

    height:36px !important;

    min-width:120px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    padding:0 18px !important;

    font-size:11px !important;

    letter-spacing:1.2px !important;

    font-weight:600 !important;

    text-transform:uppercase;

    transition:.25s ease;

}



/* connexion */

.account-actions a[href="login.php"] {

    border:1px solid rgba(215,173,87,.7) !important;

    background:
    linear-gradient(
        180deg,
        rgba(215,173,87,.12),
        rgba(0,0,0,.3)
    ) !important;

    color:#d7ad57 !important;

}



/* créer compte */

.account-actions a[href="register.php"] {

    background:
    linear-gradient(
        180deg,
        #f2d47a,
        #b88932
    ) !important;

    color:#111 !important;

}



/* effet hover */

.account-actions a:hover {

    transform:translateY(-2px);

    filter:brightness(1.15);

}





/* =====================================
   AZR WOW - HEADER BUTTONS POSITION FIX
===================================== */


.account-actions {

    margin-left:25px !important;

    margin-right:0 !important;

    flex-shrink:0;

}



/* garde les boutons compacts */

.account-actions a {

    min-width:115px !important;

    height:34px !important;

}



/* espace avec le menu navigation */

header .nav {

    display:flex;

    align-items:center;

}




/* =====================================
   AZR WOW - ESPACEMENT HEADER FINAL
===================================== */


.account-actions {

    margin-left:45px !important;

    gap:16px !important;

}


/* séparation visuelle */

.account-actions:before {

    content:"";

    display:block;

    height:20px;

    width:1px;

    background:rgba(215,173,87,.25);

    margin-right:8px;

}




/* =====================================
   AZR WOW - HEADER MICRO ALIGNEMENT
===================================== */


.account-actions {

    transform:translateY(1px);

}


.account-actions:before {

    height:18px !important;

    opacity:.45;

    margin-right:12px !important;

}




/* =====================================
   AZR WOW - DROPDOWN PREMIUM FIX
===================================== */


.nav-dropdown .dropdown-menu {

    background:
    linear-gradient(
        180deg,
        rgba(7,13,20,.98),
        rgba(2,5,10,.99)
    ) !important;


    border:

    1px solid rgba(215,173,87,.18) !important;


    box-shadow:

    0 20px 45px rgba(0,0,0,.65),

    inset 0 1px rgba(255,255,255,.04);


    backdrop-filter:blur(8px);

}



/* lignes du menu */

.dropdown-menu a {

    color:#9ca8b5 !important;

    padding:12px 18px !important;

    transition:.2s ease;

}



/* icônes / texte actif */

.dropdown-menu a:hover {

    color:#f1d27a !important;

    background:

    linear-gradient(
        90deg,
        rgba(215,173,87,.15),
        transparent
    ) !important;

    padding-left:24px !important;

}



/* petite séparation */

.dropdown-menu li {

    border-bottom:

    1px solid rgba(255,255,255,.04);

}




/* =====================================
   AZR WOW - DROPDOWN BLIZZARD POSITION
===================================== */


.nav-dropdown .dropdown-menu {

    top: calc(100% + 12px) !important;

    background:
    linear-gradient(
        180deg,
        rgba(5,10,16,.98),
        rgba(1,3,7,.99)
    ) !important;


    border:1px solid rgba(215,173,87,.25) !important;


    box-shadow:

    0 15px 40px rgba(0,0,0,.75),

    inset 0 1px rgba(255,255,255,.05);


    min-width:230px !important;

}



/* espace interne */

.nav-dropdown .dropdown-menu a {

    padding:

    12px 20px !important;


    color:#b9c4d1 !important;

    font-size:12px;

    letter-spacing:.5px;

}



/* survol doré */

.nav-dropdown .dropdown-menu a:hover {

    color:#f0d27a !important;


    background:

    linear-gradient(
        90deg,
        rgba(215,173,87,.18),
        transparent
    ) !important;


    padding-left:28px !important;

}



/* petite ligne entre catégories */

.dropdown-menu .separator {

    border-color:

    rgba(215,173,87,.15)!important;

}




/* =====================================
   AZR WOW - DROPDOWN FORCE DISPLAY
===================================== */


.nav-dropdown {
    position:relative !important;
}


.nav-dropdown .dropdown-menu {

    position:absolute !important;

    top:45px !important;

    left:0 !important;

    z-index:99999 !important;


    display:block;

    opacity:0;

    visibility:hidden;

    transform:translateY(-8px);


    transition:.25s ease;


    background:

    linear-gradient(
        180deg,
        rgba(8,14,22,.98),
        rgba(2,5,10,.99)
    ) !important;


    border:1px solid rgba(215,173,87,.25) !important;


    box-shadow:

    0 20px 50px rgba(0,0,0,.8);


}


/* ouverture au survol */

.nav-dropdown:hover .dropdown-menu {

    opacity:1 !important;

    visibility:visible !important;

    transform:translateY(0);

}


.nav-dropdown .dropdown-menu a {

    display:block !important;

    padding:12px 22px !important;

}




/* =====================================
   AZR WOW - FINAL DROPDOWN OVERRIDE
===================================== */


.nav-dropdown:hover > .dropdown-menu,
.nav-dropdown:hover .dropdown-menu {

    display:block !important;

    opacity:1 !important;

    visibility:visible !important;

    pointer-events:auto !important;

    transform:translateY(0) !important;

}


.nav-dropdown .dropdown-menu {

    display:block !important;

    opacity:0;

    visibility:hidden;

    pointer-events:none;


    position:absolute !important;

    top:42px !important;

    left:0 !important;


    min-width:240px !important;


    z-index:999999 !important;


    background:

    linear-gradient(
        180deg,
        rgba(5,10,18,.99),
        rgba(1,4,8,.99)
    ) !important;


    border:1px solid rgba(215,173,87,.35) !important;


    box-shadow:

    0 20px 60px rgba(0,0,0,.85) !important;


}


.nav-dropdown .dropdown-menu a {

    color:#bfc9d6 !important;

    padding:12px 20px !important;

}


.nav-dropdown .dropdown-menu a:hover {

    color:#e6c46a !important;

    background:

    linear-gradient(
        90deg,
        rgba(215,173,87,.18),
        transparent
    ) !important;

}




/* =====================================
   AZR WOW - DROPDOWN PREMIUM FINAL
===================================== */


.nav-dropdown .dropdown-menu {

    margin-top:10px !important;

    width:220px !important;

    padding:10px 0 !important;


    border-radius:2px !important;


    border:

    1px solid rgba(215,173,87,.45) !important;


    box-shadow:

    0 25px 60px rgba(0,0,0,.85),

    inset 0 0 20px rgba(215,173,87,.05) !important;


}


/* petite pointe dorée */

.nav-dropdown .dropdown-menu:before {

    content:"";

    position:absolute;

    top:-6px;

    left:35px;


    width:10px;

    height:10px;


    background:#080e16;


    border-left:

    1px solid rgba(215,173,87,.45);


    border-top:

    1px solid rgba(215,173,87,.45);


    transform:rotate(45deg);

}



/* animation ouverture */

.nav-dropdown:hover .dropdown-menu {

    animation:

    dropdownFade .18s ease forwards;

}



@keyframes dropdownFade {

    from {

        opacity:0;

        transform:translateY(-8px);

    }


    to {

        opacity:1;

        transform:translateY(0);

    }

}




/* =====================================
   AZR WOW - DROPDOWN POSITION PERFECT
===================================== */


.nav-dropdown .dropdown-menu {

    top:52px !important;

    margin-top:0 !important;


    transform-origin:top center;

}



/* animation ouverture */

.nav-dropdown:hover .dropdown-menu {

    animation:

    azrDrop .20s ease forwards;

}



@keyframes azrDrop {

    from {

        opacity:0;

        transform:translateY(-10px) scale(.98);

    }


    to {

        opacity:1;

        transform:translateY(0) scale(1);

    }

}



/* ligne supérieure dorée */

.nav-dropdown .dropdown-menu:after {

    content:"";

    position:absolute;

    top:0;

    left:20px;

    right:20px;

    height:1px;


    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(215,173,87,.8),

        transparent

    );

}




/* =====================================
   AZR WOW - DROPDOWN FINAL OFFSET
===================================== */


.nav-dropdown .dropdown-menu {

    top:58px !important;

}




/* =====================================
   AZR WOW - DROPDOWN ICE EFFECT
===================================== */


.nav-dropdown .dropdown-menu {

    background:

    linear-gradient(
        180deg,
        rgba(10,18,30,.96),
        rgba(2,6,12,.98)
    ) !important;


    backdrop-filter:blur(8px);


    border-color:

    rgba(120,170,220,.25) !important;

}



/* séparation des sections */

.nav-dropdown .dropdown-menu hr {

    border-color:

    rgba(215,173,87,.18)!important;

}





/* =====================================
   AZR WOW - LOGIN PAGE PREMIUM
===================================== */


/* zone connexion */

.login-page,
.auth-page {

    min-height:650px;

    display:flex;

    justify-content:center;

    align-items:center;

}


/* conteneur */

.login-box,
.auth-box,
.login-container {

    width:420px;

    padding:45px;

    background:

    linear-gradient(
        180deg,
        rgba(10,20,32,.95),
        rgba(2,6,12,.98)
    );


    border:1px solid rgba(215,173,87,.25);

    box-shadow:

    0 0 40px rgba(0,0,0,.7),
    inset 0 0 30px rgba(20,40,60,.4);


}


/* titre */


.login-box h1,
.auth-box h1,
.login-container h1 {

    text-align:center;

    font-family:Georgia,serif;

    font-size:42px;

    color:#f1e4c2;

    margin-bottom:10px;

}



/* sous titre */


.login-box p,
.auth-box p {

    text-align:center;

    color:#8fa1b5;

    margin-bottom:35px;

}



/* labels */


.login-box label,
.auth-box label {

    display:block;

    color:#d7ad57;

    font-size:11px;

    letter-spacing:1px;

    margin-bottom:8px;

}



/* champs */


.login-box input,
.auth-box input {

    width:100%;

    height:42px;

    background:#050b12;

    border:

    1px solid rgba(255,255,255,.12);


    color:white;

    padding:0 14px;

    margin-bottom:22px;

}



.login-box input:focus,
.auth-box input:focus {


    outline:none;

    border-color:#d7ad57;

    box-shadow:

    0 0 12px rgba(215,173,87,.35);

}



/* bouton */


.login-box button,
.auth-box button {


    width:100%;

    height:46px;


    background:

    linear-gradient(
        180deg,
        #e6c36b,
        #b8862c
    );


    border:none;


    color:#111;

    font-weight:bold;

    letter-spacing:1px;

    cursor:pointer;


    transition:.25s;

}



.login-box button:hover,
.auth-box button:hover {


    filter:brightness(1.15);

    box-shadow:

    0 0 20px rgba(215,173,87,.5);


}



/* liens */


.login-links {


    text-align:center;

    margin-top:25px;

}


.login-links a {


    color:#d7ad57;

    text-decoration:none;

}


.login-links a:hover {

    color:white;

}


/* effet haut panneau */


.login-box:before {


    content:"AZR WOW";

    display:block;

    text-align:center;

    color:#d7ad57;

    font-size:12px;

    letter-spacing:4px;

    margin-bottom:25px;

}




/* =====================================
   AZR WOW - LOGIN REAL PREMIUM
===================================== */


/* zone principale */

.page-hero {

    min-height:620px !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

}



/* carte connexion */

.slim-card {


    width:430px !important;


    padding:45px !important;


    background:

    linear-gradient(
        180deg,
        rgba(8,17,28,.96),
        rgba(2,6,12,.98)
    ) !important;



    border:1px solid rgba(215,173,87,.25) !important;


    box-shadow:

    0 0 45px rgba(0,0,0,.75),

    inset 0 0 35px rgba(40,70,100,.25);


}



/* titre */


.slim-card h1 {


    text-align:center;


    font-family:Georgia,serif;


    font-size:42px !important;


    color:#f1e4c2 !important;


    margin-bottom:35px !important;


}



/* labels */


.slim-card label {


    display:block;


    color:#d7ad57 !important;


    font-size:11px;


    letter-spacing:1px;


    text-transform:uppercase;


    margin-bottom:8px;


}



/* champs */


.slim-card input {


    width:100% !important;


    height:45px !important;


    box-sizing:border-box;


    background:#050b12 !important;


    border:1px solid rgba(255,255,255,.15) !important;


    color:white !important;


    padding:0 15px !important;


    margin-bottom:22px !important;


}



.slim-card input:focus {


    outline:none;


    border-color:#d7ad57 !important;


    box-shadow:

    0 0 15px rgba(215,173,87,.35);


}



/* bouton */


.slim-card .btn-primary {


    width:100% !important;


    height:48px !important;


    margin-top:10px;


    background:

    linear-gradient(
        180deg,
        #e8c66d,
        #b88932
    ) !important;


    color:#111 !important;


    border:none !important;


    font-weight:bold;


    letter-spacing:1px;


    transition:.25s;


}



.slim-card .btn-primary:hover {


    filter:brightness(1.15);


    box-shadow:

    0 0 25px rgba(215,173,87,.5);


}



/* petit effet haut */


.slim-card:before {


    content:"AZR WOW • ROYAUME DU ROI-LICHE";


    display:block;


    text-align:center;


    color:#d7ad57;


    font-size:10px;


    letter-spacing:3px;


    margin-bottom:25px;


}





/* =====================================
   AZR WOW - LOGIN SCALE FINAL
===================================== */


.slim-card {


    width:520px !important;

    padding:55px !important;

    border-radius:3px;


    background:


    linear-gradient(
        180deg,
        rgba(12,25,40,.97),
        rgba(3,7,13,.99)
    ) !important;



    box-shadow:


    0 0 70px rgba(0,0,0,.85),


    0 0 25px rgba(60,120,160,.12),


    inset 0 0 40px rgba(60,120,160,.15);


}



/* ligne décorative */


.slim-card:after {


    content:"";


    display:block;


    width:80px;


    height:2px;


    background:#d7ad57;


    margin:30px auto 0;


    opacity:.8;


}



/* titre */


.slim-card h1 {


    font-size:48px !important;


    letter-spacing:1px;


}



/* boutons */


.slim-card .btn-primary {


    height:52px !important;


    font-size:13px;


}



/* champs plus premium */


.slim-card input {


    height:50px !important;


    font-size:15px;


}





/* =====================================
   AZR WOW - LOGIN FINAL ATMOSPHERE
===================================== */


.page-hero {


    background:


    radial-gradient(
        circle at center,
        rgba(35,70,100,.12),
        transparent 45%
    );


}



/* carte légèrement remontée */


.slim-card {


    transform:translateY(-35px);


}



/* titre plus royaume */


.slim-card h1 {


    text-shadow:

    0 0 20px rgba(215,173,87,.25);


}



/* effet rune haut */


.slim-card:before {


    content:"✦  AZR WOW  •  WRATH OF THE LICH KING  ✦";


    font-size:11px !important;

    color:#d7ad57 !important;

    letter-spacing:3px;


}



/* espace sous bouton */


.slim-card .btn-primary {


    margin-bottom:20px;


}



/* lien création compte */


.slim-card:after {


    content:"CRÉER UN COMPTE  •  MOT DE PASSE OUBLIÉ";


    display:block;


    margin-top:25px;


    text-align:center;


    font-size:11px;


    letter-spacing:1px;


    color:#8fa1b5;


}





/* =====================================
   AZR WOW - LOGIN LINKS CLEAN
===================================== */


/* suppression ancien texte décoratif */

.slim-card:after {

    content:none !important;

}


/* liens sous connexion */

.login-links {


    margin-top:25px;

    display:flex;

    justify-content:center;

    gap:25px;

    font-size:11px;

    letter-spacing:1px;


}


.login-links a {


    color:#9baabd;

    text-decoration:none;

    transition:.3s;


}


.login-links a:hover {


    color:#d7ad57;

}



/* carte légèrement plus équilibrée */


.slim-card {


    padding-bottom:45px !important;


}





/* =====================================
   AZR WOW LOGIN - ICE RUNE FINAL
===================================== */


/* fond rune derrière la carte */

.page-hero {

    position:relative;

    overflow:hidden;

}


.page-hero:before {

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    background:
    radial-gradient(
        circle,
        rgba(80,160,220,.12),
        transparent 65%
    );

    border-radius:50%;

    filter:blur(8px);

    pointer-events:none;

}


/* carte */

.slim-card {

    position:relative;

    z-index:2;

    background:
    linear-gradient(
        180deg,
        rgba(12,25,40,.96),
        rgba(3,8,15,.98)
    ) !important;


    border:1px solid rgba(190,150,70,.25);

    box-shadow:

    0 0 40px rgba(0,0,0,.8),
    inset 0 0 30px rgba(70,130,180,.08);

}


/* champs */

.slim-card input {

    background:
    rgba(4,12,22,.95) !important;


    color:#eee !important;


    border:1px solid rgba(200,160,80,.35) !important;


    height:42px;

}


.slim-card input:focus {

    border-color:#d7ad57 !important;

    box-shadow:
    0 0 12px rgba(215,173,87,.35);

}


/* bouton */

.slim-card .btn-primary {

    margin-top:25px;

    height:45px;

    letter-spacing:2px;

    box-shadow:

    0 0 20px rgba(215,173,87,.25);

}


.slim-card .btn-primary:hover {

    transform:translateY(-2px);

    box-shadow:

    0 0 30px rgba(215,173,87,.55);

}


/* liens */

.login-links {

    margin-top:28px !important;

}


.login-links a {

    font-size:12px !important;

    letter-spacing:1.5px !important;

    color:#b8c6d8 !important;

}


.login-links a:hover {

    color:#d7ad57 !important;

}




/* =====================================
   AZR WOW LOGIN - LICH KING ATMOSPHERE
===================================== */


/* ambiance glacée centrale */

.page-hero:before {

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);


    background:

    radial-gradient(
        circle,
        rgba(80,160,220,.18),
        rgba(20,50,90,.08) 35%,
        transparent 70%
    );


    filter:blur(15px);

    z-index:0;

}



/* rune circulaire */

.page-hero:after {

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    left:50%;

    top:50%;


    transform:
    translate(-50%,-50%);


    border-radius:50%;


    border:

    1px solid rgba(90,160,220,.12);


    box-shadow:

    0 0 60px rgba(80,160,220,.12),
    inset 0 0 40px rgba(80,160,220,.08);


    z-index:0;

}



/* carte au dessus */

.slim-card {

    z-index:2 !important;

}



/* champs style glace */

.slim-card input {


    background:

    linear-gradient(
        180deg,
        rgba(15,30,50,.95),
        rgba(5,12,22,.95)
    ) !important;


    color:#ffffff !important;


    border:

    1px solid rgba(170,190,220,.25) !important;


}



/* texte champs */

.slim-card label {

    color:#c9a45a !important;

}



/* bouton premium */

.slim-card .btn-primary {


    background:

    linear-gradient(
        180deg,
        #e2bd67,
        #b88932
    ) !important;


    color:#101010 !important;


}



/* liens */

.login-links a {


    color:#91a8c0 !important;


}


.login-links a:hover {


    color:#e0b95d !important;


}




/* =====================================
   AZR WOW LOGIN - OVERRIDE ABSOLU
===================================== */


/* champs FORCE bleu nuit */

.page-hero .slim-card input,
.slim-card input[type="text"],
.slim-card input[type="password"] {


    background:#07121f !important;


    background-image:none !important;


    color:#f1f1f1 !important;


    border:1px solid rgba(215,173,87,.35) !important;


    box-shadow:
    inset 0 0 15px rgba(0,0,0,.7) !important;


}



/* placeholder */

.slim-card input::placeholder {

    color:#8b9bad !important;

}



/* carte plus premium */

.slim-card {


    background:

    linear-gradient(
        180deg,
        rgba(12,25,42,.97),
        rgba(2,6,12,.99)
    ) !important;


    border:

    1px solid rgba(215,173,87,.28) !important;


    box-shadow:

    0 0 50px rgba(0,0,0,.9),
    0 0 25px rgba(60,130,200,.15),
    inset 0 0 40px rgba(60,130,200,.08) !important;


}



/* rune plus visible */

.page-hero:before {


    opacity:.8 !important;


}



/* bouton */

.slim-card .btn-primary {


    background:

    linear-gradient(
        180deg,
        #f0cc78,
        #b88632
    ) !important;


}



/* liens */

.login-links {


    opacity:.9;


}





/* =====================================
   AZR WOW LOGIN - INPUT HARD RESET
===================================== */


/* suppression total ancien style formulaire */

body .page-hero .slim-card form input,
body .page-hero .slim-card input {


    background-color:#07121f !important;

    background-image:
    linear-gradient(
        180deg,
        rgba(20,40,65,.95),
        rgba(4,10,18,.98)
    ) !important;


    color:#ffffff !important;


    border:1px solid rgba(215,173,87,.45) !important;


    box-shadow:

    inset 0 0 20px rgba(0,0,0,.8),
    0 0 8px rgba(70,130,200,.15) !important;


}


/* texte saisi */

body .page-hero .slim-card input {

    caret-color:#d7ad57 !important;

}


/* focus */

body .page-hero .slim-card input:focus {


    border-color:#d7ad57 !important;


    outline:none !important;


    box-shadow:

    0 0 15px rgba(215,173,87,.35),
    inset 0 0 20px rgba(0,0,0,.8) !important;


}




/* =====================================
   AZR WOW LOGIN - TOTAL FORM RESET
===================================== */


/* reset complet champs login */

body .page-hero .slim-card form input {

    appearance:none !important;
    -webkit-appearance:none !important;


    background:#081522 !important;

    background-image:none !important;


    background-color:#081522 !important;


    color:#ffffff !important;


    border:1px solid rgba(215,173,87,.45) !important;


    border-radius:2px !important;


    padding:0 15px !important;


    height:44px !important;


    box-shadow:
    inset 0 0 20px rgba(0,0,0,.8) !important;

}



/* empêcher autofill navigateur */

body .page-hero .slim-card input:-webkit-autofill,
body .page-hero .slim-card input:-webkit-autofill:hover,
body .page-hero .slim-card input:-webkit-autofill:focus {


    -webkit-text-fill-color:#ffffff !important;


    -webkit-box-shadow:
    0 0 0px 1000px #081522 inset !important;


}



/* labels */

body .page-hero .slim-card label {

    color:#c9a45a !important;

}



/* curseur focus */

body .page-hero .slim-card input:focus {

    border-color:#e0b95d !important;

}





/* =====================================
   AZR WOW LOGIN - FINAL BLIZZARD STYLE
===================================== */


/* carte plus immersive */

.page-hero .slim-card {

    width:520px !important;

    padding:65px 55px !important;

    background:
    linear-gradient(
        180deg,
        rgba(10,25,40,.96),
        rgba(2,8,15,.98)
    ) !important;


    border:1px solid rgba(210,170,80,.35) !important;


    box-shadow:

    0 0 50px rgba(0,0,0,.8),

    inset 0 0 40px rgba(40,90,130,.18) !important;


}


/* titre */

.page-hero .slim-card h1 {

    font-size:38px !important;

    letter-spacing:1px;

    color:#f2e6c9 !important;

    text-shadow:
    0 0 15px rgba(220,180,90,.35);

}



/* champs effet glace */

.page-hero .slim-card input {

    height:48px !important;

    font-size:15px !important;


    background:
    linear-gradient(
        180deg,
        #0c1d30,
        #050d18
    ) !important;


    border:1px solid rgba(200,160,70,.5) !important;


    transition:.3s;

}



.page-hero .slim-card input:focus {


    border-color:#e2bd62 !important;


    box-shadow:

    0 0 12px rgba(220,180,80,.35),

    inset 0 0 20px rgba(30,70,100,.5) !important;

}



/* bouton plus Warcraft */

.page-hero .btn-primary {

    height:52px !important;

    font-size:14px !important;

    letter-spacing:2px;


    box-shadow:

    0 0 20px rgba(220,170,70,.35);

}



/* liens */

.login-links a {

    color:#9eb4c8 !important;

    transition:.3s;

}


.login-links a:hover {

    color:#e2bd62 !important;

}



/* halo derrière */

.page-hero:after {

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    width:700px;

    height:700px;

    transform:translate(-50%,-50%);

    background:

    radial-gradient(
        circle,
        rgba(50,110,160,.12),
        transparent 65%
    );

    pointer-events:none;

}





/* =====================================
   AZR WOW LOGIN - LICH KING PORTAL
===================================== */


/* halo runique amélioré */

.page-hero:before {

    width:900px !important;
    height:900px !important;

    background:

    radial-gradient(
        circle,
        rgba(70,130,180,.16),
        transparent 55%
    ) !important;

    opacity:.8;

}


/* carte cristal */

.page-hero .slim-card {


    backdrop-filter:blur(12px) !important;


    border-radius:6px !important;


    box-shadow:

    0 0 80px rgba(0,0,0,.9),

    0 0 40px rgba(80,140,200,.15),

    inset 0 0 50px rgba(80,140,200,.12) !important;


}



/* petit texte lore */

.page-hero .slim-card h1:after {


    content:"ROYAUME D'AZEROTH • WRATH OF THE LICH KING";


    display:block;


    margin-top:18px;


    font-size:10px;


    letter-spacing:3px;


    color:#b79a55;


}



/* labels */

.page-hero .slim-card label {


    color:#c9b37a !important;


    letter-spacing:2px;


    font-size:11px !important;


}



/* liens */

.login-links {


    margin-top:30px !important;


    opacity:.9;


}


/* animation légère */

.page-hero .slim-card {


    animation:

    loginFade .8s ease;


}


@keyframes loginFade {


from {

    opacity:0;

    transform:translateY(20px);

}


to {

    opacity:1;

    transform:translateY(0);

}


}





/* =====================================
   AZR WOW LOGIN - FROZEN RUNE FINISH
===================================== */


/* rune centrale */

.page-hero:after {

    content:"ᛟ";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);


    font-size:420px;


    color:rgba(100,160,210,.035);


    text-shadow:

    0 0 80px rgba(80,150,220,.15);


    pointer-events:none;


    z-index:0;

}



/* carte au-dessus */

.page-hero .slim-card {

    position:relative;

    z-index:2;


    border:

    1px solid rgba(220,180,90,.45) !important;


}



/* titre plus royal */

.page-hero .slim-card h1 {

    font-size:42px !important;

}



/* effet glace contour */

.page-hero .slim-card:hover {

    box-shadow:

    0 0 70px rgba(80,150,220,.25),

    inset 0 0 40px rgba(220,180,90,.08) !important;


}


/* texte sous liens */

.login-links:after {

    content:"Le royaume d'Azeroth vous attend";

    display:block;

    margin-top:18px;

    font-size:10px;

    letter-spacing:3px;

    color:#687b8d;

}





/* =====================================
   AZR WOW LOGIN - FINAL POLISH
===================================== */


/* carte équilibrée */

.page-hero .slim-card {

    width:520px !important;

    padding:50px 55px !important;

}



/* liens propres */

.login-links {

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    gap:28px !important;

    flex-wrap:nowrap !important;

}


.login-links a {

    white-space:nowrap !important;

    font-size:10px !important;

    letter-spacing:1.5px !important;

}



/* texte lore */

.login-links:after {

    display:none !important;

}



/* ajout propre sous les liens */

.slim-card:after {

    content:"LE ROYAUME D'AZEROTH VOUS ATTEND";

    display:block;

    margin-top:25px;

    text-align:center;

    color:rgba(180,200,220,.55);

    font-size:9px;

    letter-spacing:3px;

}



/* rune plus élégante */

.page-hero:after {

    content:"✦";

    font-size:360px !important;

    color:rgba(80,150,220,.04) !important;

    text-shadow:

    0 0 80px rgba(100,160,220,.25);


}





/* =====================================
   AZR WOW LOGIN - MASTER FINISH
===================================== */


/* halo glace plus naturel */

.page-hero:after {

    content:"";

    width:850px;
    height:850px;

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);


    background:

    radial-gradient(
        ellipse,
        rgba(80,150,220,.12),
        rgba(0,0,0,0) 65%
    );


    filter:blur(20px);

}


/* liens premium */

.login-links a {

    color:#9fb4c7 !important;

    font-size:11px !important;

    letter-spacing:2px !important;

}


.login-links a:hover {

    color:#d8b45a !important;

}


/* petit symbole avant titre */

.page-hero .slim-card h1:before {

    content:"◆";

    display:block;

    color:#cba85a;

    font-size:14px;

    margin-bottom:15px;

    text-shadow:
    0 0 15px rgba(220,180,80,.5);

}




/* =====================================
   AZR LOGIN - LEGENDARY BUTTON TOUCH
===================================== */


/* position carte */

.page-hero .slim-card {

    transform:translateY(-35px) !important;

}



/* bouton artefact */

.page-hero .btn-primary {

    background:

    linear-gradient(
        180deg,
        #f1cf78,
        #c28b2c
    ) !important;


    color:#16110a !important;


    border:1px solid rgba(255,230,150,.8) !important;


    box-shadow:

    0 0 25px rgba(220,170,70,.35),

    inset 0 2px 5px rgba(255,255,255,.35) !important;


}


.page-hero .btn-primary:hover {

    filter:brightness(1.12);

}




/* =====================================
   AZR LOGIN - FROZEN RELIC FINAL
===================================== */


/* reflet glace carte */

.page-hero .slim-card:before {

    content:"";

    position:absolute;

    top:0;
    left:15%;

    width:70%;
    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(170,220,255,.8),
        transparent
    );

}


.page-hero .slim-card {

    position:relative;

    box-shadow:

    0 0 45px rgba(40,110,160,.25),

    inset 0 0 35px rgba(80,140,190,.08) !important;

}


/* bouton légendaire */

.page-hero .btn-primary:hover {

    box-shadow:

    0 0 35px rgba(255,210,100,.65),

    inset 0 2px 8px rgba(255,255,255,.5) !important;

    transform:translateY(-2px);

}


/* liens plus lisibles */

.login-links a {

    transition:.3s;

}


.login-links a:hover {

    color:#d9b45b !important;

}




/* =====================================
   AZR LOGIN - FINAL RUNIC DETAIL
===================================== */


/* déplacement final */

.page-hero .slim-card {

    transform:translateY(-45px) !important;

}


/* titre */

.page-hero .slim-card h1 {

    font-size:38px !important;

    letter-spacing:1px;

}


/* ligne runique sous bouton */

.page-hero .btn-primary:after {

    content:"";

    display:block;

    width:90px;

    height:1px;

    margin:18px auto -10px;


    background:

    linear-gradient(
        90deg,
        transparent,
        #d9b45b,
        transparent
    );


    opacity:.8;

}




/* =====================================
   AZR WOW REGISTER - LICH KING PORTAL
===================================== */


/* hero inscription */

.compact-hero {

    text-align:center;

    position:relative;

    padding-top:80px !important;

}


.compact-hero h1 {

    font-size:42px !important;

    letter-spacing:1px;

}


/* zone inscription */

.register-section {

    position:relative;

}


.register-layout {

    display:flex !important;

    justify-content:center !important;

    align-items:flex-start;

    gap:35px !important;

}


/* carte principale */

.register-card {


    width:520px !important;


    padding:55px !important;


    background:

    linear-gradient(
        180deg,
        rgba(10,25,40,.96),
        rgba(2,8,15,.98)
    ) !important;


    border:

    1px solid rgba(215,170,80,.45);


    box-shadow:

    0 0 50px rgba(40,110,160,.25),

    inset 0 0 40px rgba(80,140,190,.08);


}


/* champs */

.register-card input {


    background:#07121f !important;

    border:

    1px solid rgba(220,180,90,.5) !important;


    color:white !important;


}


.register-card input:focus {


    border-color:#d9b45b !important;


    box-shadow:

    0 0 15px rgba(217,180,91,.35);


}


/* bouton */

.register-card .btn-primary {


    background:

    linear-gradient(
        180deg,
        #f1ce74,
        #b8862f
    ) !important;


    color:#111 !important;


    box-shadow:

    0 0 25px rgba(230,190,80,.35);


}


/* panneau informations */

.info-panel {


    width:320px !important;


    padding:35px !important;


    background:

    linear-gradient(
        180deg,
        rgba(8,20,34,.95),
        rgba(2,8,15,.98)
    );


    border:

    1px solid rgba(100,160,200,.25);


    box-shadow:

    0 0 35px rgba(50,120,180,.15);


}


/* badge SRP6 */

.shield-badge {


    background:

    linear-gradient(
        180deg,
        #dcb75b,
        #8c6520
    ) !important;


    color:#111 !important;


}


/* halo glace */

.register-section:before {


    content:"";


    position:absolute;


    left:50%;

    top:20%;


    width:900px;

    height:900px;


    transform:translateX(-50%);


    background:

    radial-gradient(
        circle,
        rgba(70,130,180,.15),
        transparent 60%
    );


    pointer-events:none;


}




/* =====================================
   AZR REGISTER - PREMIUM LAYOUT FIX
===================================== */


/* hero plus compact */

.compact-hero {

    padding-top:35px !important;

    padding-bottom:35px !important;

    min-height:auto !important;

}


.compact-hero h1 {

    font-size:42px !important;

    margin:10px 0 !important;

}


/* centrage global */

.register-section {

    margin-top:-30px !important;

}


/* alignement cartes */

.register-layout {

    width:900px;

    max-width:95%;

    margin:auto;


    align-items:stretch !important;

}


/* carte inscription */

.register-card {


    width:560px !important;

    min-height:520px;


    padding:50px !important;


    background:

    linear-gradient(
        180deg,
        rgba(10,27,45,.97),
        rgba(2,8,15,.98)
    ) !important;


    border:

    1px solid rgba(215,170,80,.45);


    box-shadow:

    0 0 55px rgba(60,130,190,.22),

    inset 0 0 35px rgba(100,170,220,.08);


}


/* titre carte */

.register-card h2 {

    font-size:30px !important;

    color:#eee4c7;

}



/* panneau infos */

.info-panel {


    width:300px !important;


    padding:35px !important;


    background:

    linear-gradient(
        180deg,
        rgba(7,20,34,.96),
        rgba(2,7,14,.98)
    );


    border:

    1px solid rgba(90,150,190,.35);


}


/* boutons pleine largeur */

.register-card .btn-full {

    width:100% !important;

}


/* halo glace */

.register-section:after {


    content:"";


    position:absolute;


    left:50%;

    top:50%;


    width:800px;

    height:800px;


    transform:translate(-50%,-50%);


    background:

    radial-gradient(
        circle,
        rgba(70,140,200,.12),
        transparent 60%
    );


    z-index:-1;


}





/* =====================================
   AZR REGISTER - REALM PORTAL FINISH
===================================== */


/* hero fusion */

.compact-hero {

    margin-bottom:-20px !important;

}


.compact-hero h1 {

    text-shadow:
    0 0 20px rgba(100,160,220,.35);

}


/* carte inscription relique */


.register-card {


    position:relative;

    overflow:hidden;


}


.register-card:before {


    content:"";


    position:absolute;

    top:0;

    left:10%;


    width:80%;

    height:2px;


    background:

    linear-gradient(
        90deg,
        transparent,
        #d9ad4c,
        transparent
    );


    box-shadow:

    0 0 15px #d9ad4c;


}



/* profondeur intérieure */


.register-card {


box-shadow:

0 0 50px rgba(50,120,190,.25),

inset 0 0 40px rgba(70,140,200,.08) !important;


}



/* panneau royaume */


.info-panel {


box-shadow:

0 0 35px rgba(70,130,180,.18),

inset 0 0 25px rgba(90,150,200,.06);


}


.info-panel h2 {


color:#e8dcc0 !important;


}



/* bouton artefact */


.register-card .btn-primary {


background:

linear-gradient(
180deg,
#f0c86a,
#bd8528
) !important;


box-shadow:

0 0 25px rgba(230,170,60,.35);


letter-spacing:2px;


}


.register-card .btn-primary:hover {


box-shadow:

0 0 40px rgba(230,180,80,.65);


}



/* champs */


.register-card input {


border-color:

rgba(120,170,210,.45) !important;


}


.register-card input:focus {


border-color:#d9ad4c !important;


box-shadow:

0 0 15px rgba(217,173,76,.35);


}




/* =====================================
   AZR REGISTER - FINAL IMMERSION
===================================== */


.register-section {

    padding-top:20px !important;

}


/* rune au-dessus */

.compact-hero:before {

    content:"◆";

    display:block;

    color:#d9ad4c;

    font-size:14px;

    margin-bottom:15px;

    text-shadow:

    0 0 15px rgba(217,173,76,.8);

}



/* layout premium */

.register-layout {

    gap:35px !important;

}



/* carte principale */

.register-card {

    width:520px !important;

}



/* panneau royaume */

.info-panel {

    width:270px !important;

    background:

    linear-gradient(
        180deg,
        rgba(10,25,40,.96),
        rgba(3,10,18,.98)
    );

}



/* bouton guide */

.info-panel .btn {

    margin-top:25px;

}



/* titres */

.register-card h2,
.info-panel h2 {

    text-shadow:

    0 0 15px rgba(80,140,200,.35);

}





/* =====================================
   AZR REGISTER - INFO PANEL FIX
===================================== */


.info-panel {

    width:300px !important;

}


.info-panel h2 {

    white-space:nowrap;

}




/* =====================================
   AZR REGISTER - FINAL POSITION
===================================== */


/* remontée du bloc inscription */

.register-layout {

    transform:translateY(-20px) !important;

}



/* ligne royaume sous le titre panneau */

.info-panel h2:after {

    content:"";

    display:block;

    width:60px;

    height:2px;

    margin-top:12px;

    background:#d9ad4c;

    box-shadow:
    0 0 10px rgba(217,173,76,.8);

}



/* finition panneau */

.info-panel {

    border-color:
    rgba(217,173,76,.35) !important;

}





/* =====================================
   AZR REGISTER - CRYSTAL RELIC FINISH
===================================== */


/* largeur carte inscription */

.register-card {

    width:540px !important;

}


/* titre carte */

.register-card h2 {

    white-space:nowrap;

    letter-spacing:.5px;

}



/* effet cristal cartes */

.register-card,
.info-panel {

    box-shadow:

    0 0 35px rgba(80,150,220,.18),

    inset 0 0 25px rgba(80,150,220,.06);

}



/* rune panneau information */

.info-panel:before {

    content:"◆";

    display:block;

    color:#d9ad4c;

    font-size:12px;

    margin-bottom:15px;

    text-shadow:

    0 0 12px rgba(217,173,76,.8);

}



/* bouton guide */

.info-panel .btn {

    border-color:

    rgba(217,173,76,.45) !important;

}




/* =====================================
   AZR WOW PLAY PAGE - LICH KING PORTAL
===================================== */


/* hero jouer */

.page-hero h1 {

    text-shadow:
    0 0 20px rgba(120,170,220,.45);

}


/* section étapes */

.steps-section {

    padding-top:40px !important;

}


/* grille */

.steps-grid {

    gap:28px !important;

}


/* cartes */

.step-card {

    position:relative;

    background:
    linear-gradient(
        180deg,
        rgba(12,30,48,.96),
        rgba(3,10,18,.98)
    ) !important;


    border:1px solid rgba(210,170,70,.35) !important;

    box-shadow:
    0 0 35px rgba(30,90,150,.18),
    inset 0 0 30px rgba(0,0,0,.5);

    transition:.3s ease;

}


.step-card:hover {

    transform:translateY(-6px);

    border-color:rgba(220,180,80,.8) !important;

    box-shadow:
    0 0 45px rgba(90,160,220,.35);

}


/* numéro */

.step-card span {

    color:#d6aa45 !important;

    font-size:38px !important;

    text-shadow:
    0 0 15px rgba(220,180,70,.4);

}


/* titres */

.step-card h2 {

    color:#f1dfb0 !important;

}


/* textes */

.step-card p {

    color:#9fb3c8 !important;

}


/* lien créer compte */

.step-card a {

    color:#e2bd55 !important;

}


/* bloc realmlist */

.code-copy {

    background:
    linear-gradient(
    180deg,
    rgba(0,0,0,.45),
    rgba(5,15,25,.8)
    ) !important;


    border:1px solid rgba(120,170,220,.25);

}


/* bouton copier */

.code-copy button {

    background:#c99a35 !important;

    color:#111 !important;

    border:none !important;

}


/* note importante */

.note-box {

    margin-top:45px !important;

    background:
    linear-gradient(
    180deg,
    rgba(15,35,55,.9),
    rgba(4,12,20,.95)
    ) !important;


    border-left:3px solid #d3aa42 !important;

}




/* =====================================
   AZR PLAY PREMIUM LICH KING
===================================== */


.play-premium {
    padding-top:30px;
}


.play-premium-hero h1 {
    text-shadow:
    0 0 25px rgba(100,170,255,.45);
}



.download-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    max-width:900px;

    margin:auto;

}














/* =====================================
   

/* =====================================
   




/* =====================================
   









/* =====================================
   AZR DOWNLOAD RESTORE PREMIUM
===================================== */

.download-card {

    background:
    linear-gradient(
        145deg,
        rgba(15,35,55,.95),
        rgba(3,12,22,.95)
    ) !important;

    border:1px solid rgba(0,200,255,.45) !important;

    height:180px !important;

    display:flex !important;

    align-items:center !important;

    padding:35px !important;

    gap:35px !important;

    transition:.35s ease !important;

}


/* repos bleu */
.download-card:hover {

    border-color:#ffb000 !important;

    box-shadow:
    0 0 25px rgba(255,176,0,.75),
    0 0 60px rgba(255,176,0,.35) !important;

}


/* titres */

.download-card h2,
.download-card h2 strong {

    color:#f6c343 !important;

    font-size:28px !important;

    text-shadow:
    0 0 12px rgba(255,176,0,.5);

}


/* texte */

.download-card p {

    color:#d5e9ff !important;

}


/* remettre la structure horizontale */

.download-grid {

    display:grid !important;

    grid-template-columns:repeat(2,1fr) !important;

    gap:28px !important;

}




/* =====================================
   AZR DOWNLOAD HOVER FINAL EFFECT
===================================== */


.download-card {

    border:1px solid rgba(0,200,255,.55) !important;

    box-shadow:
    0 0 12px rgba(0,200,255,.18),
    inset 0 0 25px rgba(0,120,255,.08);

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease !important;

}


/* souris dessus */

.download-card:hover {

    border-color:#ffb000 !important;

    transform:translateY(-5px) !important;

    box-shadow:

    0 0 20px rgba(255,176,0,.8),
    0 0 55px rgba(255,176,0,.45),
    inset 0 0 35px rgba(255,176,0,.12) !important;

}


/* titre repos */

.download-card h2,
.download-card h2 strong {

    color:#f6c343 !important;

    transition:.3s ease;

}


/* titre hover */

.download-card:hover h2,
.download-card:hover h2 strong {

    color:#ffb000 !important;

    text-shadow:
    0 0 15px rgba(255,176,0,.9);

}


/* texte */

.download-card p {

    color:#d9ecff !important;

}



/* =====================================
   AZR WOW CARD HOVER ORANGE FINAL FIX
===================================== */

.download-card:hover {

    border-color:#ffb000 !important;

    box-shadow:
        0 0 20px rgba(255,176,0,.9),
        0 0 50px rgba(255,176,0,.55),
        inset 0 0 30px rgba(255,176,0,.15) !important;

    transform:translateY(-6px) scale(1.02) !important;

}


.download-card:hover h2,
.download-card:hover h2 strong {

    color:#ffb000 !important;

    text-shadow:
        0 0 15px rgba(255,176,0,1) !important;

}


/* =====================================
   AZR FORCE DOWNLOAD HOVER ORANGE
===================================== */

.download-grid .download-card:hover,
.download-item .download-card:hover {

    border:1px solid #ffb000 !important;

    box-shadow:
        0 0 25px rgba(255,176,0,.95),
        0 0 70px rgba(255,176,0,.55),
        inset 0 0 40px rgba(255,176,0,.18) !important;

    transform:translateY(-6px) scale(1.02) !important;

}


.download-grid .download-card:hover h2,
.download-grid .download-card:hover h2 strong,
.download-item .download-card:hover h2,
.download-item .download-card:hover h2 strong {

    color:#ffb000 !important;

    text-shadow:
        0 0 18px rgba(255,176,0,1) !important;

}



/* =====================================
   AZR DOWNLOAD CONTENT FINAL
===================================== */


/* structure carte */

.download-card {

    display:flex !important;

    align-items:center !important;

    gap:35px !important;

    min-height:180px !important;

    padding:35px !important;

}


/* logo Windows */

.download-card .windows-logo,
.download-card svg,
.download-card img {

    width:70px !important;

    height:70px !important;

    flex-shrink:0 !important;

    filter:
    drop-shadow(0 0 12px rgba(0,170,255,.8));

}


/* zone texte */

.download-card .download-content {

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

}


/* titre */

.download-card h2 {

    margin:0 0 15px 0 !important;

    font-size:28px !important;

    line-height:1.2 !important;

}


/* description */

.download-card p {

    margin:0 !important;

    font-size:16px !important;

    line-height:1.6 !important;

}


/* magnet sous la carte */

.download-card + .magnet-link {

    margin-top:15px !important;

    text-align:center !important;

    font-weight:bold !important;

    color:#f6c343 !important;

}


/* responsive */

@media(max-width:900px){

.download-card{

    flex-direction:column !important;

    text-align:center !important;

}

}




/* =====================================
   AZR DOWNLOAD PREMIUM FINAL LAYOUT
===================================== */


/* cartes */

.download-card {

    min-height:190px !important;

    padding:30px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:left !important;

}


/* remettre une vraie zone texte */

.download-card h2 {

    color:#ffb000 !important;

    font-size:26px !important;

    margin-bottom:15px !important;

    text-shadow:
    0 0 12px rgba(255,176,0,.45);

}


.download-card p {

    color:#c9d8e8 !important;

    font-size:16px !important;

    line-height:1.6 !important;

}


/* contenu centré propre */

.download-card > div {

    width:100% !important;

}


/* espace entre les cartes */

.download-grid {

    gap:28px !important;

}


/* lien torrent */

.download-card + a,
.download-card ~ a {

    color:#ffb000 !important;

    font-weight:bold !important;

}


/* hover bleu repos */

.download-card {

    border:1px solid rgba(0,200,255,.7) !important;

    box-shadow:
    0 0 15px rgba(0,200,255,.25);

}


/* hover orange */

.download-card:hover {

    border-color:#ffb000 !important;

    box-shadow:

    0 0 25px rgba(255,176,0,.9),
    0 0 70px rgba(255,176,0,.45);

    transform:translateY(-5px) scale(1.02) !important;

}




/* =====================================
   AZR DOWNLOAD BLIZZARD CARD STRUCTURE
===================================== */


.download-card {

    min-height:220px !important;

    padding:35px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:35px !important;

}


/* zone logo Windows */

.download-card .windows-logo {

    width:70px !important;

    height:70px !important;

    flex-shrink:0;

}


/* texte */

.download-card .download-content {

    text-align:left !important;

}


.download-card h2 {

    margin:0 0 15px 0 !important;

    font-size:28px !important;

    color:#ffb000 !important;

    text-shadow:
    0 0 12px rgba(255,176,0,.5);

}


.download-card p {

    margin:0 !important;

    color:#d5e4f5 !important;

    line-height:1.7 !important;

}


/* contour repos */

.download-card {

    border:1px solid rgba(0,200,255,.75) !important;

    box-shadow:

    0 0 15px rgba(0,200,255,.25),

    inset 0 0 30px rgba(0,100,255,.08) !important;

    transition:.35s ease !important;

}


/* hover orange */

.download-card:hover {

    border-color:#ffb000 !important;

    transform:translateY(-6px) scale(1.02) !important;

    box-shadow:

    0 0 30px rgba(255,176,0,.9),

    0 0 80px rgba(255,176,0,.45) !important;

}




/* =====================================
   AZR DOWNLOAD FINAL WINDOWS LAYOUT
===================================== */


.download-card {

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:35px !important;

    min-height:210px !important;
    padding:35px !important;

}


/* LOGO WINDOWS */

.windows-logo {

    width:70px !important;
    height:70px !important;

    display:grid !important;

    grid-template-columns:repeat(2,1fr) !important;
    grid-template-rows:repeat(2,1fr) !important;

    gap:5px !important;

    flex-shrink:0 !important;

}


.windows-logo span {

    background:#00a8ff !important;

    display:block !important;

    box-shadow:
    0 0 12px rgba(0,168,255,.8);

}


/* CONTENU */

.download-content {

    flex:1 !important;

    text-align:left !important;

}


.download-content h2 {

    margin:0 0 15px 0 !important;

    color:#ffb000 !important;

    font-size:28px !important;

    text-shadow:
    0 0 12px rgba(255,176,0,.55);

}


.download-content p {

    color:#d5e4f5 !important;

    line-height:1.7 !important;

    margin:0 !important;

}


/* ETAT NORMAL BLEU */

.download-card {

    border:1px solid rgba(0,200,255,.75) !important;

    box-shadow:

    0 0 15px rgba(0,200,255,.25),

    inset 0 0 30px rgba(0,120,255,.08) !important;

    transition:.35s ease !important;

}


/* SURVOL ORANGE */

.download-card:hover {

    border-color:#ffb000 !important;

    transform:translateY(-6px) scale(1.02) !important;

    box-shadow:

    0 0 30px rgba(255,176,0,.9),

    0 0 80px rgba(255,176,0,.5),

    inset 0 0 30px rgba(255,176,0,.15) !important;

}


.download-card:hover h2 {

    color:#ffd45c !important;

}




/* =====================================
   AZR WINDOWS LOGO FINAL
===================================== */


.download-card .windows-logo {

    width:70px !important;
    height:70px !important;

    display:grid !important;

    grid-template-columns:repeat(2,1fr) !important;
    grid-template-rows:repeat(2,1fr) !important;

    gap:5px !important;

    flex-shrink:0 !important;

}


.download-card .windows-logo span {

    display:block !important;

    background:#00a8ff !important;

    box-shadow:
    0 0 12px rgba(0,168,255,.8),
    0 0 25px rgba(0,168,255,.35);

}


/* alignement carte */

.download-card .download-content {

    display:block !important;

}




/* =====================================
   AZR DOWNLOAD FINAL POLISH
===================================== */


/* taille cartes */

.download-card {

    width:100% !important;

    min-height:170px !important;

    padding:28px 35px !important;

}


/* grille téléchargement */

.download-grid {

    gap:28px !important;

}


/* logo Windows plus naturel */

.download-card .windows-logo {

    width:62px !important;

    height:62px !important;

}


.download-card .windows-logo span {

    box-shadow:
    0 0 8px rgba(0,168,255,.55) !important;

}


/* titres */

.download-content h2 {

    font-size:24px !important;

    white-space:nowrap !important;

}


/* paragraphes */

.download-content p {

    font-size:16px !important;

}


/* magnet */

.magnet-link {

    margin-top:10px !important;

}




/* =====================================
   AZR FINAL CARD BALANCE
===================================== */


.download-card {

    min-height:190px !important;

    padding:35px 40px !important;

}


.windows-logo {

    margin-right:10px !important;

}


/* titres plus propres */

.download-content h2 {

    font-size:26px !important;

    line-height:1.25 !important;

    max-width:260px !important;

    white-space:normal !important;

}


/* texte */

.download-content p {

    max-width:320px !important;

}


/* espace entre cartes */

.download-grid {

    column-gap:35px !important;

}




/* =====================================
   AZR FINAL PREMIUM SPACING FIX
===================================== */


.download-card {

    min-height:210px !important;

    padding:32px 38px !important;

    gap:28px !important;

}


/* logo windows */

.download-card .windows-logo {

    width:62px !important;
    height:62px !important;

    filter:
    drop-shadow(0 0 12px rgba(0,180,255,.75));

}


/* contenu */

.download-content {

    flex:1 !important;

    padding-left:5px !important;

}


.download-content h2 {

    font-size:25px !important;

    line-height:1.2 !important;

    max-width:300px !important;

    margin-bottom:12px !important;

}


.download-content p {

    font-size:16px !important;

    line-height:1.55 !important;

}


/* garde les cartes alignées */

.download-grid {

    align-items:stretch !important;

}

/* =========================================
   MENU DROPDOWN EXACTEMENT COMME ACCUEIL
========================================= */

.main-nav .nav-dropdown {
    position: relative;
}

.main-nav .nav-dropdown-title {
    position: relative;
}

.main-nav .nav-dropdown:hover > .nav-dropdown-title {
    color:#fff !important;
    background:rgba(255,255,255,.025) !important;
}

/* même ligne dorée que accueil */
.main-nav .nav-dropdown:hover > .nav-dropdown-title::after {
    content:"";
    position:absolute;
    left:19px;
    right:19px;
    bottom:-1px;
    height:2px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--gold),
        transparent
    );
    box-shadow:0 0 14px rgba(215,173,87,.35);
}




.new-badge{
    display:inline-block;
    margin-left:8px;
    padding:2px 5px;
    background:#ff304f;
    color:#fff;
    font-size:8px;
    font-weight:900;
    line-height:12px;
    border-radius:2px;
    letter-spacing:.08em;
    vertical-align:middle;
}


.nav-azr-logo{
    display:flex;
    align-items:center;
    justify-content:center;


/* =====================================================
   AZR HOME LOGO FINAL CLEAN
===================================================== */


/* uniquement le bouton accueil */
.main-nav a[href="index.php"]{

    width:90px!important;
    height:60px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:0!important;

}


/* diamant AZR unique */
.main-nav a[href="index.php"]::before{

    content:"AZR"!important;

    width:42px!important;
    height:42px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;


    transform:rotate(45deg)!important;


    border:1px solid #d9ad4c!important;


    background:
    linear-gradient(
        135deg,
        rgba(217,173,76,.25),
        rgba(0,8,15,.95)
    )!important;


    color:#d9ad4c!important;


    font-family:Georgia,serif!important;

    font-size:12px!important;

    font-weight:bold!important;


    box-shadow:
    0 0 25px rgba(217,173,76,.55),
    inset 0 0 15px rgba(217,173,76,.20)!important;

}


/* cache tous les autres pseudo logos */
.main-nav a:not([href="index.php"])::before{

    content:none!important;
    display:none!important;

}



/* =====================================================
   AZR MENU HOME FINAL
===================================================== */

.main-nav a[href="index.php"]{

    width:90px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;

}


.azr-menu-home{

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;


    transform:rotate(45deg);


    border:1px solid #d9ad4c;


    background:
    linear-gradient(
        135deg,
        rgba(217,173,76,.25),
        rgba(0,8,15,.95)
    );


    color:#d9ad4c;


    font-family:Georgia,serif;

    font-size:12px;

    font-weight:bold;


    box-shadow:
    0 0 25px rgba(217,173,76,.55),
    inset 0 0 15px rgba(217,173,76,.20);

}


.azr-menu-home::first-letter{

}




/* =====================================================
   AZR MENU LOGO FINAL FIX
===================================================== */


.main-nav a[href="index.php"]{
    width:90px!important;
    height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}


.main-nav a[href="index.php"] .azr-menu-home{

    width:42px!important;
    height:42px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    transform:rotate(45deg)!important;

    border:1px solid #d9ad4c!important;

    background:
    linear-gradient(
        135deg,
        rgba(217,173,76,.25),
        rgba(0,8,15,.95)
    )!important;

    color:#d9ad4c!important;

    font-family:Georgia,serif!important;

    font-size:12px!important;
    font-weight:bold!important;

    box-shadow:
    0 0 25px rgba(217,173,76,.55)!important;

}


.main-nav a[href="index.php"] .azr-menu-home span{

    transform:rotate(-45deg)!important;

}

/* =====================================================
   AZR MENU HOME FINAL OVERRIDE
===================================================== */

.main-nav a[href="index.php"]{
    width:90px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
}


.main-nav a[href="index.php"] .azr-menu-home{

    width:42px;
    height:42px;

    display:flex!important;
    justify-content:center!important;
    align-items:center!important;

    transform:rotate(45deg);

    border:1px solid #d9ad4c;

    background:
    linear-gradient(
        135deg,
        rgba(217,173,76,.25),
        rgba(0,8,15,.95)
    );

    box-shadow:
    0 0 25px rgba(217,173,76,.55),
    inset 0 0 15px rgba(217,173,76,.20);

}


.main-nav a[href="index.php"] .azr-menu-home span{

    transform:rotate(-45deg);

    color:#d9ad4c;

    font-family:Georgia,serif;

    font-size:12px;

    font-weight:bold;

    display:block;

}
/* =====================================================
   AZR MENU HOME ALIGNEMENT FINAL
===================================================== */

.main-nav a[href="index.php"]{
    height:58px!important;
    overflow:visible!important;
}


.main-nav a[href="index.php"] .azr-menu-home{

    width:38px!important;
    height:38px!important;

    position:relative;
    top:-2px;

}


.main-nav a[href="index.php"] .azr-menu-home span{

    font-size:11px!important;

}
/* =====================================================
   AZR MENU HOME FINITION PREMIUM
===================================================== */

.main-nav a[href="index.php"] .azr-menu-home{

    width:34px!important;
    height:34px!important;

    top:-1px!important;

    box-shadow:
    0 0 18px rgba(217,173,76,.45),
    inset 0 0 10px rgba(217,173,76,.15)!important;

}


.main-nav a[href="index.php"] .azr-menu-home span{

    font-size:10px!important;

}
/* =====================================================
   AZR MENU HOME FINAL POLISH
===================================================== */

.main-nav a[href="index.php"] .azr-menu-home{

    width:32px!important;
    height:32px!important;

    box-shadow:
    0 0 12px rgba(217,173,76,.35),
    inset 0 0 8px rgba(217,173,76,.12)!important;

}


.main-nav a[href="index.php"] .azr-menu-home span{

    font-size:9px!important;
    letter-spacing:.05em;

}
/* AZR MENU HOME HOVER */

.main-nav a[href="index.php"]:hover .azr-menu-home{

    box-shadow:
    0 0 25px rgba(217,173,76,.75),
    inset 0 0 12px rgba(217,173,76,.25)!important;

}
/* =====================================================
   AZR MENU HOME — CLEAN + HOVER EFFECT
===================================================== */

/* Etat normal : propre sans halo */
.main-nav a[href="index.php"] .azr-menu-home{

    box-shadow:none!important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;

}


/* Effet au passage souris */
.main-nav a[href="index.php"]:hover .azr-menu-home{

    transform: translateY(-3px) scale(1.08);

    box-shadow:
        0 0 22px rgba(217,173,76,.65),
        inset 0 0 12px rgba(217,173,76,.25)!important;

    filter:
        brightness(1.25);

}


/* Texte AZR */
.main-nav a[href="index.php"] .azr-menu-home span{

    transition:.25s ease;

}


.main-nav a[href="index.php"]:hover .azr-menu-home span{

    letter-spacing:1px;

}
/* =====================================================
   AZR LOGO HOVER FORCE TEST
===================================================== */

.main-nav a[href="index.php"] .azr-menu-home {
    box-shadow: none !important;
    filter: none !important;
    transition: all .3s ease !important;
}


.main-nav a[href="index.php"]:hover .azr-menu-home {
    transform: translateY(-5px) scale(1.15) !important;

    box-shadow:
    0 0 30px rgba(217,173,76,0.9) !important;

    filter: brightness(1.4) !important;
}
/* =====================================================
   AZR HOME BUTTON HOVER FINAL
===================================================== */

.main-nav a[href="index.php"] {
    transition: all .3s ease !important;
}


.main-nav a[href="index.php"]:hover {
    transform: translateY(-3px) !important;
}


/* suppression halo permanent */
.main-nav a[href="index.php"]::before {
    box-shadow:none!important;
}


/* effet au survol */
.main-nav a[href="index.php"]:hover::before {

    box-shadow:
    0 0 25px rgba(217,173,76,.9),
    0 0 50px rgba(217,173,76,.35)!important;

}


/* texte AZR */
.main-nav a[href="index.php"] .azr-menu-home span {

    transition:.3s ease!important;

}


.main-nav a[href="index.php"]:hover .azr-menu-home span {

    transform:scale(1.15);
    color:#fff!important;

}
/* =====================================================
   AZR MENU HOME FINAL HOVER
===================================================== */

.main-nav a[href="index.php"] .azr-menu-home {

    display:flex;
    width:42px;
    height:42px;

    transform:rotate(45deg);

    border:1px solid #d9ad4c;

    align-items:center;
    justify-content:center;

    color:#d9ad4c;

    transition:.35s ease;

    box-shadow:none;

}


.main-nav a[href="index.php"] .azr-menu-home span {

    transform:rotate(-45deg);

    transition:.35s ease;

}


/* Effet souris */
.main-nav a[href="index.php"]:hover .azr-menu-home {

    transform:rotate(45deg) scale(1.12);

    box-shadow:
    0 0 25px rgba(217,173,76,.75);

}


.main-nav a[href="index.php"]:hover .azr-menu-home span {

    letter-spacing:1px;
    color:#fff;

}
/* =====================================================
   AZR CLEAN OVERRIDE FINAL
===================================================== */

/* suppression anciens halos */
.main-nav a[href="index.php"]::before,
.main-nav a[href="index.php"]::after {

    box-shadow:none!important;
    content:none!important;

}


/* état normal */
.main-nav a[href="index.php"] .azr-menu-home {

    box-shadow:none!important;

}


/* effet souris uniquement */
.main-nav a[href="index.php"]:hover .azr-menu-home {

    box-shadow:
    0 0 28px rgba(217,173,76,.85)!important;

}