@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Rajdhani:wght@400;500;600&display=swap');

:root{--av-panel:var(--av-surface);--av-electric:var(--av-blue-soft);--av-gold2:#8a642d;--av-green:var(--av-success)}
html{scroll-behavior:smooth}.av-home{background:var(--av-bg);color:var(--av-ink);font-family:'Rajdhani',sans-serif;overflow:hidden}.av-home *{box-sizing:border-box}.av-home h1,.av-home h2,.av-home h3,.av-home strong,.av-home .av-btn{font-family:'Cinzel',serif}.av-home a{text-decoration:none}

/* Navigation */
.nav-glass{position:absolute!important;inset:0 0 auto!important;height:72px;background:linear-gradient(180deg,rgba(1,4,9,.98),rgba(2,7,14,.88))!important;border-block:1px solid rgba(176,126,58,.42)!important;box-shadow:0 4px 12px rgba(0,0,0,.8)!important;z-index:50}.nav-glass:after{content:"";position:absolute;bottom:-7px;left:26%;right:10%;height:8px;background:linear-gradient(90deg,transparent,var(--av-gold2),var(--av-blue),var(--av-gold2),transparent);clip-path:polygon(0 0,46% 0,48% 100%,52% 100%,54% 0,100% 0,100% 15%,54% 15%,52% 100%,48% 100%,46% 15%,0 15%);opacity:.85}.nav-glass>div{max-width:1420px!important}.nav-glass__inner{height:70px!important;padding-left:250px}.nav-glass__brand{position:absolute;left:26px;top:8px;width:220px;height:112px;z-index:2}.nav-glass__logo{width:220px!important;height:auto!important;max-height:none!important}.nav-link,.nav-cta{border-radius:0!important;color:#e8d7b6!important;text-transform:uppercase;letter-spacing:.06em;font-family:'Cinzel',serif;font-weight:500!important;background:transparent!important;border:0!important}.nav-link i,.nav-cta i{display:none}.nav-link:hover,.nav-link--active,.nav-cta:hover{color:#fff!important;text-shadow:0 0 12px var(--av-blue);box-shadow:none!important}.nav-btn-login,.nav-btn-register{border-radius:0!important;font-family:'Cinzel',serif;text-transform:uppercase}.nav-btn-register{background:linear-gradient(#d6aa58,#8c5c1f)!important;color:#080b11!important;border:1px solid #e4c47b!important}.nav-dropdown{border-radius:0!important;border:1px solid var(--av-line)!important;background:#030a13!important}

/* Hero */
.av-hero{position:relative;min-height:100svh;height:max(760px,100svh);display:flex;align-items:center;background:#020711}.av-hero__art{position:absolute;inset:0;background:url('/images/backgrounds/bg.webp') center center/cover no-repeat;transform:none}.av-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,4,10,.86) 0%,rgba(0,4,10,.58) 27%,rgba(0,5,12,.08) 58%,rgba(0,3,8,.18)),linear-gradient(0deg,#020711 0%,transparent 18%,transparent 80%,rgba(0,0,0,.35))}.av-hero__embers{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle,#ff9e2f 0 1px,transparent 2px),radial-gradient(circle,#53baff 0 1px,transparent 2px);background-size:173px 191px,221px 149px;animation:embers 18s linear infinite}.av-hero__content{position:relative;z-index:2;width:min(560px,44vw);margin-left:4.2vw;padding-top:66px}.av-hero__logo{width:270px;margin:0 0 28px -10px;filter:drop-shadow(0 8px 18px #000)}.av-hero__kicker{margin:0;font-family:'Cinzel',serif;font-size:clamp(1.7rem,2.7vw,2.8rem);text-transform:uppercase;letter-spacing:.04em}.av-hero h1{font-size:clamp(3.4rem,6vw,6rem);line-height:.95;margin:.02em 0 .18em;text-transform:uppercase;font-weight:500;color:#f5ead7;text-shadow:0 3px 5px #000,0 0 20px rgba(233,178,89,.2);letter-spacing:-.02em}.av-divider{display:block;height:16px;border-top:1px solid rgba(208,163,90,.6);position:relative;width:78%}.av-divider i{position:absolute;left:42%;top:-5px;width:10px;height:10px;rotate:45deg;background:#1476dc;border:1px solid #ddb86d;box-shadow:0 0 10px #0b85ff}.av-hero__lead{color:#d1d5dc;font-size:1.08rem;line-height:1.55;margin:4px 0 28px}.av-hero__actions{width:min(460px,100%)}.av-hero__secondary{display:flex;gap:16px;margin-top:16px}.av-btn{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#f6ead5;text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--av-line);background:#061020;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:filter .25s,transform .25s}.av-btn:hover{filter:brightness(1.22);transform:translateY(-2px);color:#fff}.av-btn--primary{width:100%;min-height:82px;font-size:1.35rem;background:linear-gradient(180deg,#085cdf,#031b66);border:2px solid #8cddff;box-shadow:inset 0 0 20px #159aff,0 0 22px rgba(0,118,255,.55)}.av-btn--primary:before,.av-btn--gold:before{content:"◆";color:#fff;text-shadow:0 0 10px #55bfff}.av-btn--dark{flex:1;background:linear-gradient(180deg,rgba(12,21,33,.98),#03070e);border-color:#9a7540;box-shadow:inset 0 0 0 2px #02060b}.av-btn--line{min-height:40px;width:80%;margin:12px auto;background:#06101f}.av-btn--gold{background:linear-gradient(#583511,#150e08);border-color:#d5a552}.av-statusbar{position:absolute;z-index:3;left:5%;right:5%;bottom:7%;min-height:120px;padding:19px 25px;display:grid;grid-template-columns:1fr 1.55fr repeat(5,1fr);align-items:center;background:linear-gradient(180deg,rgba(4,13,24,.96),rgba(2,8,15,.98));border:1px solid var(--av-line);box-shadow:inset 0 0 18px #000,0 10px 20px #000;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}.av-statusbar>div{text-align:center;padding:5px 14px;border-right:1px solid rgba(163,126,70,.2)}.av-statusbar>div:last-child{border:0}.av-statusbar small,.av-statusbar span{display:block;text-transform:uppercase;color:#c8c3bb;font-size:.72rem}.av-statusbar strong{display:block;font-size:clamp(1.1rem,1.55vw,1.65rem);font-weight:500;margin-top:7px;color:#e7c990;white-space:nowrap}.av-statusbar .av-online,.av-statusbar .av-green{color:var(--av-green)}.av-statusbar .av-blue{color:#5aafff}.av-online i,.av-realm header p i{display:inline-block;width:8px;height:8px;background:var(--av-green);border-radius:50%;margin-right:8px;box-shadow:0 0 8px var(--av-green)}.av-scroll{position:absolute;z-index:4;bottom:9px;left:50%;translate:-50% 0;color:#b9b6b0;text-transform:uppercase;font-family:'Cinzel',serif;font-size:.7rem;display:flex;flex-direction:column;align-items:center}.av-scroll i{color:#2fa7ff;font-size:1.5rem;text-shadow:0 0 10px #1686ff}

/* Shared world */
.av-world{padding:30px clamp(16px,2vw,34px) 0;background:linear-gradient(rgba(1,6,13,.82),rgba(1,6,13,.9)),url('/images/news/v2/news-background.webp') center/cover fixed}.av-frame{position:relative;background:linear-gradient(145deg,rgba(3,12,22,.97),rgba(2,8,15,.96));border:1px solid var(--av-line);box-shadow:inset 0 0 0 3px rgba(3,8,14,.9),inset 0 0 28px rgba(10,67,118,.12);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.av-frame:before,.av-frame:after{content:"";position:absolute;background:var(--av-gold);opacity:.65}.av-frame:before{left:24px;right:24px;top:5px;height:1px}.av-frame:after{top:24px;bottom:24px;left:5px;width:1px}.av-title{text-align:center;padding:22px 16px 18px;border-bottom:1px solid rgba(175,126,57,.28)}.av-title h2,.av-panel-title h2{margin:0;color:#e6c48a;text-transform:uppercase;font-weight:500;text-wrap:balance}.av-title h2{font-size:clamp(1.6rem,2.5vw,2.45rem)}.av-title p{margin:2px 0 0;color:#ddd2c1;text-transform:uppercase;letter-spacing:.08em}.av-panel-title{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(175,126,57,.25)}.av-panel-title h2{font-size:1.25rem}.av-panel-title a{color:#4aa7ff;text-transform:uppercase;font-size:.76rem}.av-empty{color:var(--av-muted);padding:24px;text-align:center}
.av-features{display:grid;grid-template-columns:repeat(5,1fr);padding:18px}.av-feature{display:flex;gap:14px;padding:8px 18px;border-right:1px solid rgba(175,126,57,.22)}.av-feature:last-child{border:0}.av-feature>span{width:70px;height:78px;flex:0 0 70px;display:grid;place-items:center;background:radial-gradient(circle,#0a6cff 0 13%,#05142a 14% 45%,transparent 47%);border:1px solid #99733e;clip-path:polygon(50% 0,92% 22%,86% 75%,50% 100%,14% 75%,8% 22%);color:#81ccff;font-size:1.55rem;text-shadow:0 0 12px #087cff}.av-feature h3{font-size:.9rem;margin:8px 0;color:#ead8bb;text-transform:uppercase}.av-feature p{font-size:.82rem;line-height:1.45;color:#bdc2cb;margin:0}
.av-triad{display:grid;grid-template-columns:1fr 1.04fr 1fr;margin-top:18px}.av-triad>.av-frame{min-height:430px}.av-news__item{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:12px 18px;color:inherit}.av-news__item img{width:128px;height:88px;object-fit:cover;border:1px solid #1d3962}.av-news__item strong,.av-news__item small{display:block}.av-news__item strong{color:#eee0c8;text-transform:uppercase;font-size:.83rem}.av-news__item small{color:#8997aa;font-size:.7rem;margin-top:4px}.av-news__item p{color:#bcc3cf;font-size:.78rem;margin:5px 0}.av-realm{text-align:center}.av-realm header{height:82px;padding:14px}.av-realm header h2{margin:0;text-transform:uppercase;font-size:1.8rem;color:#eddbc0}.av-realm header p{margin:2px;color:var(--av-green);font-family:'Cinzel',serif;text-transform:uppercase}.av-realm>img{width:100%;height:190px;object-fit:cover;border-block:1px solid rgba(175,126,57,.25)}.av-realm__rates{display:grid;grid-template-columns:repeat(4,1fr)}.av-realm__rates span{padding:12px 5px;border-right:1px solid rgba(175,126,57,.18)}.av-realm__rates small,.av-realm__rates strong{display:block}.av-realm__rates small{text-transform:uppercase;color:#aeb4bf;font-size:.65rem}.av-realm__rates strong{font-size:1.25rem;color:#dfc18b;margin-top:5px}.av-event{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;margin:0 18px;padding:14px 0;border-bottom:1px solid rgba(175,126,57,.2)}.av-event>span{width:62px;height:62px;display:grid;place-items:center;border:1px solid #a27b45;border-radius:50%;color:#e1b364;font-size:1.45rem;background:radial-gradient(circle,#34200c,#050a12 68%)}.av-event strong,.av-event small{display:block}.av-event strong{color:#ead1a6;text-transform:uppercase;font-size:.86rem}.av-event small{color:#79baff;font-size:.72rem}.av-event p{font-family:'Cinzel',serif;margin:5px 0 0;color:#d8cbbb}.av-event>a{padding:8px 12px;border:1px solid #30405a;color:#e9dec8;text-transform:uppercase;font-family:'Cinzel',serif;font-size:.68rem}
.av-path{margin-top:18px}.av-path .av-title{padding:10px}.av-path .av-title h2{font-size:1.35rem}.av-path__steps{display:grid;grid-template-columns:repeat(4,1fr);padding:14px}.av-path__steps article{display:grid;grid-template-columns:42% 58%;min-height:150px;border-top:2px solid #277cff;background:rgba(2,7,14,.75)}.av-path__steps img{width:100%;height:100%;object-fit:cover}.av-path__steps span{padding:16px 12px}.av-path__steps small,.av-path__steps b{color:#4fa8ff;text-transform:uppercase}.av-path__steps h3{margin:5px 0;color:#ead6b6;font-size:.9rem;text-transform:uppercase}.av-path__steps p{font-size:.78rem;color:#c0c5cd;line-height:1.45;margin:0 0 8px}.av-path__steps b{font-family:'Cinzel',serif;font-size:.7rem}
.av-champions{margin-top:18px;min-height:500px;background:linear-gradient(90deg,rgba(2,8,15,.4),rgba(2,8,15,.62)),url('/images/backgrounds/1782687152_ChatGPT_Image_May_23,_2026,_08_15_38_PM.png') center/cover}.av-champions .av-title{border:0;padding-bottom:4px}.av-champions__body{display:grid;grid-template-columns:1fr 330px;gap:22px;padding:10px 28px 28px}.av-podium{display:flex;align-items:flex-end;justify-content:center;gap:18px;min-height:360px}.av-champion{width:26%;text-align:center;position:relative}.av-champion--1{order:2;transform:translateY(-35px)}.av-champion--2{order:1}.av-champion--3{order:3}.av-champion__rank{display:grid;place-items:center;width:34px;height:34px;margin:auto;background:#07182d;border:1px solid #8dbdf8;clip-path:polygon(50% 0,100% 28%,90% 82%,50% 100%,10% 82%,0 28%);font-family:'Cinzel',serif}.av-champion--1 .av-champion__rank{background:#84540e;border-color:#ffd477}.av-champion__portrait{height:225px;display:grid;place-items:center;font-size:7rem;color:#558ac9;text-shadow:0 0 28px #127bff;background:linear-gradient(transparent,rgba(5,22,44,.85));border-bottom:1px solid var(--av-line)}.av-champion--1 .av-champion__portrait{height:250px;color:#d3a953;text-shadow:0 0 28px #ff9d00}.av-champion strong,.av-champion small{display:block;background:#050b14;padding:7px;border-inline:1px solid var(--av-line)}.av-champion small{padding-top:0;color:#bac1ca}.av-ranking{background:rgba(2,8,15,.91);border:1px solid var(--av-line);padding:18px}.av-ranking h3{color:#e2bd7b;text-transform:uppercase;margin:0 0 16px}.av-ranking h3 i{margin-right:10px}.av-ranking>a:not(.av-btn){display:grid;grid-template-columns:24px 1fr auto;color:#d7d0c6;padding:9px;border-bottom:1px solid rgba(175,126,57,.18)}.av-ranking>a b{color:#d9b36a}.av-ranking>a em{font-style:normal;color:#d3b985}.av-ranking .av-btn{margin-top:18px}
.av-media-grid{display:grid;grid-template-columns:1.03fr .9fr 1.1fr;margin-top:18px}.av-media-grid>.av-frame{min-height:330px}.av-guilds>div{display:flex;gap:12px;padding:16px}.av-guilds>div>span{flex:1;text-align:center;border:1px solid rgba(175,126,57,.35);padding:18px 8px}.av-guilds i{display:block;font-size:3.6rem;color:#d0a853;text-shadow:0 0 12px #5c3d0b}.av-guilds strong,.av-guilds small{display:block;margin-top:8px}.av-guilds small{color:#aeb4bd}.av-gallery,.av-trailer{padding-bottom:14px}.av-gallery__main{display:block;width:calc(100% - 28px);height:190px;object-fit:cover;margin:14px}.av-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 14px}.av-gallery>div img{width:100%;height:55px;object-fit:cover;border:1px solid #394b65}.av-trailer iframe,.av-trailer>a{display:block;width:calc(100% - 28px);height:245px;margin:14px;border:0;position:relative}.av-trailer>a img{width:100%;height:100%;object-fit:cover}.av-trailer>a i{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:60px;height:60px;border:1px solid #e4c17d;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;font-size:1.3rem}
.av-community-row{display:grid;grid-template-columns:1.08fr .92fr 1.08fr;margin-top:18px}.av-community-row>.av-frame{min-height:145px}.av-social h2,.av-promo h2{text-align:center;color:#e2bf83;text-transform:uppercase;font-size:1.05rem;margin:12px 0}.av-social>div{display:flex;justify-content:center;gap:10px}.av-social a{width:74px;height:74px;display:grid;place-items:center;color:#e8e0d3;border:1px solid #263a57}.av-social a i{font-size:1.6rem;color:#599cff;text-shadow:0 0 12px #1264d9}.av-social a span{font-size:.65rem;text-transform:uppercase}.av-promo{text-align:center;background:linear-gradient(90deg,rgba(2,8,15,.95),rgba(2,8,15,.4)),url('/images/news/v2/news-background.webp') center/cover}.av-promo p{margin:-7px 0 10px;color:#bfc3ca}.av-promo .av-btn{min-height:42px;width:50%;font-size:.85rem}.av-promo--store{background:linear-gradient(90deg,rgba(2,8,15,.35),rgba(2,8,15,.94)),url('/images/store/1782672155_5wUbjwmS.png') center/cover}
.av-final{position:relative;margin-top:18px;min-height:250px;padding:22px 35px 0;background:linear-gradient(rgba(2,7,14,.38),rgba(2,7,14,.82)),url('/images/backgrounds/avengers-hero.webp') center 65%/cover;border-top:1px solid var(--av-line)}.av-final>h2{text-align:center;text-transform:uppercase;color:#d7ae69;font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 12px}.av-final>div{display:flex;align-items:center;justify-content:center;gap:28px}.av-final>div .av-btn{width:280px;min-height:64px}.av-final>div>i{font-size:3.2rem;color:#29a4ff;text-shadow:0 0 20px #087eff}.av-final footer{height:80px;margin-top:25px;border-top:1px solid rgba(175,126,57,.35);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#b5b6ba}.av-final footer img{width:105px}.av-final footer p{font-size:.75rem}.av-final footer nav{justify-self:end;display:flex;gap:18px}.av-final footer a{color:#c7c1b7;text-transform:uppercase;font-size:.7rem}.av-top{position:absolute;right:24px;bottom:34px;width:58px;height:58px;border:1px solid #c49750;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d8b46e;text-transform:uppercase;font-size:.6rem}

@keyframes embers{to{background-position:173px -191px,-221px -149px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.av-hero__embers{animation:none}.av-btn{transition:none}}
@media(max-width:1100px){.nav-glass__inner{padding-left:190px}.nav-glass__brand{width:170px}.nav-glass__logo{width:170px!important}.av-features{grid-template-columns:repeat(3,1fr)}.av-feature:nth-child(3){border:0}.av-feature:nth-child(n+4){border-top:1px solid rgba(175,126,57,.2)}.av-triad{grid-template-columns:1fr 1fr}.av-events{grid-column:1/-1}.av-path__steps{grid-template-columns:repeat(2,1fr)}.av-media-grid{grid-template-columns:1fr 1fr}.av-trailer{grid-column:1/-1}.av-community-row{grid-template-columns:1fr 1fr}.av-social{grid-column:1/-1}.av-statusbar{grid-template-columns:repeat(4,1fr)}.av-statusbar>div:nth-child(n+5){display:none}}
@media(max-width:767px){.nav-glass{height:62px}.nav-glass__inner{height:60px!important;padding-left:76px}.nav-glass__brand{left:10px;top:5px;width:78px;height:65px}.nav-glass__logo{width:78px!important}.nav-btn-register{display:none!important}.av-hero{height:auto;min-height:820px;align-items:flex-start}.av-hero__art{background-position:64% center}.av-hero__shade{background:linear-gradient(90deg,rgba(0,4,10,.88),rgba(0,4,10,.33)),linear-gradient(0deg,#020711,transparent 45%)}.av-hero__content{width:auto;margin:0 20px;padding-top:120px}.av-hero__logo{width:180px}.av-hero h1{font-size:3.4rem}.av-hero__kicker{font-size:1.35rem}.av-btn--primary{min-height:65px;font-size:1rem}.av-hero__secondary{flex-direction:column}.av-statusbar{left:16px;right:16px;bottom:42px;grid-template-columns:repeat(2,1fr);min-height:110px;padding:10px}.av-statusbar>div:nth-child(n+3){display:none}.av-scroll{display:none}.av-world{padding-inline:10px}.av-features,.av-triad,.av-path__steps,.av-media-grid,.av-community-row{grid-template-columns:1fr}.av-feature{border:0;border-bottom:1px solid rgba(175,126,57,.2)!important}.av-feature:last-child{border:0!important}.av-events,.av-trailer,.av-social{grid-column:auto}.av-news__item{grid-template-columns:95px 1fr}.av-news__item img{width:95px;height:76px}.av-champions__body{grid-template-columns:1fr;padding:10px}.av-podium{min-height:310px;gap:5px}.av-champion{width:33%}.av-champion__portrait{height:150px;font-size:4rem}.av-champion--1 .av-champion__portrait{height:175px}.av-ranking{display:none}.av-guilds>div{gap:5px;padding:10px}.av-guilds i{font-size:2rem}.av-community-row>.av-frame{min-height:150px}.av-final{padding-inline:12px}.av-final>div{gap:8px}.av-final>div .av-btn{width:48%;padding:0 8px;font-size:.7rem}.av-final>div>i{display:none}.av-final footer{height:auto;grid-template-columns:1fr;text-align:center;justify-items:center;padding:15px 0 80px}.av-final footer nav{justify-self:center;flex-wrap:wrap;justify-content:center}.av-top{bottom:14px}}

/* The navigation crest is the hero mark, matching the supplied composition. */
.av-hero__logo{display:none!important}.av-hero__content{padding-top:88px}
@media (min-width:768px) and (max-height:800px){.av-hero__content{padding-top:28px}.av-hero__kicker{font-size:1.65rem}.av-hero h1{font-size:4.3rem}.av-hero__lead{margin-bottom:16px}.av-btn--primary{min-height:65px}.av-hero__secondary{margin-top:10px}.av-hero__secondary .av-btn{min-height:42px}.av-statusbar{min-height:105px;padding-block:12px;bottom:3%}}

/* Reference-accurate hero navigation and CTA geometry */
@media (min-width:1024px){
  .nav-glass{height:82px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
  .nav-glass:before{content:"";position:absolute;z-index:-1;top:0;left:20.5%;right:18.7%;height:76px;background:linear-gradient(180deg,rgba(2,6,12,.99),rgba(2,7,14,.96));border-top:1px solid rgba(202,157,88,.7);clip-path:polygon(0 0,100% 0,100% 58%,96.5% 100%,53% 100%,50% 91%,47% 100%,3.5% 100%,0 58%);filter:drop-shadow(0 2px 0 #745325) drop-shadow(0 8px 8px rgba(0,0,0,.8))}
  .nav-glass:after{content:"◆";position:absolute;z-index:2;left:50%;right:auto;bottom:0;width:22px;height:22px;display:grid;place-items:center;translate:-50% 20%;clip-path:none;background:#06101d;border:1px solid #b58a48;rotate:45deg;color:#168cff;font-size:12px;line-height:1;text-shadow:0 0 8px #168cff;opacity:1}
  .nav-glass>div{max-width:none!important;padding-inline:4.2vw!important}
  .nav-glass__inner{height:76px!important;padding:0!important;display:grid!important;grid-template-columns:280px minmax(620px,1fr) 255px;align-items:start!important}
  .nav-glass__brand{position:absolute;left:3.6vw;top:35px;width:285px;height:190px;display:flex;align-items:flex-start;justify-content:center}
  .nav-glass__logo{width:285px!important;max-height:190px!important;object-fit:contain;filter:drop-shadow(0 8px 8px #000)!important}
  .nav-glass__inner>.hidden.lg\:flex{grid-column:2;height:68px;justify-self:center;display:flex!important;align-items:center!important;gap:0!important;padding-inline:24px}
  .nav-link,.nav-cta{position:relative;padding:23px 25px 20px!important;font-size:.78rem!important;letter-spacing:.055em!important;white-space:nowrap}
  .nav-link:after,.nav-cta:after{content:"";position:absolute;right:0;top:22px;width:1px;height:24px;background:linear-gradient(transparent,rgba(159,119,61,.28),transparent)}
  .nav-link--active:before{content:"";position:absolute;left:24%;right:24%;bottom:8px;height:1px;background:#2c8eff;box-shadow:0 0 8px #168cff}
  .nav-glass__inner>.nav-actions{grid-column:3;align-self:start;height:68px;justify-self:end;background:linear-gradient(180deg,rgba(4,9,15,.98),rgba(3,8,14,.95));border-top:1px solid rgba(202,157,88,.6);border-bottom:1px solid #7d5927;padding:0 18px!important;clip-path:polygon(0 0,100% 0,100% 72%,92% 100%,8% 100%,0 72%)}
  .nav-btn-register{display:none!important}.nav-btn-login{min-width:auto!important;border:0!important;padding:20px 12px!important;background:transparent!important;color:#ead8b9!important}
}

@media (min-width:768px){
  .av-hero__content{width:480px;margin-left:4.15vw;padding-top:120px}
  .av-hero__kicker{font-size:2rem;line-height:1.1}
  .av-hero h1{font-size:4.2rem;line-height:1;margin-top:4px;margin-bottom:12px}
  .av-divider{width:94%;height:22px}
  .av-divider i{left:31%}
  .av-hero__lead{font-size:.96rem;margin:0 0 30px}
  .av-hero__actions{width:440px;padding:0 8px}
  .av-btn--primary{position:relative;width:410px;min-height:104px;margin-left:12px;padding:22px 46px 14px;font-size:1.35rem;background:linear-gradient(180deg,#1689ff 0%,#0758cf 40%,#031f72 100%);border:0;clip-path:polygon(12% 5%,43% 5%,50% 0,57% 5%,88% 5%,100% 50%,88% 95%,57% 95%,50% 100%,43% 95%,12% 95%,0 50%);box-shadow:none;filter:drop-shadow(0 0 2px #d5efff) drop-shadow(0 0 13px rgba(20,133,255,.85))}
  .av-btn--primary:before{content:"◆";position:absolute;left:50%;top:-17px;translate:-50% 0;width:52px;height:44px;display:grid;place-items:center;color:#7edaff;font-size:2.2rem;line-height:1;text-shadow:0 0 12px #168cff;filter:drop-shadow(0 0 2px #fff)}
  .av-btn--primary:after{content:"◆";position:absolute;left:50%;bottom:-12px;translate:-50% 0;color:#168cff;font-size:1.35rem;text-shadow:0 0 10px #168cff}
  .av-btn--primary>i{display:none}
  .av-hero__secondary{width:440px;gap:18px;margin-top:18px}
  .av-hero__secondary .av-btn{position:relative;min-height:58px;padding:0 19px;background:linear-gradient(180deg,rgba(8,15,24,.98),rgba(2,7,13,.99));border:0;clip-path:polygon(7% 0,93% 0,100% 25%,100% 75%,93% 100%,7% 100%,0 75%,0 25%);box-shadow:none;filter:drop-shadow(0 0 1px #b68c50);font-size:.82rem}
  .av-hero__secondary .av-btn:before,.av-hero__secondary .av-btn:after{content:"";position:absolute;left:13px;right:13px;height:1px;background:linear-gradient(90deg,transparent,#d2a85f 15%,#d2a85f 85%,transparent)}
  .av-hero__secondary .av-btn:before{top:3px}.av-hero__secondary .av-btn:after{bottom:3px}
  .av-hero__secondary .av-btn i{color:#d9bb84;font-size:1rem}
}

@media (min-width:768px) and (max-height:820px){
  .av-hero__content{padding-top:102px}.av-hero__kicker{font-size:1.65rem}.av-hero h1{font-size:3.55rem}.av-hero__lead{margin-bottom:16px}.av-btn--primary{min-height:82px}.av-hero__secondary{margin-top:10px}.av-hero__secondary .av-btn{min-height:48px}.av-statusbar{bottom:2%;min-height:102px}
}

/* The crest belongs to the hero artwork, not the navigation frame. */
.nav-glass__brand{display:none!important}
.av-hero>.av-hero__logo{display:block!important;position:absolute;z-index:4;top:48px;left:3.7vw;width:285px;height:auto;max-height:205px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(0,0,0,.9))}
@media (min-width:1024px){.nav-glass__inner{grid-template-columns:1fr 255px}.nav-glass__inner>.hidden.lg\:flex{grid-column:1}.nav-glass__inner>.nav-actions{grid-column:2}}
@media (max-width:767px){.av-hero>.av-hero__logo{top:75px;left:18px;width:165px;max-height:120px}.av-hero__content{padding-top:230px!important}}

/* Layered artwork replaces the earlier flat polygon approximations. */
@media (min-width:1024px){
  .nav-glass:before{left:19.5%;right:18.5%;height:92px;background:url('/images/ui/nav-frame.svg') center top/100% 92px no-repeat!important;border:0!important;clip-path:none!important;filter:drop-shadow(0 8px 8px rgba(0,0,0,.85))!important}
  .nav-glass:after{display:none!important}
  .nav-glass__inner{height:82px!important}
  .nav-glass__inner>.hidden.lg\:flex{height:70px}
  .nav-glass__inner>.nav-actions{width:250px;height:78px;padding:0 22px!important;background:url('/images/ui/login-frame.svg') center top/100% 78px no-repeat!important;border:0!important;clip-path:none!important}
  .nav-link,.nav-cta{padding-top:22px!important;padding-bottom:22px!important}
}
@media (min-width:768px){
  .av-btn--primary{width:440px;height:114px;min-height:114px;margin:0;background:url('/images/ui/cta-primary.svg') center/100% 100% no-repeat!important;border:0!important;clip-path:none!important;filter:drop-shadow(0 0 12px rgba(13,116,255,.55))!important;padding:14px 55px 0}
  .av-btn--primary:before,.av-btn--primary:after{display:none!important}
  .av-hero__secondary{width:440px}
  .av-hero__secondary .av-btn{height:60px;min-height:60px;background:url('/images/ui/cta-secondary.svg') center/100% 100% no-repeat!important;border:0!important;clip-path:none!important;filter:none!important}
  .av-hero__secondary .av-btn:before,.av-hero__secondary .av-btn:after{display:none!important}
}
@media (min-width:768px) and (max-height:820px){.av-btn--primary{height:92px;min-height:92px}.av-hero__secondary .av-btn{height:50px;min-height:50px}}

/* Generated reference-derived production artwork */
.av-hero__art{background-image:url('/images/backgrounds/bg.webp')!important;background-position:center center!important;background-size:cover!important}
.av-hero__shade{background:linear-gradient(90deg,rgba(0,4,10,.48) 0%,rgba(0,4,10,.12) 31%,transparent 57%),linear-gradient(0deg,rgba(1,5,10,.62),transparent 22%)!important}
@media (min-width:1024px){
  .nav-glass{height:116px!important;background:url('/images/generated/nav-frame.webp') center top/100% 116px no-repeat!important;border:0!important;box-shadow:none!important;filter:none!important}
  .nav-glass:before,.nav-glass:after{display:none!important}
  .nav-glass__inner{height:108px!important}
  .nav-glass__inner>.hidden.lg\:flex{left:24.2%;top:4px;width:55%;height:78px;padding:0 24px!important}
  .nav-link,.nav-cta{padding:24px 20px 20px!important;background:transparent!important;border:0!important}
  .nav-glass__inner>.nav-actions{right:2.9vw;top:3px;width:13.5vw!important;min-width:170px;height:74px!important;background:none!important;border:0!important;clip-path:none!important}
  .nav-btn-login{background:none!important;border:0!important}
}
@media (min-width:768px){
  .av-hero>.av-hero__logo{top:38px;left:3.9vw;width:270px;max-height:190px}
  .av-hero__content{position:absolute;left:4.15vw;top:275px;width:455px;margin:0;padding:0!important}
  .av-hero__kicker{font-size:1.9rem}.av-hero h1{font-size:4rem}
  .av-hero__lead{margin-bottom:20px}
  .av-btn--primary{width:440px;height:128px;min-height:128px;padding:24px 58px 0;background:url('/images/generated/cta-primary.webp') center/100% 100% no-repeat!important;filter:drop-shadow(0 0 10px rgba(20,121,255,.48))!important;font-size:1.3rem}
  .av-hero__secondary{width:440px;gap:20px;margin-top:24px}
  .av-hero__secondary .av-btn{height:62px;min-height:62px;background-size:100% 100%!important;font-size:.78rem;padding:0 16px}
  .av-hero__secondary .av-btn:first-child{background-image:url('/images/generated/cta-secondary-left.webp')!important}
  .av-hero__secondary .av-btn:last-child{background-image:url('/images/generated/cta-secondary-right.webp')!important}
}
@media (min-width:768px) and (max-height:850px){
  .av-hero>.av-hero__logo{top:24px;width:225px}.av-hero__content{top:205px}.av-hero h1{font-size:3.55rem}.av-btn--primary{height:108px;min-height:108px}.av-hero__secondary .av-btn{height:54px;min-height:54px}
}

/* Screenshot corrections: hero continues behind the header and keeps the full composition visible. */
.av-home{margin-top:-116px}
.av-hero{padding-top:116px}
.av-hero__art{background-size:cover!important;background-position:center center!important}
#winners-toast{display:none!important}
@media (min-width:1024px){
  .nav-glass__inner>.nav-actions{right:2.6vw;width:220px!important;min-width:220px;gap:4px!important;padding:0 9px!important}
  .nav-glass__inner>.nav-actions>.relative{flex:0 0 62px}
  .nav-glass__inner>.nav-actions>.relative>button{width:62px;padding-inline:5px!important;justify-content:center}
  .nav-btn-login{flex:1;padding-inline:6px!important;text-align:center}
}
@media (max-width:767px){.av-home{margin-top:-62px}.av-hero{padding-top:62px}.av-hero__art{background-size:cover!important;background-position:center center!important}}

/* Final hero/header calibration from the supplied screenshot. */
.av-hero__art{background-size:cover!important;background-position:center center!important}
.epic-bg{display:none!important}.nav-glass,.nav-glass *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav-glass{filter:none!important}
.av-hero>.av-hero__logo{display:block!important;visibility:visible!important;opacity:1!important;z-index:60;top:158px;left:3.9vw;width:270px;max-height:190px}
@media (min-width:1024px){
  .nav-glass__inner>.nav-actions{right:2.55vw;top:8px;width:232px!important;min-width:232px;height:61px!important;display:grid!important;grid-template-columns:78px 1fr;align-items:center;gap:0!important;padding:0 10px!important}
  .nav-glass__inner>.nav-actions>.relative{width:78px;min-width:0;justify-self:stretch}
  .nav-glass__inner>.nav-actions>.relative>button{width:100%;height:48px;padding:0 4px!important;display:flex;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;color:#d8c6a5!important}
  .nav-glass__inner>.flex.items-center>.relative>button:hover,.nav-glass__inner>.flex.items-center>.relative>button:focus{background:transparent!important;color:#fff0ce!important;outline:0!important}
  .nav-btn-login{width:100%;height:48px;padding:0 8px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;color:#ead6b2!important}
}
@media (min-width:768px) and (max-height:850px){.av-hero>.av-hero__logo{top:145px;width:235px}}
@media (max-width:767px){.av-hero__art{background-size:cover!important}.av-hero>.av-hero__logo{top:118px;left:18px;width:165px}}

/* Corrected reference proportions: compact centered header, never a full-width slab. */
@media (min-width:1024px){
  .nav-glass{height:72px!important}
  .nav-glass:before{left:25%!important;right:25%!important;height:72px!important;background-size:100% 72px!important;filter:drop-shadow(0 5px 5px rgba(0,0,0,.78))!important}
  .nav-glass>div{padding-inline:0!important}
  .nav-glass__inner{height:72px!important;display:block!important}
  .nav-glass__inner>.hidden.lg\:flex{position:absolute;left:25%;top:0;width:50%;height:66px;justify-content:center!important;padding:0 22px!important}
  .nav-link,.nav-cta{padding:21px 18px 18px!important;font-size:.72rem!important}
  .nav-link:after,.nav-cta:after{display:none!important}
  .nav-glass__inner>.nav-actions{position:absolute;right:4.7vw;top:0;width:180px!important;height:67px!important;padding:0 15px!important;justify-content:center!important;background-size:180px 67px!important}
  .nav-btn-login{padding:18px 8px!important;font-size:.78rem!important}
}
@media (min-width:768px){
  .av-hero>.av-hero__logo{top:-3px;left:3.4vw;width:275px;max-height:205px}
  .av-hero__content{padding-top:48px;margin-left:4.1vw}
}
@media (min-width:768px) and (max-height:820px){.av-hero__content{padding-top:22px}.av-hero>.av-hero__logo{top:-12px;width:245px}}

/* Authoritative hero geometry — keep this block last. */
.nav-glass__brand{display:none!important}
.av-hero__art{inset:0!important;background-image:url('/images/backgrounds/bg.webp')!important;background-size:cover!important;background-position:center center!important;filter:none!important;transform:none!important}
.av-hero>.av-hero__logo{display:block!important;position:absolute!important;visibility:visible!important;opacity:1!important;z-index:70!important;top:160px!important;left:3.9vw!important;right:auto!important;width:270px!important;height:auto!important;max-height:200px!important;object-fit:contain!important;transform:none!important}
@media (min-width:768px) and (max-height:850px){.av-hero>.av-hero__logo{top:150px!important;width:235px!important}}
@media (max-width:767px){.av-hero__art{background-size:cover!important;background-position:center center!important}.av-hero>.av-hero__logo{top:92px!important;left:18px!important;right:auto!important;width:165px!important}}

/* Reference layout lock: 1536 × 1024 art direction and vertical rhythm. */
@media (min-width:768px){
  .av-hero{height:56.25vw!important;min-height:56.25vw!important;padding-top:116px!important}
  .av-hero__art{background-size:cover!important;background-position:center center!important}
  .av-hero>.av-hero__logo{top:155px!important;left:3.9vw!important;width:270px!important;max-height:200px!important}
  .av-hero__content{position:absolute!important;top:330px!important;left:4.15vw!important;width:455px!important;margin:0!important;padding:0!important}
  .av-statusbar{left:5.25%!important;right:5.25%!important;bottom:6.8%!important;min-height:140px!important;padding:20px 25px!important;background:linear-gradient(180deg,rgba(3,12,22,.985),rgba(1,7,13,.99))!important;border:1px solid rgba(210,164,91,.78)!important;box-shadow:inset 0 0 0 3px #02070d,inset 0 0 24px rgba(12,65,110,.14),0 8px 18px rgba(0,0,0,.75)!important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)!important}
  .av-statusbar>div{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center}
}
@media (min-width:768px) and (max-width:1365px){.av-hero>.av-hero__logo{width:235px!important}.av-hero__content{top:315px!important;transform:scale(.9);transform-origin:left top}.av-statusbar{min-height:122px!important;padding-block:14px!important}.av-statusbar>div{height:86px}}

/* Keep the complete hero and status rail inside the visible first screen. */
.av-home{margin-top:0!important}
.av-hero{height:100svh!important;min-height:760px!important;padding-top:0!important}
@media (min-width:768px){
  .av-hero>.av-hero__logo{top:46px!important}
  .av-hero__content{top:280px!important}
  .av-statusbar{bottom:5.2%!important;min-height:132px!important}
}
@media (min-width:1024px){
  .nav-glass__inner>.nav-actions{position:absolute;right:2.0vw;top:5px;width:180px!important;min-width:180px;height:66px;display:block;padding:0}
  .nav-glass__inner>.nav-actions>.relative{position:absolute;left:-85px;top:8px;width:68px;height:48px}
  .nav-glass__inner>.nav-actions>.relative>button{width:68px;height:48px}
  .nav-btn-login{position:absolute!important;inset:0!important;width:180px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important}
}
@media (max-width:767px){.av-home{margin-top:0!important}.av-hero{height:auto!important;min-height:820px!important;padding-top:0!important}}

/* Reference-derived statistics frame and non-overlapping CTA stack. */
@media (min-width:768px){
  .av-hero__content{top:180px!important}
  .av-statusbar{z-index:3!important;left:5.2%!important;right:5.2%!important;bottom:3.7%!important;width:auto!important;height:145px!important;min-height:145px!important;padding:22px 32px!important;background:url('/images/generated/status-frame.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;clip-path:none!important}
  .av-statusbar>div{height:96px!important;border-right:0!important;padding-inline:14px!important}
  .av-hero__content{z-index:4!important}
}
@media (min-width:768px) and (max-width:1365px){.av-hero__content{top:170px!important}.av-statusbar{height:126px!important;min-height:126px!important;padding:17px 25px!important}.av-statusbar>div{height:88px!important}}

/* Requested final spacing adjustments. */
@media (min-width:768px){
  .av-hero__art{background-size:cover!important;background-position:center center!important;background-color:#01050b!important;background-repeat:no-repeat!important}
  .av-hero>.av-hero__logo{top:-14px!important}
  .av-statusbar{bottom:8.2%!important;background-image:url('/images/generated/status-frame.webp')!important}
  .av-statusbar>div{border-right:1px solid rgba(179,132,69,.52)!important}
  .av-statusbar>div:last-child{border-right:0!important}
  .av-scroll{bottom:1.4%!important}
}
@media (min-width:768px) and (max-width:1365px){.av-hero>.av-hero__logo{top:-10px!important}.av-statusbar{bottom:7.2%!important}}

/* Logo clearance below the navigation frame. */
@media (min-width:768px){.av-hero>.av-hero__logo{top:35px!important;width:210px!important;max-height:155px!important}}
@media (min-width:768px) and (max-width:1365px){.av-hero>.av-hero__logo{top:30px!important;width:190px!important;max-height:145px!important}}

/* ==========================================================================
   Premium Fantasy MMORPG UI Redesign Overrides
   ========================================================================== */

/* Section: Discover Avengers CO */
.av-discover {
    width: min(1308px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    height: 269px !important;
    min-height: 269px !important;
    background: #00050b !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.av-discover__inner {
    width: 100% !important;
    height: 100% !important;
    padding: 28px 44px 36px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.av-discover::before {
    display: block !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background: url('/images/reference/frames/discover-frame-reference.webp?v=1') center/100% 100% no-repeat !important;
    border: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
.av-discover::after {
    display: none !important;
}
.av-discover .av-title {
    position: relative !important;
    z-index: 3 !important;
    border-bottom: 0 !important;
    padding: 0 0 24px !important;
    text-align: center !important;
}
.av-discover .av-title h2 {
    font-size: 2rem !important;
    color: #dfc18b !important;
    text-transform: uppercase !important;
}
.av-discover .av-title p {
    font-size: 0.86rem !important;
    color: #bfc3ca !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

/* Feature Items */
.av-features {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.av-feature {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    padding: 6px 14px !important;
    border-right: 1px solid rgba(175, 126, 57, 0.15) !important;
    align-items: center !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
.av-feature > div {
    min-width: 0 !important;
    flex: 1 !important;
}
.av-feature:last-child {
    border-right: 0 !important;
}
.av-feature > span.av-feature-icon {
    width: 92px !important;
    height: 112px !important;
    flex: 0 0 92px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    display: block !important;
}
.av-feature h3 {
    color: #e6c48a !important;
    font-size: 0.84rem !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.av-feature p {
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    color: #bdc2cb !important;
    margin: 0 !important;
    letter-spacing: -0.2px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Section: Triad Panels (News, Server Status, Events) */
.av-triad {
    width: min(1453px, 100%) !important;
    grid-template-columns: 472fr 514fr 467fr !important;
    margin: 22px auto 0 !important;
}
.av-triad > .av-frame {
    height: 441px !important;
    min-height: 441px !important;
    background: #00050b !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    overflow: hidden !important;
}
.av-triad > .av-frame::before {
    display: block !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
.av-news::before {
    background-image: url('/images/reference/frames/news-frame-reference.webp?v=1') !important;
}
.av-realm::before {
    background-image: url('/images/reference/frames/server-frame-reference.webp?v=1') !important;
}
.av-events::before {
    background-image: url('/images/reference/frames/events-frame-reference.webp?v=1') !important;
}
.av-triad > .av-frame::after {
    display: none !important;
}

/* Column 1: Latest News */
.av-news {
    padding-bottom: 20px !important;
}
.av-news .av-panel-title h2 {
    color: #dfc18b !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
}
.av-news__item {
    grid-template-columns: 150px 1fr !important;
    gap: 16px !important;
    padding: 4px 22px !important;
    border-bottom: 1px solid rgba(175, 126, 57, 0.15) !important;
}
.av-news__item:last-child {
    border-bottom: 0 !important;
}
.av-news__item img {
    width: 150px !important;
    height: 100px !important;
    object-fit: cover !important;
    border: 1px solid rgba(44, 142, 255, 0.3) !important;
    box-shadow: 0 0 8px rgba(44, 142, 255, 0.2) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.av-news__item:hover img {
    border-color: rgba(44, 142, 255, 0.6) !important;
    box-shadow: 0 0 12px rgba(44, 142, 255, 0.4) !important;
}
.av-news__item strong {
    text-transform: uppercase !important;
    font-size: 0.92rem !important;
    line-height: 1.1 !important;
    color: #e6c48a !important;
}
.av-news__item small {
    text-transform: uppercase !important;
    color: #79baff !important;
    font-size: 0.7rem !important;
    margin-top: 1px !important;
    margin-bottom: 2px !important;
    letter-spacing: 0.5px !important;
}
.av-news__item p {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    color: #bcc3cf !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Column 2: Server Status Realm panel */
.av-realm {
    padding-bottom: 8px !important;
}
.av-realm header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}
.av-realm header h2 {
    color: #dfc18b !important;
    text-transform: uppercase !important;
    font-family: 'Cinzel', serif !important;
    font-size: 1.25rem !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}
.av-realm-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #5be05b;
    text-transform: uppercase;
    font-family: 'Cinzel', serif;
    font-size: 0.72rem;
    font-weight: 600;
    margin: 2px 0 0 0 !important;
    text-shadow: 0 0 8px rgba(91, 224, 91, 0.4) !important;
}
.av-realm-status i {
    width: 6px !important;
    height: 6px !important;
    background: #5be05b !important;
    border-radius: 50% !important;
    display: inline-block !important;
    box-shadow: 0 0 6px #5be05b !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}
.av-realm-status::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 10px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' width='16' height='10'%3E%3Cpath fill='%23dfc18b' d='M0,5 C3,1 8,2 12,5 C8,8 3,9 0,5 Z M4,5 C6,3 9,4 11,5 C9,6 6,7 4,5 Z M14,5 A1.5,1.5 0 1,1 11,5 A1.5,1.5 0 1,1 14,5 Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
}
.av-realm-status::after {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 10px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' width='16' height='10'%3E%3Cpath fill='%23dfc18b' d='M0,5 C3,1 8,2 12,5 C8,8 3,9 0,5 Z M4,5 C6,3 9,4 11,5 C9,6 6,7 4,5 Z M14,5 A1.5,1.5 0 1,1 11,5 A1.5,1.5 0 1,1 14,5 Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    vertical-align: middle !important;
    margin-left: 6px !important;
    transform: scaleX(-1) !important;
}
.av-realm__banner-wrapper {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 508 / 197 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.av-realm__banner {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-block: 1px solid rgba(175, 126, 57, 0.25) !important;
    margin: 0 !important;
    padding: 0 !important;
}
.av-realm__rates {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    border-top: 1px solid rgba(175, 126, 57, 0.2) !important;
    border-bottom: 1px solid rgba(175, 126, 57, 0.2) !important;
    margin: 0 !important;
    background: #00050b !important;
}
.av-realm__rates span {
    min-height: 68px !important;
    padding: 12px 2px !important;
    border-right: 1px solid rgba(175, 126, 57, 0.15) !important;
}
.av-realm__rates span:last-child {
    border-right: 0 !important;
}
.av-realm__rates small {
    font-size: 0.64rem !important;
    color: #8997aa !important;
}
.av-realm__rates strong {
    font-size: 1.15rem !important;
    color: #dfc18b !important;
}
.av-green-text {
    color: #5be05b !important;
    text-shadow: 0 0 8px rgba(91, 224, 91, 0.4);
}
.av-btn-details {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 210px !important;
    height: 44px !important;
    margin: 12px auto 0 !important;
    background: url('/images/generated/btn-server-details.png?v=12') center/100% 100% no-repeat !important;
    border: 0 !important;
    color: #e9dec8 !important;
    font-family: 'Cinzel', serif;
    font-size: 0.72rem !important;
    text-transform: uppercase;
    transition: filter 0.2s, transform 0.2s;
    clip-path: none !important;
    box-shadow: none !important;
    padding: 0 0 0 4px !important;
    line-height: 44px !important;
    flex: 0 0 210px !important;
    max-width: 210px !important;
}
.av-btn-details:hover {
    filter: brightness(1.2) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* Column 3: Events panel */
.av-events .av-panel-title h2 {
    color: #dfc18b !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
}
.av-event {
    display: grid;
    grid-template-columns: 62px 1fr 88px !important;
    align-items: center;
    gap: 12px !important;
    margin: 0 18px !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid rgba(175, 126, 57, 0.15) !important;
}
.av-event:last-child {
    border-bottom: 0 !important;
}
.av-event-icon {
    width: 62px !important;
    height: 62px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.av-event div strong {
    color: #e6c48a !important;
    font-size: 0.86rem !important;
    text-transform: uppercase;
    white-space: nowrap;
    display: block !important;
}
.av-event div small {
    color: #79baff !important;
    font-size: 0.66rem !important;
    margin-top: 0px !important;
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.av-event div p {
    color: #dfc18b !important;
    font-size: 0.72rem !important;
    margin-top: 1px !important;
    font-family: 'Cinzel', serif;
    display: block !important;
    letter-spacing: 0.5px !important;
}
.av-event > a.av-btn-join {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 88px !important;
    height: 28px !important;
    background: url('/images/generated/btn-join-event.png?v=12') center/100% 100% no-repeat !important;
    border: 0 !important;
    color: #e9dec8 !important;
    font-family: 'Cinzel', serif;
    font-size: 0.58rem !important;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: filter 0.2s, transform 0.2s;
    padding: 0 !important;
    line-height: 28px !important;
    box-shadow: none !important;
    clip-path: none !important;
    flex: 0 0 88px !important;
    max-width: 88px !important;
}
.av-event > a.av-btn-join:hover {
    filter: brightness(1.2) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* Section: Path of Glory */
.av-path {
    width: min(1436px, 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 247px !important;
    min-height: 247px !important;
    background: #00050b !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    margin-top: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.av-path__inner {
    width: 100% !important;
    height: 100% !important;
    padding: 16px 44px 28px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.av-path::before {
    display: block !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    background: url('/images/reference/frames/path-frame-reference.webp?v=1') center/100% 100% no-repeat !important;
    border: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
.av-path::after {
    display: none !important;
}
.av-path header.av-title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    padding: 0 0 8px !important;
    border-bottom: 0 !important;
}
.av-path header.av-title h2 {
    color: #dfc18b !important;
    text-transform: uppercase !important;
    font-family: 'Cinzel', serif !important;
    font-size: 1.55rem !important;
    letter-spacing: 1px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}
.av-path header.av-title h2::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 10px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' width='16' height='10'%3E%3Cpath fill='%23dfc18b' d='M0,5 C3,1 8,2 12,5 C8,8 3,9 0,5 Z M4,5 C6,3 9,4 11,5 C9,6 6,7 4,5 Z M14,5 A1.5,1.5 0 1,1 11,5 A1.5,1.5 0 1,1 14,5 Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}
.av-path header.av-title h2::after {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 10px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' width='16' height='10'%3E%3Cpath fill='%23dfc18b' d='M0,5 C3,1 8,2 12,5 C8,8 3,9 0,5 Z M4,5 C6,3 9,4 11,5 C9,6 6,7 4,5 Z M14,5 A1.5,1.5 0 1,1 11,5 A1.5,1.5 0 1,1 14,5 Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    transform: scaleX(-1) !important;
}
.av-path__track {
    position: relative;
    width: calc(100% - 32px);
    margin: 2px auto 10px !important;
    height: 20px !important;
    display: flex;
    align-items: center;
}
.av-path__line {
    position: absolute;
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background: linear-gradient(90deg, rgba(27, 57, 98, 0.2), #2c8eff, rgba(27, 57, 98, 0.2));
    box-shadow: 0 0 8px rgba(44, 142, 255, 0.4);
    z-index: 1;
}
.av-path__nodes {
    position: absolute;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 2;
}
.av-path__node {
    display: flex;
    justify-content: center;
    align-items: center;
}
.av-path__node img {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 0 6px #2c8eff);
}
.av-path__steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 0 !important;
    gap: 8px !important;
}
.av-path__steps article {
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    background: #00050b !important;
    border: 1px solid rgba(175, 126, 57, 0.25) !important;
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.2s, border-color 0.2s;
    height: 128px !important;
    clip-path: none !important;
}
.av-path__steps article:hover {
    transform: translateY(-1px);
    border-color: rgba(175, 126, 57, 0.5) !important;
}
.av-path__steps img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(175, 126, 57, 0.25) !important;
}
.av-path__steps span {
    padding: 10px 12px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.av-path__steps small {
    color: #8997aa !important;
    font-size: 0.6rem !important;
    text-transform: uppercase;
}
.av-path__steps h3 {
    color: #e6c48a !important;
    font-size: 0.82rem !important;
    margin: 0 !important; line-height: 1.1 !important;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.av-path__steps p {
    font-size: 0.7rem !important;
    color: #bcc3cf !important;
    line-height: 1.35 !important;
    margin-bottom: 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.av-path__steps b {
    color: #38b6ff !important;
    font-family: 'Cinzel', serif;
    font-size: 0.65rem !important;
    text-shadow: 0 0 4px rgba(56, 182, 255, 0.3) !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   Responsive Overrides for Premium Frames
   ========================================================================== */
@media (max-width: 1100px) {
    .av-triad {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .av-discover {
        height: auto !important;
        min-height: 330px !important;
    }
    .av-discover__inner {
        min-height: 330px !important;
    }
    .av-features {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        row-gap: 12px !important;
    }
    .av-feature:nth-child(3) {
        border-right: 0 !important;
    }
    .av-feature:nth-child(n + 4) {
        border-top: 1px solid rgba(175, 126, 57, 0.15) !important;
    }
    .av-path {
        height: auto !important;
        min-height: 420px !important;
    }
    .av-path__inner {
        min-height: 420px !important;
    }
    .av-path__steps {
        grid-template-columns: repeat(2, 1fr) !important;
        height: auto !important;
    }
    .av-path__steps article {
        height: 140px !important;
    }
    .av-path__track {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .av-triad {
        grid-template-columns: 1fr !important;
    }
    .av-discover {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 14px !important;
        background: rgba(2, 8, 15, 0.95) !important;
        border: 1px solid rgba(175, 126, 57, 0.3) !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    .av-discover__inner {
        min-height: 0 !important;
        padding: 14px !important;
    }
    .av-features {
        grid-template-columns: 1fr !important;
    }
    .av-feature {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(175, 126, 57, 0.15) !important;
    }
    .av-triad > .av-frame {
        background: rgba(2, 8, 15, 0.95) !important;
        border: 1px solid rgba(175, 126, 57, 0.3) !important;
        margin-bottom: 14px;
        height: auto !important;
        min-height: 0 !important;
    }
    .av-path {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background: rgba(2, 8, 15, 0.95) !important;
        border: 1px solid rgba(175, 126, 57, 0.3) !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }
    .av-path__inner {
        min-height: 0 !important;
        padding: 14px !important;
    }
    .av-path__steps {
        grid-template-columns: 1fr !important;
    }
    .av-path__steps article {
        height: 120px !important;
    }
}

.av-reference-section3 {
    margin: 18px 0 0 0;
    overflow: hidden;
    background: #00050b;
}

.av-reference-band {
    position: relative;
    width: 100%;
}

.av-reference-band > img {
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
}

.av-reference-champions,
.av-reference-guilds {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.av-reference-champion {
    position: absolute;
    top: 73%;
    min-height: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25% 0.4%;
    background: linear-gradient(180deg, #07111d, #040a12);
    color: #c9c6c2;
    font-size: clamp(0.45rem, 0.72vw, 0.72rem);
    line-height: 1.35;
    text-align: center;
}

.av-reference-champion a,
.av-reference-champion strong {
    color: #ffd477;
    font-family: 'Cinzel', serif;
    font-size: clamp(0.6rem, 0.95vw, 0.95rem);
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9);
    letter-spacing: 0.02em;
    pointer-events: auto;
    transition: color 0.25s, text-shadow 0.25s;
}

.av-reference-champion a:hover {
    color: #ffffff;
    text-shadow: 0 0 8px rgba(255, 212, 119, 0.8), 0 1px 3px rgba(0,0,0,0.9);
}

.av-reference-champion--1 { left: 31%; width: 12.9%; }
.av-reference-champion--2 { left: 17.2%; width: 9.6%; }
.av-reference-champion--3 { left: 48.3%; width: 9.7%; }

.av-reference-pvp-list {
    position: absolute;
    z-index: 2;
    left: 76.6%;
    top: 26.5%;
    width: 17.5%;
    height: 49.5%;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    background: #050d16;
}

.av-reference-pvp-list > a {
    display: grid;
    grid-template-columns: 12% 1fr auto;
    align-items: center;
    gap: 4%;
    padding: 0 4%;
    border-bottom: 1px solid rgba(162, 124, 69, 0.2);
    color: #d5d0c7;
    font-size: clamp(0.48rem, 0.76vw, 0.76rem);
}

.av-reference-pvp-list b {
    color: #d6ad65;
    font-family: 'Cinzel', serif;
}

.av-reference-pvp-list em {
    color: #d6c6aa;
    font-style: normal;
}

.av-reference-pvp-list > p,
.av-reference-gallery > p,
.av-reference-trailer > p {
    display: grid;
    place-items: center;
    margin: 0;
    color: #8793a3;
}

.av-reference-guild {
    position: absolute;
    top: 57.5%;
    width: 9.35%;
    height: 38%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #050d16;
    color: #d6d0c7;
    font-size: clamp(0.42rem, 0.68vw, 0.68rem);
    line-height: 1.45;
    text-align: center;
}

.av-reference-guild strong {
    color: #f0dfc1;
    font-family: 'Cinzel', serif;
    font-size: clamp(0.5rem, 0.8vw, 0.8rem);
}

.av-reference-guild small {
    color: #9aa2ad;
}

.av-reference-guild b {
    color: #e4c68f;
    font-weight: 500;
}

.av-reference-guild--1 { left: 2.2%; }
.av-reference-guild--2 { left: 12.45%; }
.av-reference-guild--3 { left: 22.7%; }

.av-reference-gallery,
.av-reference-trailer {
    position: absolute;
    z-index: 2;
    top: 15.8%;
    height: 78%;
    overflow: hidden;
    background: #030a12;
}

.av-reference-gallery {
    left: 34.95%;
    width: 26.35%;
    padding: 0.5%;
}

.av-reference-gallery__main {
    display: block;
    height: 72%;
}

.av-reference-gallery__main img,
.av-reference-gallery__thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.av-reference-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1%;
    height: 26%;
    margin-top: 1.5%;
}

.av-reference-gallery__thumbs a {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(99, 125, 159, 0.65);
}

.av-reference-trailer {
    left: 63.75%;
    width: 34.4%;
}

.av-reference-trailer iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.av-reference-copyright {
    position: absolute;
    z-index: 2;
    left: 1.8%;
    bottom: 4.5%;
    margin: 0;
    color: #b7b9bd;
    font-size: clamp(0.42rem, 0.68vw, 0.68rem);
}

.av-reference-hotspot {
    position: absolute;
    z-index: 4;
    display: block;
    color: transparent;
}

.av-reference-hotspot:focus-visible {
    outline: 2px solid #42a7ff;
    outline-offset: -2px;
}

.av-reference-hotspot > span,
.av-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.av-reference-hotspot--pvp { left: 76.5%; top: 78%; width: 17.4%; height: 11%; }
.av-reference-hotspot--guilds { left: 27.2%; top: 5%; width: 5%; height: 9%; }

/* Community Row (Side-by-Side Sliced Columns) */
.av-reference-band--community-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
    margin-top: 14px;
}

.av-ref-col {
    position: relative;
    width: 100%;
}

.av-ref-col > img {
    display: block;
    width: 100% !important;
    height: auto !important;
}

.av-ref-link {
    position: absolute;
    display: block;
    color: transparent;
    z-index: 5;
}

.av-ref-link > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Sliced Column Hotspots */
.av-ref-link--discord { left: 7.8%; top: 24%; width: 20.7%; height: 65%; }
.av-ref-link--facebook { left: 30.9%; top: 24%; width: 20.7%; height: 65%; }
.av-ref-link--youtube { left: 54.0%; top: 24%; width: 20.7%; height: 65%; }
.av-ref-link--tiktok { left: 77.1%; top: 24%; width: 20.7%; height: 65%; }

.av-ref-link--donate { left: 25.1%; top: 44%; width: 38.4%; height: 33%; }
.av-ref-link--store { left: 26.8%; top: 43%; width: 38.1%; height: 34%; }

/* Footer Image and Container Layout */
.av-reference-band--footer {
    position: relative;
    width: 100%;
}

.av-reference-band--footer > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.av-reference-hotspot--download { left: 29.8%; top: 23%; width: 18.5%; height: 35%; }
.av-reference-hotspot--register { left: 52.1%; top: 23%; width: 18%; height: 35%; }
.av-reference-hotspot--terms { left: 37.2%; top: 83%; width: 8.4%; height: 12%; }
.av-reference-hotspot--privacy { left: 45.8%; top: 83%; width: 7.8%; height: 12%; }
.av-reference-hotspot--top { left: 94.5%; top: 56%; width: 4.1%; height: 32%; }

@media (max-width: 1023px) {
    /* Hide the sliced desktop mockups */
    .av-reference-band--champions > img,
    .av-reference-band--media > img,
    .av-reference-band--footer > img {
        display: none !important;
    }

    /* Convert absolute layout to flex stack */
    .av-reference-band--champions,
    .av-reference-band--media {
        display: flex !important;
        flex-direction: column !important;
        background: #020712 !important;
        padding: 24px 16px !important;
        border: 1px solid rgba(198, 154, 88, 0.25) !important;
        border-radius: 8px !important;
        gap: 20px !important;
        height: auto !important;
        min-height: auto !important;
        position: static !important;
    }

    /* Champions styling */
    .av-reference-champions {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        pointer-events: auto !important;
    }

    .av-reference-champion {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        padding: 16px 20px !important;
        border: 1px solid rgba(198, 154, 88, 0.2) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, #07111d, #040a12) !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .av-reference-champion a,
    .av-reference-champion strong {
        font-size: 1.15rem !important;
        margin-bottom: 4px !important;
    }

    .av-reference-champion span {
        font-size: 0.85rem !important;
        color: #a9b3c2 !important;
    }

    /* PVP list styling */
    .av-reference-pvp-list {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        background: #040a12 !important;
        border: 1px solid rgba(198, 154, 88, 0.2) !important;
        border-radius: 6px !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        pointer-events: auto !important;
    }

    .av-reference-pvp-list > a {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 14px !important;
        background: rgba(255,255,255,0.01) !important;
        border: 1px solid rgba(198, 154, 88, 0.1) !important;
        border-radius: 4px !important;
        font-size: 0.9rem !important;
        color: #ead0a0 !important;
        text-decoration: none !important;
    }

    .av-reference-pvp-list b {
        color: #ffd477 !important;
    }

    .av-reference-pvp-list em {
        color: #62bdff !important;
        font-style: normal !important;
    }

    /* Guilds styling */
    .av-reference-guilds {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        pointer-events: auto !important;
    }

    .av-reference-guild {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 16px 20px !important;
        border: 1px solid rgba(198, 154, 88, 0.2) !important;
        border-radius: 6px !important;
        background: linear-gradient(180deg, #07111d, #040a12) !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .av-reference-guild strong {
        font-size: 1.15rem !important;
        margin-bottom: 4px !important;
    }

    .av-reference-guild span,
    .av-reference-guild b {
        font-size: 0.85rem !important;
    }

    /* Gallery & Video */
    .av-reference-gallery,
    .av-reference-trailer {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 12px !important;
        background: #040a12 !important;
        border: 1px solid rgba(198, 154, 88, 0.2) !important;
        border-radius: 6px !important;
        pointer-events: auto !important;
    }

    .av-reference-gallery__main {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .av-reference-gallery__main img {
        width: 100% !important;
        height: auto !important;
        border-radius: 4px !important;
        object-fit: contain !important;
    }

    .av-reference-gallery__thumbs {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        height: auto !important;
        margin-top: 8px !important;
    }

    .av-reference-gallery__thumbs img {
        width: 100% !important;
        height: auto !important;
        border-radius: 2px !important;
    }

    .av-reference-trailer {
        height: 0 !important;
        padding-bottom: 56.25% !important;
        overflow: hidden !important;
    }

    .av-reference-trailer iframe {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Hotspot buttons on mobile */
    .av-reference-hotspot--pvp,
    .av-reference-hotspot--guilds {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 14px !important;
        background: linear-gradient(180deg, #188dff, #0758cf) !important;
        color: #fff !important;
        border-radius: 6px !important;
        font-family: 'Cinzel', serif !important;
        font-size: 0.95rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        text-align: center !important;
        pointer-events: auto !important;
        border: 1px solid rgba(255,255,255,0.15) !important;
        box-shadow: 0 4px 10px rgba(0,118,255,0.3) !important;
    }

    .av-reference-hotspot--pvp span,
    .av-reference-hotspot--guilds span,
    .av-reference-hotspot--download span,
    .av-reference-hotspot--register span,
    .av-reference-hotspot--terms span,
    .av-reference-hotspot--privacy span {
        display: inline !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
        color: inherit !important;
        white-space: normal !important;
    }

    /* Footer band responsiveness */
    .av-reference-band--footer {
        background: #02060b !important;
        padding: 40px 16px !important;
        border-top: 1px solid rgba(198, 154, 88, 0.3) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        text-align: center !important;
    }

    .av-reference-copyright {
        position: static !important;
        margin-top: 20px !important;
        color: #8793a3 !important;
        font-size: 0.8rem !important;
    }

    /* Footer button links */
    .av-reference-hotspot--download,
    .av-reference-hotspot--register {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 280px !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 24px !important;
        font-family: 'Cinzel', serif !important;
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        color: #fff !important;
        border-radius: 4px !important;
        border: 1.5px solid #d5a552 !important;
        pointer-events: auto !important;
    }

    .av-reference-hotspot--download {
        background: linear-gradient(180deg, #188dff, #0758cf) !important;
        border-color: #62bdff !important;
    }

    .av-reference-hotspot--register {
        background: linear-gradient(180deg, #583511, #150e08) !important;
    }

    /* Links at bottom of footer */
    .av-reference-hotspot--terms,
    .av-reference-hotspot--privacy {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        display: inline-block !important;
        margin: 0 10px !important;
        color: #c69a58 !important;
        font-family: var(--av-font-body) !important;
        font-size: 0.75rem !important;
        pointer-events: auto !important;
        text-decoration: underline !important;
    }

    .av-reference-hotspot--top {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .av-reference-band--community-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}