/* Arcadia MU Homepage v8 — Live World Portal */
:root{
  --a8-bg:#080706;--a8-bg2:#0c0a09;--a8-panel:#100d0b;--a8-ink:#f2eadf;--a8-muted:#918476;--a8-dim:#6e6257;
  --a8-gold:#d8a45e;--a8-gold2:#f2c77f;--a8-line:rgba(216,164,94,.18);--a8-line2:rgba(255,255,255,.055);
  --a8-red:#d17752;--a8-blue:#7ca8e8;--a8-purple:#a98ce8;--a8-shadow:0 32px 90px rgba(0,0,0,.42);
  --a8-display:'Cinzel',Georgia,serif;--a8-ui:'Manrope','Inter',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.a8-page{margin:0;background:var(--a8-bg);color:var(--a8-ink);font-family:var(--a8-ui);overflow-x:hidden}body.a8-lock{overflow:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}.a8-container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.a8-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a8-skip{position:fixed;left:18px;top:-80px;z-index:99999;padding:10px 14px;background:#fff;color:#000}.a8-skip:focus{top:18px}
.a8-icon{width:18px;height:18px;display:block}.a8-live-dot{width:7px;height:7px;border-radius:50%;background:#8de087;box-shadow:0 0 0 5px rgba(141,224,135,.06),0 0 18px rgba(141,224,135,.5);animation:a8Live 2.4s ease-in-out infinite}
@keyframes a8Live{50%{opacity:.48;box-shadow:0 0 0 8px rgba(141,224,135,0),0 0 12px rgba(141,224,135,.2)}}

/* HEADER */
.a8-header{position:fixed;inset:0 0 auto;z-index:500;height:78px;display:flex;align-items:center;border-bottom:1px solid transparent;transition:height .3s ease,background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.a8-header.is-scrolled{height:66px;background:rgba(8,7,6,.82);backdrop-filter:blur(18px) saturate(120%);border-color:rgba(255,255,255,.05)}
.a8-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}.a8-mark{display:flex;align-items:center;gap:10px;min-width:max-content}.a8-mark__sigil{width:27px;height:27px;position:relative;display:grid;place-items:center;color:var(--a8-gold2);filter:drop-shadow(0 0 10px rgba(242,199,127,.18))}.a8-mark__sigil:before,.a8-mark__sigil:after{content:"";position:absolute;background:currentColor;transform:rotate(45deg)}.a8-mark__sigil:before{width:13px;height:13px;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}.a8-mark__sigil:after{width:4px;height:4px;border-radius:50%;background:#fff4d9;box-shadow:0 0 12px var(--a8-gold2)}.a8-mark__word{font-family:var(--a8-display);font-size:17px;font-weight:700;letter-spacing:.1em}.a8-mark__word small{display:block;margin-top:-2px;color:#7c6a56;font-family:var(--a8-ui);font-size:6px;letter-spacing:.42em;text-align:center}
.a8-navlinks{display:flex;justify-content:center;align-items:center;gap:30px}.a8-navlinks>a,.a8-community>button{position:relative;padding:29px 0 27px;border:0;background:none;color:#a79b8e;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.a8-navlinks>a:after,.a8-community>button:after{content:"";position:absolute;left:50%;right:50%;bottom:19px;height:1px;background:linear-gradient(90deg,transparent,var(--a8-gold2),transparent);transition:left .22s ease,right .22s ease}.a8-navlinks>a:hover,.a8-navlinks>a.is-current,.a8-community>button:hover{color:#f0e4d5}.a8-navlinks>a:hover:after,.a8-navlinks>a.is-current:after,.a8-community>button:hover:after{left:0;right:0}.a8-community{position:relative}.a8-community>button{display:flex;align-items:center;gap:6px}.a8-community>button svg{width:11px;height:11px}.a8-community-menu{position:absolute;top:60px;left:-18px;min-width:168px;padding:9px;background:rgba(14,12,10,.96);border:1px solid var(--a8-line);box-shadow:0 20px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s ease}.a8-community:hover .a8-community-menu,.a8-community:focus-within .a8-community-menu{opacity:1;visibility:visible;transform:none}.a8-community-menu a{display:block;padding:11px 12px;color:#9f9181;font-size:10px;text-transform:uppercase}.a8-community-menu a:hover{color:#f2dfc7;background:rgba(216,164,94,.05)}
.a8-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px}.a8-lang{position:relative}.a8-lang>button{display:flex;align-items:center;gap:5px;padding:8px;border:0;background:none;color:#928477;font-size:9px;font-weight:700;letter-spacing:.1em;cursor:pointer}.a8-lang>button svg{width:10px;height:10px}.a8-lang-menu{position:absolute;top:38px;right:0;width:158px;padding:8px;background:rgba(14,12,10,.97);border:1px solid var(--a8-line);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s ease}.a8-lang.is-open .a8-lang-menu{opacity:1;visibility:visible;transform:none}.a8-lang-menu a{display:flex;justify-content:space-between;padding:10px;color:#9d8d7c;font-size:10px}.a8-lang-menu a:hover{background:rgba(216,164,94,.05);color:#f0dfca}.a8-loginbtn{border:0;background:none;color:#a99a8a;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.a8-register{display:grid;place-items:center;min-width:108px;height:38px;border:1px solid rgba(216,164,94,.42);color:#e1b875;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s ease}.a8-register:hover{border-color:var(--a8-gold2);background:rgba(216,164,94,.07);box-shadow:0 0 28px rgba(216,164,94,.08)}.a8-menu{display:none;width:42px;height:42px;border:1px solid var(--a8-line);background:rgba(0,0,0,.25);color:#dcb270;place-items:center}.a8-menu svg{width:18px;height:18px}

/* Critical notice */
.a8-critical{position:fixed;z-index:490;top:78px;left:0;right:0;min-height:42px;display:flex;align-items:center;background:rgba(65,24,14,.88);backdrop-filter:blur(12px);border-block:1px solid rgba(222,118,71,.22);transition:top .3s ease}.a8-header.is-scrolled~.a8-critical{top:66px}.a8-critical__inner{display:flex;align-items:center;justify-content:center;gap:15px;color:#d9bead;font-size:10px}.a8-critical strong{color:#ffb17d;letter-spacing:.13em}.a8-critical time{color:#947566}.a8-critical a{display:inline-flex;align-items:center;gap:7px;color:#f1c29b}.a8-critical svg{width:12px;height:12px}

/* HERO */
.a8-hero{position:relative;min-height:100svh;height:max(760px,100svh);display:grid;place-items:center;overflow:hidden;background:#090807}.a8-hero__media,.a8-hero__poster,.a8-hero__video,.a8-hero__wash,.a8-hero__vignette,.a8-hero__light,.a8-hero__grain{position:absolute;inset:0}.a8-hero__poster{background:url('../img/hero.webp') 50% 44%/cover no-repeat;transform:scale(1.03);transition:transform 1.5s cubic-bezier(.2,.8,.2,1);will-change:transform}.a8-hero__video{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.92) contrast(1.03)}.a8-hero__wash{background:linear-gradient(180deg,rgba(4,4,4,.38) 0%,rgba(4,4,4,.08) 34%,rgba(4,4,4,.21) 62%,#080706 100%)}.a8-hero__vignette{background:radial-gradient(ellipse at center,rgba(0,0,0,0) 22%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.7) 100%)}.a8-hero__light{background:radial-gradient(circle at 50% 54%,rgba(219,164,91,.11),transparent 20%);mix-blend-mode:screen;animation:a8HeroLight 8s ease-in-out infinite}.a8-hero__grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}.a8-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,var(--a8-bg));pointer-events:none}
@keyframes a8HeroLight{50%{opacity:.55;transform:scale(1.06)}}
.a8-hero__content{position:relative;z-index:3;width:min(820px,calc(100% - 48px));padding-top:54px;text-align:center;display:flex;flex-direction:column;align-items:center}.a8-wordmark{position:relative;margin-bottom:28px;font-family:var(--a8-display);font-size:clamp(33px,4vw,54px);font-weight:800;letter-spacing:.08em;line-height:1;color:#e9c886;text-shadow:0 1px 0 #4b321b,0 0 28px rgba(227,172,91,.12)}.a8-wordmark:before{content:"✦";display:block;margin-bottom:10px;font-size:19px;color:#f0b85e;text-shadow:0 0 18px rgba(240,184,94,.5)}.a8-wordmark small{display:block;margin-top:8px;color:#c9b291;font-family:var(--a8-ui);font-size:7px;letter-spacing:.55em;font-weight:700}.a8-hero h1{margin:0;color:#f5eee5;font-family:var(--a8-display);font-size:clamp(54px,6.6vw,98px);font-weight:600;letter-spacing:-.045em;line-height:.88;text-wrap:balance;text-shadow:0 10px 45px rgba(0,0,0,.45)}.a8-hero__status{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:15px;min-height:36px;padding:0 20px;border-top:1px solid rgba(216,164,94,.2);border-bottom:1px solid rgba(216,164,94,.12);color:#a29586;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.a8-hero__status b{color:#ddb36f}.a8-hero__status strong{color:#e8ddce}.a8-hero__status em{width:1px;height:14px;background:rgba(255,255,255,.1)}.a8-hero__cta{display:flex;gap:12px;margin-top:26px}.a8-btn{position:relative;min-width:170px;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid rgba(216,164,94,.3);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.a8-btn:before{content:"";position:absolute;top:-50%;left:-80%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(16deg);transition:left .55s ease}.a8-btn:hover:before{left:130%}.a8-btn:hover{transform:translateY(-2px)}.a8-btn--dark{background:rgba(8,7,6,.52);backdrop-filter:blur(10px);color:#e8d9c7}.a8-btn--dark:hover{border-color:rgba(216,164,94,.65);box-shadow:0 16px 42px rgba(0,0,0,.25)}.a8-btn--gold{border-color:#e0af62;background:linear-gradient(180deg,#e1b267,#a86f32);color:#211307;box-shadow:inset 0 1px rgba(255,255,255,.25),0 12px 34px rgba(151,95,33,.16)}.a8-btn--gold:hover{box-shadow:inset 0 1px rgba(255,255,255,.3),0 18px 45px rgba(189,120,40,.25)}.a8-hero__discover{margin-top:18px;display:inline-flex;align-items:center;gap:9px;color:#c9a46c;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease,gap .2s ease}.a8-hero__discover:hover{color:#f1c77f;gap:13px}.a8-hero__discover svg{width:12px;height:12px}.a8-scrollcue{position:absolute;z-index:4;bottom:29px;left:50%;width:28px;height:44px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.13);border-radius:18px}.a8-scrollcue:after{content:"";position:absolute;left:50%;top:8px;width:2px;height:7px;border-radius:3px;background:#dfb16d;transform:translateX(-50%);animation:a8Scroll 2s ease-in-out infinite}@keyframes a8Scroll{0%,100%{transform:translate(-50%,0);opacity:.4}50%{transform:translate(-50%,15px);opacity:1}}

/* SHARED */
.a8-section{position:relative;padding:96px 0}.a8-section__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.a8-section__head h2{margin:0;font-family:var(--a8-display);font-size:clamp(34px,4.5vw,60px);font-weight:600;letter-spacing:-.035em;line-height:.95}.a8-link{display:inline-flex;align-items:center;gap:8px;color:#b99159;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.a8-link svg{width:12px;height:12px}.a8-link:hover{color:#efc37a}.a8-rule{height:1px;background:linear-gradient(90deg,rgba(216,164,94,.35),rgba(216,164,94,.05),transparent)}
[data-a8-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-a8-reveal].is-visible{opacity:1;transform:none}

/* NEWS */
.a8-news{background:linear-gradient(180deg,var(--a8-bg),#0a0807)}.a8-news__mast{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;margin-bottom:30px}.a8-news__mast h2{margin:0;font-family:var(--a8-display);font-size:clamp(36px,4vw,56px);font-weight:600;letter-spacing:-.04em}.a8-news__mast>.a8-link{justify-self:end;white-space:nowrap}.a8-news__grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:20px}.a8-news__feature{position:relative;min-height:430px;overflow:hidden;background:#0f0c0a;box-shadow:var(--a8-shadow)}.a8-news__feature-art{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.87) 100%),url('../img/hero.webp') 61% 45%/cover no-repeat;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}.a8-news__feature:hover .a8-news__feature-art{transform:scale(1.035)}.a8-news__feature-copy{position:absolute;z-index:2;inset:auto 0 0;padding:31px}.a8-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid rgba(216,164,94,.23);color:#edc680;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.a8-badge--event{border-color:rgba(169,140,232,.28);color:#cdb7ff;background:rgba(90,60,145,.11)}.a8-badge--maintenance{border-color:rgba(209,119,82,.35);color:#f2a97e;background:rgba(115,39,17,.14)}.a8-badge--changelog{border-color:rgba(124,168,232,.33);color:#9ec4f5;background:rgba(42,69,116,.14)}.a8-badge--notice{color:#f1c47e}.a8-news__feature-meta{display:flex;align-items:center;gap:11px}.a8-news__feature-meta time{color:#807365;font-size:9px}.a8-news__feature h3{margin:13px 0 9px;max-width:16ch;font-family:var(--a8-display);font-size:clamp(25px,3vw,40px);font-weight:600;line-height:1.05}.a8-news__feature p{margin:0;max-width:43ch;color:#9b8e81;font-size:12px;line-height:1.6}.a8-news__feature .a8-link{margin-top:20px}.a8-news__list{display:flex;flex-direction:column;border-top:1px solid var(--a8-line2)}.a8-news__item{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;min-height:102px;padding:17px 4px 16px;border-bottom:1px solid var(--a8-line2);transition:padding .22s ease,background .22s ease}.a8-news__item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--a8-gold);opacity:0;transition:.2s}.a8-news__item:hover,.a8-news__item.is-active{padding-left:16px;background:linear-gradient(90deg,rgba(216,164,94,.045),transparent 55%)}.a8-news__item:hover:before,.a8-news__item.is-active:before{opacity:1}.a8-news__item-meta{display:flex;align-items:center;gap:10px}.a8-news__item-meta time{color:#71665c;font-size:8px}.a8-news__item h3{margin:9px 0 0;font-family:var(--a8-display);font-size:16px;font-weight:600;line-height:1.18}.a8-news__item>svg{width:13px;height:13px;align-self:center;color:#6f5c46}.a8-news__empty{min-height:330px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(216,164,94,.06),transparent 30%),#0d0b0a;border:1px solid rgba(216,164,94,.1)}.a8-news__empty strong{font-family:var(--a8-display);font-size:28px}.a8-news__empty span{display:block;margin-top:8px;color:#74695f;font-size:11px}

/* TODAY */
.a8-today{background:#090807;border-block:1px solid rgba(255,255,255,.035)}.a8-today__main{display:grid;grid-template-columns:350px 1fr;gap:60px;align-items:center}.a8-today__now small{color:#8e6a42;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.a8-today__now h3{margin:8px 0 4px;font-family:var(--a8-display);font-size:clamp(34px,4vw,55px);font-weight:600;line-height:1}.a8-today__count{font-family:var(--a8-display);font-size:30px;color:#e8bd78}.a8-today__time{margin-top:17px;color:#73675c;font-size:9px}.a8-timeline{position:relative;padding:40px 0 24px}.a8-timeline__line{position:absolute;top:48px;left:3%;right:3%;height:1px;background:rgba(255,255,255,.08);overflow:hidden}.a8-timeline__line span{display:block;width:18%;height:100%;background:linear-gradient(90deg,#8c5d2a,#e0ae65);box-shadow:0 0 20px rgba(224,174,101,.38);animation:a8LineGlow 3.2s ease-in-out infinite}@keyframes a8LineGlow{50%{filter:brightness(1.45)}}.a8-timeline__events{position:relative;display:grid;grid-template-columns:repeat(var(--a8-slot-count,5),minmax(0,1fr));gap:12px}.a8-timeline__event{position:relative;padding-top:27px}.a8-timeline__event:before{content:"";position:absolute;top:3px;left:0;width:9px;height:9px;border:2px solid #8b6841;background:#090807;transform:rotate(45deg);box-shadow:0 0 0 5px #090807}.a8-timeline__event.is-first:before{border-color:#e3ae62;background:#e3ae62;box-shadow:0 0 0 5px #090807,0 0 18px rgba(227,174,98,.25)}.a8-timeline__event small{color:#6f6256;font-size:8px;text-transform:uppercase}.a8-timeline__event strong{display:block;margin-top:6px;color:#cfc0ae;font-size:11px}.a8-timeline__event time{display:block;margin-top:3px;color:#887968;font-size:9px}

/* WORLD PULSE */
.a8-world{overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(216,164,94,.055),transparent 34%),#080706}.a8-world:before{content:"ARCADIA";position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-family:var(--a8-display);font-size:min(22vw,320px);font-weight:800;letter-spacing:.02em;color:rgba(255,255,255,.011);white-space:nowrap;pointer-events:none}.a8-world__stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid rgba(216,164,94,.13);border-bottom:1px solid rgba(216,164,94,.08)}.a8-world__stat{min-height:240px;padding:38px 28px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.05)}.a8-world__stat:last-child{border-right:0}.a8-world__stat small{color:#80684f;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.a8-world__stat strong{margin-top:14px;font-family:var(--a8-display);font-size:clamp(34px,4vw,56px);font-weight:600;line-height:.95;word-break:break-word}.a8-world__stat span{margin-top:10px;color:#776b60;font-size:9px;text-transform:uppercase}.a8-world__stat--online strong{font-size:clamp(58px,6vw,86px);color:#e7bd78}.a8-world__stat:hover strong{color:#f0cf99}.a8-world__bottom{display:flex;justify-content:flex-end;margin-top:18px}

/* PROGRESSION */
.a8-progress{background:linear-gradient(180deg,#090807,#0c0908)}.a8-progress__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:70px;align-items:center;min-height:360px;padding:55px 0;border-top:1px solid var(--a8-line);border-bottom:1px solid rgba(255,255,255,.045)}.a8-progress__copy>small{color:#8a6a48;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.a8-progress__copy h2{margin:8px 0 0;font-family:var(--a8-display);font-size:clamp(38px,4.7vw,64px);font-weight:600;line-height:.95}.a8-progress__character{display:flex;align-items:baseline;gap:14px;margin-top:22px}.a8-progress__character strong{font-family:var(--a8-display);font-size:25px}.a8-progress__character span{color:#8d7e6e;font-size:10px}.a8-progress__next{margin-top:25px}.a8-progress__next small{display:block;color:#795e42;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.a8-progress__next strong{display:block;margin-top:7px;color:#d9c6ad;font-size:13px}.a8-progress__next span{display:block;margin-top:4px;color:#75695d;font-size:9px}.a8-progress__visual{position:relative}.a8-progress__level{display:flex;align-items:baseline;gap:9px}.a8-progress__level strong{font-family:var(--a8-display);font-size:76px;font-weight:600;color:#e4bb79;line-height:1}.a8-progress__level small{color:#7e6b56;font-size:9px;font-weight:800}.a8-progress__bar{height:2px;margin:23px 0 18px;background:rgba(255,255,255,.06);overflow:hidden}.a8-progress__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#805123,#e5ad60);box-shadow:0 0 18px rgba(229,173,96,.4);transition:width 1.5s cubic-bezier(.2,.8,.2,1)}.a8-progress__road{display:flex;justify-content:space-between;position:relative;margin:25px 0 22px}.a8-progress__road:before{content:"";position:absolute;left:3%;right:3%;top:50%;height:1px;background:linear-gradient(90deg,#6b4a2a,#d9a45d,#6b4a2a)}.a8-progress__road span{position:relative;z-index:2;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(216,164,94,.22);border-radius:50%;background:#0b0908;color:#b38a57;font-family:var(--a8-display);font-size:10px;box-shadow:0 0 0 7px #0b0908}

/* TOOLS */
.a8-tools{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.04);background:#0b0908}.a8-tools__row{display:flex;align-items:center;gap:34px}.a8-tools h2{min-width:max-content;margin:0;color:#7b6b5b;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.a8-tools__links{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1}.a8-tools__links a{display:flex;align-items:center;gap:9px;color:#9b8d7e;font-size:9px;font-weight:700;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.a8-tools__links a:hover{color:#e8bd78;transform:translateY(-1px)}.a8-tools__links svg{width:16px;height:16px;color:#9e7445}

/* NEW PLAYER BRIDGE */
.a8-new{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden}.a8-new__art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.15),rgba(8,7,6,.82)),linear-gradient(90deg,rgba(8,7,6,.8),rgba(8,7,6,.18) 45%,rgba(8,7,6,.62)),url('../img/castle_siege.webp') center/cover no-repeat;transform:scale(1.02);transition:transform 1s ease}.a8-new:hover .a8-new__art{transform:scale(1.04)}.a8-new__inner{position:relative;z-index:2;text-align:center}.a8-new__inner small{color:#d1a35e;font-size:9px;font-weight:900;letter-spacing:.16em}.a8-new__inner h2{margin:10px 0 12px;font-family:var(--a8-display);font-size:clamp(42px,5.5vw,76px);font-weight:600;letter-spacing:-.04em}.a8-new__inner p{margin:0 auto 26px;color:#a39688;font-size:11px}.a8-new__inner .a8-btn{min-width:190px}

/* FOOTER */
.a8-footer{padding:62px 0 28px;background:#070605;border-top:1px solid rgba(216,164,94,.1)}.a8-footer__main{display:grid;grid-template-columns:1fr 1.8fr;gap:80px}.a8-footer__brand p{margin:18px 0 22px;color:#776a5e;font-size:10px}.a8-social{display:flex;gap:9px}.a8-social a{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(216,164,94,.12);color:#92704a}.a8-social a:hover{color:#e3b36c;border-color:rgba(216,164,94,.3)}.a8-social svg{width:15px;height:15px}.a8-footer__nav{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.a8-footer__nav h3{margin:0 0 14px;color:#cfb18a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.a8-footer__nav a{display:block;margin:9px 0;color:#75695e;font-size:9px}.a8-footer__nav a:hover{color:#d7b47e}.a8-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:18px;border-top:1px solid rgba(255,255,255,.045);color:#514941;font-size:8px;line-height:1.5}

/* LOGIN */
.a8-login[hidden]{display:none!important}.a8-login{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.a8-login__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(12px)}.a8-login__dialog{position:relative;width:min(430px,100%);padding:34px;background:linear-gradient(145deg,#14100e,#0b0908);border:1px solid rgba(216,164,94,.22);box-shadow:0 40px 100px rgba(0,0,0,.55)}.a8-login__close{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#7f7163;cursor:pointer}.a8-login__close svg{width:17px;height:17px}.a8-login__dialog h2{margin:4px 0 22px;font-family:var(--a8-display);font-size:31px}.a8-login__eyebrow{color:#9e774a;font-size:8px;font-weight:900;letter-spacing:.14em}.a8-login label{display:block;margin:13px 0 7px;color:#87796a;font-size:8px;font-weight:800;text-transform:uppercase}.a8-login input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(216,164,94,.13);background:#090807;color:#eadfcf;outline:none}.a8-login input:focus{border-color:rgba(216,164,94,.42);box-shadow:0 0 0 3px rgba(216,164,94,.04)}.a8-login__forgot{display:inline-block;margin:13px 0;color:#8c704e;font-size:9px}.a8-login__submit{width:100%;margin-top:9px;border:0;cursor:pointer}

/* MOBILE */
@media(max-width:1120px){.a8-nav{grid-template-columns:auto auto 1fr}.a8-menu{display:grid}.a8-navlinks{position:fixed;z-index:520;top:0;right:0;width:min(390px,88vw);height:100svh;padding:100px 34px 34px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:0;background:rgba(10,8,7,.98);border-left:1px solid var(--a8-line);transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 80px rgba(0,0,0,.4)}.a8-navlinks.is-open{transform:none}.a8-navlinks>a,.a8-community>button{width:100%;padding:14px 0;font-size:12px;text-align:left}.a8-navlinks>a:after,.a8-community>button:after{display:none}.a8-community{width:100%}.a8-community-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;background:transparent;border:0;box-shadow:none}.a8-community.is-open .a8-community-menu{display:block}.a8-actions{margin-left:auto}.a8-world__stats{grid-template-columns:repeat(2,1fr)}.a8-world__stat:nth-child(2){border-right:0}.a8-world__stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)}.a8-today__main{grid-template-columns:1fr;gap:30px}.a8-progress__panel{grid-template-columns:1fr;gap:38px}.a8-tools__row{align-items:flex-start;flex-direction:column}.a8-tools__links{width:100%;flex-wrap:wrap;justify-content:flex-start}.a8-footer__main{grid-template-columns:1fr;gap:45px}}
@media(max-width:840px){.a8-container{width:min(100% - 36px,1320px)}.a8-header{height:70px}.a8-header.is-scrolled{height:62px}.a8-mark__word{display:none}.a8-register{min-width:90px}.a8-hero{height:max(690px,100svh)}.a8-hero__content{padding-top:70px}.a8-wordmark{font-size:35px}.a8-hero h1{font-size:clamp(47px,12vw,72px);max-width:9ch}.a8-hero__status{flex-wrap:wrap;height:auto;padding:10px 16px;gap:8px 11px}.a8-hero__status em{display:none}.a8-news__mast{grid-template-columns:1fr auto}.a8-news__grid{grid-template-columns:1fr}.a8-news__feature{min-height:360px}.a8-timeline__events{grid-template-columns:1fr 1fr}.a8-timeline__line{display:none}.a8-timeline__event{padding:15px 0 15px 20px;border-left:1px solid rgba(255,255,255,.07)}.a8-timeline__event:before{top:21px;left:-5px}.a8-world__stats{grid-template-columns:1fr 1fr}.a8-progress__panel{padding:45px 0}.a8-footer__nav{grid-template-columns:1fr 1fr}.a8-footer__bottom{flex-direction:column}.a8-new{min-height:470px}}
@media(max-width:560px){.a8-actions .a8-register{display:none}.a8-lang{display:none}.a8-header .a8-container{width:calc(100% - 24px)}.a8-hero__cta{width:100%;flex-direction:column}.a8-btn{width:100%}.a8-section{padding:72px 0}.a8-news__mast h2{font-size:36px}.a8-news__mast{gap:13px}.a8-news__feature{min-height:340px}.a8-news__feature-copy{padding:22px}.a8-news__item h3{font-size:14px}.a8-timeline__events{grid-template-columns:1fr}.a8-world__stats{grid-template-columns:1fr}.a8-world__stat{min-height:160px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.05)}.a8-world__stat:last-child{border-bottom:0}.a8-progress__road span{width:42px;height:42px}.a8-tools__links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.a8-footer__nav{grid-template-columns:1fr 1fr;gap:30px 20px}.a8-critical__inner{justify-content:flex-start;overflow:hidden}.a8-critical__inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a8-critical time{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.a8-hero__video{display:none!important}[data-a8-reveal]{opacity:1!important;transform:none!important}}
@media(max-width:1120px){
  .a8-nav{grid-template-columns:auto 1fr auto}
  .a8-actions{grid-column:2;grid-row:1;justify-self:end;margin-left:0}
  .a8-menu{grid-column:3;grid-row:1}
}

/* =========================================================
   Arcadia MU Homepage v8.1 — Cinematic hero polish
   ========================================================= */

/* Header: slightly stronger scale and spacing without becoming bulky */
.a8-header{height:84px;background:linear-gradient(180deg,rgba(6,6,7,.36),rgba(6,6,7,.08),transparent)}
.a8-header.is-scrolled{height:68px;background:rgba(8,7,6,.86);backdrop-filter:blur(20px) saturate(125%)}
.a8-nav{gap:40px}
.a8-mark{gap:12px}
.a8-mark__sigil{width:31px;height:31px}
.a8-mark__word{font-size:19px;letter-spacing:.11em}
.a8-mark__word small{margin-top:0;font-size:6.5px;letter-spacing:.46em}
.a8-navlinks{gap:34px}
.a8-navlinks>a,.a8-community>button{font-size:10.5px}
.a8-actions{gap:20px}
.a8-loginbtn,.a8-lang>button,.a8-register{font-size:9.5px}
.a8-register{min-width:116px;height:40px}

/* Keep video/art crisp; darken only where the composition needs it */
.a8-hero__video{filter:saturate(1.06) contrast(1.11) brightness(.94)}
.a8-hero__poster{filter:saturate(1.03) contrast(1.07)}
.a8-hero__wash{
  background:
    linear-gradient(180deg,rgba(4,4,4,.26) 0%,rgba(4,4,4,.02) 27%,rgba(4,4,4,.04) 58%,rgba(7,6,5,.62) 90%,#080706 100%),
    radial-gradient(ellipse at 50% 48%,rgba(7,6,5,.18) 0%,rgba(7,6,5,.05) 30%,rgba(7,6,5,0) 52%);
}
.a8-hero__vignette{
  background:
    linear-gradient(90deg,rgba(4,4,4,.34) 0%,rgba(4,4,4,.04) 24%,rgba(4,4,4,.02) 76%,rgba(4,4,4,.31) 100%),
    radial-gradient(ellipse at center,rgba(0,0,0,0) 30%,rgba(0,0,0,.07) 61%,rgba(0,0,0,.42) 100%);
}
.a8-hero__light{
  background:
    radial-gradient(circle at calc(50% + var(--mx,0px)) calc(50% + var(--my,0px)),rgba(236,185,108,.16),transparent 20%),
    radial-gradient(circle at 50% 58%,rgba(103,125,255,.045),transparent 28%);
  mix-blend-mode:screen;
  animation:a8HeroLight 7.2s ease-in-out infinite;
}
.a8-hero__grain{opacity:.032}

/* Central composition: larger brand, slightly smaller headline, more breathing room */
.a8-hero__content{width:min(940px,calc(100% - 64px));padding-top:72px}
.a8-wordmark{margin-bottom:42px;display:flex;flex-direction:column;align-items:center;font-family:var(--a8-display);line-height:1;color:#e9c886;text-shadow:0 1px 0 #4b321b,0 0 32px rgba(227,172,91,.16)}
.a8-wordmark:before{display:none}
.a8-wordmark__sigil{position:relative;width:28px;height:28px;margin-bottom:12px;color:#f1bb65;filter:drop-shadow(0 0 15px rgba(241,187,101,.35))}
.a8-wordmark__sigil:before,.a8-wordmark__sigil:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(45deg);background:currentColor}
.a8-wordmark__sigil:before{width:15px;height:15px;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}
.a8-wordmark__sigil:after{width:4px;height:4px;border-radius:50%;background:#fff1d5;box-shadow:0 0 13px #efbc6a}
.a8-wordmark strong{font-size:clamp(42px,4.4vw,64px);font-weight:700;letter-spacing:.095em}
.a8-wordmark small{margin-top:9px;font-size:7.5px;letter-spacing:.58em;color:#cbb795}
.a8-hero h1{max-width:900px;font-size:clamp(52px,5.6vw,82px);line-height:.94;letter-spacing:-.035em;text-shadow:0 14px 48px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.05)}

/* Live status becomes a deliberate component instead of tiny inline metadata */
.a8-hero__status{
  margin-top:38px;min-height:48px;padding:0 22px;gap:18px;
  border:1px solid rgba(216,164,94,.14);border-radius:2px;
  background:linear-gradient(180deg,rgba(7,6,5,.46),rgba(7,6,5,.27));
  backdrop-filter:blur(10px) saturate(110%);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 45px rgba(0,0,0,.12);
  font-size:10px;letter-spacing:.075em;
}
.a8-hero__status-online,.a8-hero__status-event{display:flex;align-items:center;gap:10px;white-space:nowrap}
.a8-hero__status b{color:#ba8b51;font-size:9px;letter-spacing:.12em}
.a8-hero__status strong{color:#f0e7dc;font-size:11px;letter-spacing:.055em}
.a8-hero__status time{color:#e0ae67;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;letter-spacing:.08em}
.a8-hero__status-divider{width:1px;height:18px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent)}

/* CTAs: stronger proportion and depth */
.a8-hero__cta{gap:14px;margin-top:30px}
.a8-btn{min-width:188px;height:54px;padding:0 28px;font-size:10.5px;letter-spacing:.1em}
.a8-btn--dark{background:linear-gradient(180deg,rgba(14,12,10,.68),rgba(7,6,5,.62));border-color:rgba(216,164,94,.36);box-shadow:inset 0 1px rgba(255,255,255,.035),0 15px 45px rgba(0,0,0,.18)}
.a8-btn--dark:hover{background:linear-gradient(180deg,rgba(24,19,14,.72),rgba(9,7,6,.65));border-color:rgba(242,199,127,.72);box-shadow:0 19px 48px rgba(0,0,0,.28),0 0 30px rgba(216,164,94,.06)}
.a8-btn--gold{background:linear-gradient(180deg,#edc47f 0%,#dba55b 48%,#a96f31 100%);box-shadow:inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(72,38,10,.42),0 16px 42px rgba(151,95,33,.2)}
.a8-btn--gold:hover{filter:brightness(1.06);box-shadow:inset 0 1px rgba(255,255,255,.4),0 22px 54px rgba(184,111,36,.29)}
.a8-hero__discover{margin-top:24px;font-size:9.5px;letter-spacing:.12em}

/* Cinematic intro sequence */
.a8-wordmark,.a8-hero h1,.a8-hero__status,.a8-hero__cta,.a8-hero__discover{opacity:0;transform:translateY(18px);will-change:opacity,transform}
body.a8-ready .a8-wordmark{animation:a8HeroEnter .78s .12s cubic-bezier(.18,.78,.23,1) forwards}
body.a8-ready .a8-hero h1{animation:a8HeroEnter .88s .27s cubic-bezier(.18,.78,.23,1) forwards}
body.a8-ready .a8-hero__status{animation:a8HeroEnter .72s .47s cubic-bezier(.18,.78,.23,1) forwards}
body.a8-ready .a8-hero__cta{animation:a8HeroEnter .72s .61s cubic-bezier(.18,.78,.23,1) forwards}
body.a8-ready .a8-hero__discover{animation:a8HeroEnter .68s .74s cubic-bezier(.18,.78,.23,1) forwards}
@keyframes a8HeroEnter{0%{opacity:0;transform:translateY(18px);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}

/* Fine glow line beneath the brand reinforces the composition */
.a8-wordmark:after{content:"";width:150px;height:1px;margin-top:22px;background:linear-gradient(90deg,transparent,rgba(228,173,94,.62),transparent);box-shadow:0 0 14px rgba(228,173,94,.13)}

@media(max-width:840px){
  .a8-header{height:72px}.a8-header.is-scrolled{height:64px}
  .a8-hero__content{width:min(760px,calc(100% - 38px));padding-top:76px}
  .a8-wordmark{margin-bottom:30px}.a8-wordmark strong{font-size:clamp(36px,8vw,50px)}
  .a8-hero h1{font-size:clamp(46px,10.5vw,68px);line-height:.96}
  .a8-hero__status{margin-top:28px;flex-wrap:wrap;height:auto;padding:12px 15px;gap:10px 13px}
  .a8-hero__status-divider{display:none}
  .a8-hero__status-online,.a8-hero__status-event{justify-content:center}
}
@media(max-width:560px){
  .a8-wordmark strong{font-size:34px}.a8-wordmark small{font-size:6px}
  .a8-wordmark__sigil{width:23px;height:23px;margin-bottom:9px}
  .a8-hero h1{font-size:clamp(42px,13vw,58px)}
  .a8-hero__status{width:100%;display:grid;grid-template-columns:1fr;justify-items:center}
  .a8-hero__status-online,.a8-hero__status-event{white-space:normal;flex-wrap:wrap}
  .a8-btn{height:52px}
}
@media(prefers-reduced-motion:reduce){
  .a8-wordmark,.a8-hero h1,.a8-hero__status,.a8-hero__cta,.a8-hero__discover{opacity:1!important;transform:none!important;animation:none!important;filter:none!important}
}

/* =========================================================
   Arcadia MU Homepage v8.2 — final hero proportion polish
   ========================================================= */

/* Stronger, more legible navigation hierarchy */
.a8-header{
  height:90px;
  background:linear-gradient(180deg,rgba(5,5,6,.44) 0%,rgba(5,5,6,.16) 58%,transparent 100%);
}
.a8-header.is-scrolled{
  height:70px;
  background:rgba(8,7,6,.89);
  backdrop-filter:blur(22px) saturate(128%);
  border-color:rgba(255,255,255,.06);
}
.a8-nav{gap:44px}
.a8-mark{gap:13px}
.a8-mark__sigil{width:33px;height:33px}
.a8-mark__word{font-size:20.5px;letter-spacing:.115em}
.a8-mark__word small{font-size:7px;letter-spacing:.47em;color:#9b8265}
.a8-navlinks{gap:36px}
.a8-navlinks>a,.a8-community>button{
  padding-top:34px;padding-bottom:32px;
  font-size:11px;letter-spacing:.085em;
}
.a8-navlinks>a:after,.a8-community>button:after{bottom:22px}
.a8-actions{gap:22px}
.a8-loginbtn,.a8-lang>button{font-size:10px}
.a8-register{min-width:124px;height:42px;font-size:10px}

/* Preserve the cinematography; create contrast only behind UI */
.a8-hero__video{filter:saturate(1.08) contrast(1.12) brightness(.97)}
.a8-hero__poster{filter:saturate(1.05) contrast(1.08) brightness(.98)}
.a8-hero__wash{
  background:
    linear-gradient(180deg,rgba(4,4,4,.20) 0%,rgba(4,4,4,0) 30%,rgba(4,4,4,.025) 62%,rgba(7,6,5,.55) 91%,#080706 100%);
}
.a8-hero__vignette{
  background:
    linear-gradient(90deg,rgba(4,4,4,.24) 0%,rgba(4,4,4,.015) 25%,rgba(4,4,4,.01) 75%,rgba(4,4,4,.24) 100%),
    radial-gradient(ellipse at center,rgba(0,0,0,0) 35%,rgba(0,0,0,.04) 66%,rgba(0,0,0,.34) 100%);
}
.a8-hero__grain{opacity:.026}

/* Localized readability halo: no visible panel, only controlled depth */
.a8-hero__content{
  width:min(980px,calc(100% - 72px));
  padding-top:84px;
  isolation:isolate;
}
.a8-hero__content:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:52%;
  width:min(1080px,92vw);height:650px;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(5,5,5,.40) 0%,rgba(5,5,5,.21) 34%,rgba(5,5,5,.07) 56%,rgba(5,5,5,0) 74%);
  filter:blur(16px);
  pointer-events:none;
}

/* More breathing room and a better hierarchy */
.a8-wordmark{margin-bottom:50px}
.a8-wordmark__sigil{width:30px;height:30px;margin-bottom:14px}
.a8-wordmark strong{font-size:clamp(44px,4.35vw,66px);letter-spacing:.102em}
.a8-wordmark small{
  margin-top:10px;
  font-size:8.5px;
  letter-spacing:.48em;
  color:#d4be9b;
}
.a8-wordmark:after{width:170px;margin-top:25px}
.a8-hero h1{
  max-width:940px;
  font-size:clamp(50px,5.0vw,76px);
  line-height:.98;
  letter-spacing:-.032em;
  text-shadow:0 16px 55px rgba(0,0,0,.58),0 1px 0 rgba(255,255,255,.055);
}

/* Live status gets enough visual weight to be genuinely useful */
.a8-hero__status{
  margin-top:46px;
  min-height:54px;
  padding:0 26px;
  gap:20px;
  border-color:rgba(216,164,94,.19);
  background:linear-gradient(180deg,rgba(8,7,6,.53),rgba(8,7,6,.33));
  backdrop-filter:blur(12px) saturate(118%);
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.15);
}
.a8-hero__status-online,.a8-hero__status-event{gap:11px}
.a8-hero__status b{font-size:10px;color:#c79a5e;letter-spacing:.13em}
.a8-hero__status strong{font-size:12.5px;color:#f4e9db;letter-spacing:.05em}
.a8-hero__status time{font-size:12.5px;color:#efb969}
.a8-hero__status-divider{height:20px}
.a8-live-dot{width:8px;height:8px}

/* CTA scale now matches the hero instead of feeling miniature */
.a8-hero__cta{gap:16px;margin-top:34px}
.a8-btn{
  min-width:204px;
  height:58px;
  padding:0 31px;
  font-size:11.5px;
  letter-spacing:.105em;
}
.a8-hero__discover{
  margin-top:28px;
  font-size:10.5px;
  letter-spacing:.125em;
  color:#d5ad70;
}
.a8-hero__discover svg{width:13px;height:13px}

/* Fine atmospheric interaction around the UI focal point */
.a8-hero__light{
  background:
    radial-gradient(circle at calc(50% + var(--mx,0px)) calc(48% + var(--my,0px)),rgba(240,190,112,.19),transparent 19%),
    radial-gradient(ellipse at 50% 58%,rgba(112,128,238,.04),transparent 30%);
}

/* Keep critical notice aligned with the new header height */
.a8-critical{top:90px}
.a8-header.is-scrolled~.a8-critical{top:70px}

@media(max-width:1120px){
  .a8-header{height:80px}.a8-header.is-scrolled{height:66px}
  .a8-critical{top:80px}.a8-header.is-scrolled~.a8-critical{top:66px}
  .a8-mark__word{font-size:19px}
}
@media(max-width:840px){
  .a8-header{height:74px}.a8-header.is-scrolled{height:64px}
  .a8-critical{top:74px}.a8-header.is-scrolled~.a8-critical{top:64px}
  .a8-hero__content{width:min(780px,calc(100% - 40px));padding-top:82px}
  .a8-hero__content:before{height:580px;width:108vw}
  .a8-wordmark{margin-bottom:35px}
  .a8-wordmark strong{font-size:clamp(37px,8vw,51px)}
  .a8-wordmark small{font-size:7px}
  .a8-hero h1{font-size:clamp(44px,10vw,66px);line-height:1;max-width:11ch}
  .a8-hero__status{margin-top:32px;min-height:0;padding:13px 18px;gap:11px 14px}
  .a8-hero__status b{font-size:9px}.a8-hero__status strong,.a8-hero__status time{font-size:11px}
  .a8-btn{min-width:185px;height:55px}
}
@media(max-width:560px){
  .a8-hero__content{width:calc(100% - 30px);padding-top:76px}
  .a8-wordmark{margin-bottom:28px}
  .a8-wordmark strong{font-size:35px}.a8-wordmark small{font-size:6.8px;letter-spacing:.4em}
  .a8-hero h1{font-size:clamp(39px,12.2vw,55px);line-height:1.01}
  .a8-hero__status{margin-top:27px}
  .a8-hero__cta{margin-top:25px;gap:12px}
  .a8-btn{height:54px;font-size:11px}
  .a8-hero__discover{margin-top:22px;font-size:9.5px}
}

/* v8.3 — Arcadia positioning: a world worth your time */
.a8-hero h1{
  max-width:980px;
  font-size:clamp(55px,5.45vw,84px);
  line-height:.91;
  letter-spacing:-.038em;
}
.a8-hero h1 span{display:block}
.a8-hero h1 span:first-child{
  font-size:.78em;
  letter-spacing:-.018em;
  color:#ede5db;
}
.a8-hero h1 span:last-child{
  margin-top:8px;
  color:#f7efe5;
}
.a8-hero__subline{
  margin:24px 0 0;
  color:#c6ad89;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.5;
  text-transform:uppercase;
  text-shadow:0 5px 25px rgba(0,0,0,.72);
}
.a8-hero__status{
  margin-top:34px;
  min-height:48px;
  padding:0 8px;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  border-top-color:rgba(222,177,110,.25);
  border-bottom-color:rgba(222,177,110,.14);
}
.a8-hero__cta{margin-top:30px}
.a8-hero__discover{margin-top:25px}

/* Brand proof: not cards, one editorial system */
.a8-principles{
  position:relative;
  overflow:hidden;
  padding:104px 0 96px;
  background:
    radial-gradient(ellipse at 50% -10%,rgba(216,164,94,.075),transparent 42%),
    linear-gradient(180deg,#0b0908 0%,#090807 100%);
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
}
.a8-principles:before{
  content:"ARCADIA";
  position:absolute;
  left:50%;top:18px;
  transform:translateX(-50%);
  color:rgba(255,255,255,.014);
  font-family:var(--a8-display);
  font-size:clamp(110px,18vw,260px);
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  pointer-events:none;
  white-space:nowrap;
}
.a8-principles__head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);
  align-items:end;
  gap:48px;
  padding-bottom:42px;
}
.a8-principles__head small{
  color:#b9884d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.a8-principles__head h2{
  margin:0;
  max-width:750px;
  font-family:var(--a8-display);
  font-size:clamp(34px,4.3vw,58px);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:.98;
  color:#eee4d8;
}
.a8-principles__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(216,164,94,.20);
}
.a8-principles__grid article{
  position:relative;
  min-height:185px;
  padding:32px 30px 24px 0;
  border-right:1px solid rgba(255,255,255,.055);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),padding-left .3s ease;
}
.a8-principles__grid article:not(:first-child){padding-left:30px}
.a8-principles__grid article:last-child{border-right:0}
.a8-principles__grid article:before{
  content:"";
  position:absolute;
  left:0;right:30px;top:-1px;
  height:1px;
  background:linear-gradient(90deg,#e4ad61,rgba(228,173,97,0));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.a8-principles__grid article:hover{transform:translateY(-4px)}
.a8-principles__grid article:hover:before{transform:scaleX(1)}
.a8-principles__grid article>span{
  display:block;
  color:#5f5043;
  font-family:var(--a8-display);
  font-size:27px;
  line-height:1;
}
.a8-principles__grid h3{
  margin:27px 0 8px;
  color:#e5d7c7;
  font-family:var(--a8-display);
  font-size:22px;
  font-weight:600;
  letter-spacing:.025em;
}
.a8-principles__grid p{
  margin:0;
  max-width:27ch;
  color:#887b6f;
  font-size:11px;
  line-height:1.65;
}
.a8-principles__grid article:nth-child(1) h3{color:#efc17a}
.a8-principles__grid article:nth-child(2) h3{color:#dfd1c0}
.a8-principles__grid article:nth-child(3) h3{color:#dfd1c0}
.a8-principles__grid article:nth-child(4) h3{color:#dfd1c0}

/* Acquisition bridge now complements the promise instead of repeating it */
.a8-new__inner h2{max-width:900px;margin-left:auto;margin-right:auto}
.a8-new__inner p{font-size:10px;letter-spacing:.05em;text-transform:uppercase}

@media(max-width:980px){
  .a8-principles__head{grid-template-columns:1fr;gap:12px}
  .a8-principles__grid{grid-template-columns:1fr 1fr}
  .a8-principles__grid article:nth-child(2){border-right:0}
  .a8-principles__grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)}
  .a8-principles__grid article:nth-child(3){padding-left:0}
}
@media(max-width:840px){
  .a8-hero h1{font-size:clamp(45px,10.8vw,68px);max-width:12ch}
  .a8-hero h1 span:first-child{font-size:.76em}
  .a8-hero__subline{margin-top:20px;font-size:9px;letter-spacing:.12em}
  .a8-hero__status{margin-top:27px}
  .a8-principles{padding:78px 0 70px}
}
@media(max-width:560px){
  .a8-hero h1{font-size:clamp(41px,12vw,57px);line-height:.94}
  .a8-hero h1 span:first-child{font-size:.72em}
  .a8-hero h1 span:last-child{margin-top:6px}
  .a8-hero__subline{max-width:30ch;margin-top:18px}
  .a8-principles__grid{grid-template-columns:1fr}
  .a8-principles__grid article,
  .a8-principles__grid article:not(:first-child),
  .a8-principles__grid article:nth-child(3){
    min-height:145px;padding:26px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.05)
  }
  .a8-principles__grid article:last-child{border-bottom:0}
  .a8-principles__grid article:before{right:0}
  .a8-principles__grid h3{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .a8-principles__grid article,.a8-principles__grid article:before{transition:none!important}
}

/* =========================================================
   Arcadia MU Homepage v8.4 — centered navigation + final hero polish
   ========================================================= */

/* True optical centering: the primary navigation is centered on the viewport,
   independent from the brand and account controls. Mobile keeps the drawer. */
@media(min-width:1121px){
  .a8-nav{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0;
  }
  .a8-navlinks{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    gap:clamp(22px,1.75vw,36px);
    white-space:nowrap;
  }
  .a8-mark,.a8-actions{position:relative;z-index:2}
}

/* Header refinement: quieter chrome, clearer brand microtype. */
.a8-mark__word small{
  margin-top:1px;
  color:#aa9070;
  font-size:7.4px;
  letter-spacing:.43em;
  opacity:.92;
}
.a8-register{
  border-color:rgba(216,164,94,.27);
  color:#d8b276;
  background:rgba(8,7,6,.07);
  box-shadow:none;
}
.a8-register:hover{
  border-color:rgba(242,199,127,.62);
  background:rgba(216,164,94,.055);
  box-shadow:0 12px 34px rgba(0,0,0,.16),0 0 24px rgba(216,164,94,.045);
}

/* Respect the source video. Heavy contrast makes compression artifacts louder. */
.a8-hero__video{
  filter:saturate(1.04) contrast(1.06) brightness(.98);
}
.a8-hero__poster{
  filter:saturate(1.03) contrast(1.045) brightness(.99);
}

/* Keep readability local instead of flattening the entire cinematic. */
.a8-hero__content:before{
  width:min(1000px,88vw);
  height:640px;
  background:radial-gradient(ellipse at center,
    rgba(5,5,5,.42) 0%,
    rgba(5,5,5,.24) 31%,
    rgba(5,5,5,.09) 54%,
    rgba(5,5,5,0) 74%);
  filter:blur(14px);
}

/* Live information should read as typography, not a dashboard widget. */
.a8-hero__status{
  margin-top:36px;
  min-height:auto;
  padding:0;
  gap:21px;
  border:0!important;
  background:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.a8-hero__status-divider{
  width:1px;
  height:13px;
  background:rgba(226,190,133,.25);
}
.a8-hero__status b{
  color:#c99e63;
  font-size:10px;
  letter-spacing:.14em;
}
.a8-hero__status strong,
.a8-hero__status time{
  font-size:12px;
}

/* More deliberate separation between live state, primary actions and tertiary CTA. */
.a8-hero__cta{
  margin-top:39px;
  gap:18px;
}
.a8-hero__discover{
  margin-top:34px;
}

/* Flatter, more game-premium CTAs; less glossy template gold. */
.a8-btn{
  border-width:1px;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;
}
.a8-btn--dark{
  background:rgba(8,7,6,.42);
  border-color:rgba(224,181,115,.30);
  backdrop-filter:blur(11px) saturate(112%);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 13px 36px rgba(0,0,0,.15);
}
.a8-btn--dark:hover{
  background:rgba(18,14,11,.58);
  border-color:rgba(242,199,127,.60);
  box-shadow:0 17px 42px rgba(0,0,0,.25),0 0 24px rgba(216,164,94,.045);
}
.a8-btn--gold{
  border-color:rgba(236,190,116,.76);
  background:linear-gradient(180deg,#dcb16e 0%,#c38d4b 100%);
  color:#24170b;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 13px 36px rgba(114,70,27,.15);
}
.a8-btn--gold:hover{
  filter:none;
  background:linear-gradient(180deg,#e4ba78 0%,#cd9651 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.20),0 18px 44px rgba(139,83,29,.20);
}

/* Responsive safeguards for the added breathing room. */
@media(max-width:840px){
  .a8-mark__word small{font-size:7px}
  .a8-hero__status{margin-top:30px;gap:12px 14px;padding:0}
  .a8-hero__cta{margin-top:31px}
  .a8-hero__discover{margin-top:26px}
}
@media(max-width:560px){
  .a8-hero__status{margin-top:26px}
  .a8-hero__cta{margin-top:25px}
  .a8-hero__discover{margin-top:22px}
}


/* =========================================================
   Arcadia MU Homepage v8.5 — balanced header + cinematic divider
   ========================================================= */

/* The header should blend into the cinematic instead of ending in a hard
   horizontal edge. The real divider is a soft, centered highlight and a
   short fade into the hero. */
.a8-header{
  border-bottom:0!important;
  overflow:visible;
  background:linear-gradient(180deg,
    rgba(5,5,6,.48) 0%,
    rgba(5,5,6,.24) 43%,
    rgba(5,5,6,.075) 78%,
    rgba(5,5,6,0) 100%);
}
.a8-header:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:100%;
  height:22px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,4,3,.11),rgba(5,4,3,0));
  opacity:.62;
  transition:opacity .3s ease;
}
.a8-header:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(1420px,calc(100% - 112px));
  height:1px;
  transform:translateX(-50%);
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(216,164,94,0) 0%,
    rgba(216,164,94,.055) 18%,
    rgba(238,216,183,.12) 50%,
    rgba(216,164,94,.055) 82%,
    rgba(216,164,94,0) 100%);
  opacity:.48;
  transition:opacity .3s ease,background .3s ease;
}
.a8-header.is-scrolled{
  border-bottom:0!important;
  background:rgba(8,7,6,.89);
  box-shadow:0 14px 38px rgba(0,0,0,.12);
}
.a8-header.is-scrolled:before{opacity:.28}
.a8-header.is-scrolled:after{
  opacity:.78;
  background:linear-gradient(90deg,
    rgba(216,164,94,0) 0%,
    rgba(216,164,94,.07) 18%,
    rgba(238,216,183,.16) 50%,
    rgba(216,164,94,.07) 82%,
    rgba(216,164,94,0) 100%);
}

/* On wide desktop, reserve equal visual breathing room on both sides of
   the true-centered primary navigation. Brand and account controls sit at
   equal distance from the nav, even though their own widths differ. */
@media(min-width:1280px){
  .a8-nav{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    column-gap:clamp(108px,7.3vw,150px);
  }
  .a8-mark{
    grid-column:1;
    justify-self:end;
  }
  .a8-navlinks{
    grid-column:2;
    position:static;
    left:auto;
    top:auto;
    transform:none;
    justify-self:center;
  }
  .a8-actions{
    grid-column:3;
    justify-self:start;
    margin-left:0;
  }
}

@media(max-width:840px){
  .a8-header:after{width:calc(100% - 42px);opacity:.38}
  .a8-header:before{height:16px}
}


/* =========================================================
   Arcadia MU Homepage v8.6 — news preview + auth nowrap
   ========================================================= */

/* Account controls are a single compact unit. "LOG IN" must never wrap. */
.a8-actions{
  white-space:nowrap;
  min-width:max-content;
}
.a8-actions>*{flex:0 0 auto}
.a8-loginbtn{
  white-space:nowrap;
  min-width:max-content;
}

/* If demo mode is later disabled before real posts exist, the empty state
   remains intentional and compact instead of looking like a failed module. */
.a8-news__empty{
  min-height:138px;
  background:linear-gradient(90deg,transparent,rgba(216,164,94,.025),transparent);
  border:0;
  border-top:1px solid rgba(216,164,94,.08);
  border-bottom:1px solid rgba(216,164,94,.08);
}
.a8-news__empty strong{font-size:22px}
.a8-news__empty span{font-size:9px;letter-spacing:.08em}

@media(min-width:1280px){
  .a8-actions{justify-self:start}
}


/* =========================================================
   Arcadia MU Homepage v8.7 — relevant news, not an archive
   ========================================================= */

/* The homepage is editorial: archive filters live on /news. */
.a8-news__mast{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.a8-news__mast>.a8-link{
  justify-self:end;
  white-space:nowrap;
}

/* Fewer than five relevant posts should still look intentional. */
.a8-news__list{
  justify-content:flex-start;
}

/* Account controls remain a single line. */
.a8-loginbtn{white-space:nowrap!important}

@media(max-width:840px){
  .a8-news__mast{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
}

@media(max-width:560px){
  .a8-news__mast{align-items:end}
  .a8-news__mast>.a8-link{padding-bottom:3px}
}

/* v8.8.4 — WORLD PULSE responsive identity names
   Character/guild/castle-owner names must never wrap. JS auto-fits long values. */
.a8-world__stat{min-width:0;overflow:hidden}
.a8-world__stat:not(.a8-world__stat--online) strong{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  word-break:normal;
  overflow:visible;
  text-overflow:clip;
  font-size:52px;
  line-height:.95;
  letter-spacing:-.025em;
}
@media(max-width:1400px){
  .a8-world__stat:not(.a8-world__stat--online) strong{font-size:48px}
}
@media(max-width:1120px){
  .a8-world__stat:not(.a8-world__stat--online) strong{font-size:52px}
}
@media(max-width:840px){
  .a8-world__stat:not(.a8-world__stat--online) strong{font-size:clamp(34px,6vw,48px)}
}
@media(max-width:560px){
  .a8-world__stat:not(.a8-world__stat--online) strong{font-size:clamp(34px,10vw,48px)}
}


/* =========================================================
   Arcadia MU Homepage v8.8.5 — progression with purpose
   Guest: communicates the long-term journey.
   Player: keeps the personalized next objective.
   ========================================================= */
.a8-progress__panel.is-guest{
  grid-template-columns:minmax(340px,.72fr) minmax(620px,1.28fr);
  gap:clamp(58px,6vw,105px);
  min-height:330px;
  padding:62px 0;
}
.a8-progress__panel.is-guest .a8-progress__copy h2{
  max-width:9.8ch;
  font-size:clamp(42px,4.35vw,61px);
  line-height:.94;
  letter-spacing:-.04em;
}
.a8-progress__visual--guest{min-width:0;padding-top:14px}
.a8-journey{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0 0 26px;
}
.a8-journey:before{
  content:"";
  position:absolute;
  z-index:0;
  left:8.5%;
  right:8.5%;
  top:26px;
  height:1px;
  background:linear-gradient(90deg,rgba(111,75,39,.55),rgba(221,168,92,.76) 50%,rgba(111,75,39,.55));
}
.a8-journey__stage{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  align-items:center;
  flex-direction:column;
  text-align:center;
}
.a8-journey__stage span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,164,94,.3);
  border-radius:50%;
  background:#0b0908;
  color:#c99b61;
  font-family:var(--a8-display);
  font-size:10px;
  box-shadow:0 0 0 8px #0b0908;
  transition:border-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.a8-journey__stage strong{
  width:100%;
  margin-top:14px;
  color:#b7a897;
  font-family:var(--a8-display);
  font-size:12px;
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.a8-journey__stage:hover span{
  color:#f0c77e;
  border-color:rgba(239,191,114,.72);
  box-shadow:0 0 0 8px #0b0908,0 0 24px rgba(216,164,94,.12);
}
.a8-journey__stage:hover strong{color:#e8d8c3}
.a8-progress__meta{
  margin:0 0 21px;
  color:#766958;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.a8-progress__panel.is-player .a8-progress__copy h2{max-width:10ch}

@media(max-width:1120px){
  .a8-progress__panel.is-guest{grid-template-columns:1fr;gap:42px}
  .a8-progress__panel.is-guest .a8-progress__copy h2{max-width:13ch}
  .a8-progress__visual--guest{padding-top:0}
}
@media(max-width:700px){
  .a8-progress__panel.is-guest{padding:46px 0}
  .a8-progress__panel.is-guest .a8-progress__copy h2{font-size:clamp(38px,11vw,54px)}
  .a8-progress__visual--guest{overflow-x:auto;overflow-y:hidden;padding:4px 0 10px;scrollbar-width:none}
  .a8-progress__visual--guest::-webkit-scrollbar{display:none}
  .a8-journey{width:660px;margin-bottom:24px}
  .a8-progress__meta{width:max-content;font-size:8px}
}


/* =========================================================
   Arcadia MU Homepage v8.8.6 — meaningful progression milestones
   Guest milestones describe what gameplay opens up, not gear tiers.
   ========================================================= */
.a8-progress__panel.is-guest .a8-journey{margin-bottom:24px}
.a8-progress__panel.is-guest .a8-journey__stage strong{
  min-height:28px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:0 5px;
  white-space:normal;
  text-wrap:balance;
}

/* =========================================================
   Arcadia MU Homepage v8.8.7 — progression CTA alignment
   Keeps the CTA attached to the milestone block while aligning
   its visual start more naturally with the roadmap content.
   ========================================================= */
@media(min-width:1121px){
  .a8-progress__panel.is-guest .a8-progress__visual--guest > .a8-link{
    margin-left:20px;
  }
}

/* =========================================================
   Arcadia MU Homepage v8.8.8 — utility/footer spacing polish
   ========================================================= */

/* Quick Access is a section label, not another utility item. Give the label
   a deliberate pause before the first action and a little more vertical air. */
.a8-tools{
  padding:40px 0;
}
.a8-tools__row{
  column-gap:58px;
}

/* Footer brand: align the supporting copy and social row with the ARCADIA
   wordmark rather than with the decorative sigil. This creates one clear
   visual axis down the brand column. */
.a8-footer__brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.a8-footer__brand .a8-mark{
  width:auto;
  align-self:flex-start;
  justify-self:auto!important;
}
.a8-footer__brand .a8-mark__word small{
  text-align:left;
}
.a8-footer__brand p,
.a8-footer__brand .a8-social{
  margin-left:46px;
}

/* Let the final acquisition CTA breathe before the footer begins. */
.a8-new{
  min-height:590px;
  padding-bottom:34px;
  box-sizing:border-box;
}

@media(max-width:1120px){
  .a8-tools__row{row-gap:22px;column-gap:0}
  .a8-footer__brand p,
  .a8-footer__brand .a8-social{margin-left:46px}
}

@media(max-width:840px){
  .a8-tools{padding:34px 0}
  .a8-new{min-height:490px;padding-bottom:24px}
}

@media(max-width:560px){
  /* On very narrow screens the sigil + wordmark becomes a compact unit;
     keep the supporting content comfortably aligned without wasting width. */
  .a8-footer__brand p,
  .a8-footer__brand .a8-social{margin-left:0}
}

/* =========================================================
   Arcadia MU Homepage v8.8.9 — Quick Access label spacing
   The section label needs a stronger visual pause before the
   first actionable link without disturbing the utility rhythm.
   ========================================================= */
@media(min-width:1121px){
  .a8-tools__row{
    column-gap:92px;
  }
}


/* ==========================================================================\n   ARCADIA HOMEPAGE v8.9 — EDITORIAL NEWS ARTWORK\n   Each curated news item can promote its own image.\n   ========================================================================== */
.a8-news__feature-art{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#0d0a08;
  transform:translateZ(0);
}
.a8-news__feature-image{
  position:absolute;
  inset:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  object-fit:cover;
  object-position:center 45%;
  opacity:0;
  transform:scale(1.018);
  filter:saturate(.9) contrast(1.02) brightness(.82);
  transition:opacity .46s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .45s ease;
  will-change:opacity,transform;
}
.a8-news__feature-image--current{opacity:1}
.a8-news__feature-image--next{opacity:0}
.a8-news__feature.is-image-changing .a8-news__feature-image--current{opacity:0}
.a8-news__feature.is-image-changing .a8-news__feature-image--next{opacity:1}
.a8-news__feature:hover .a8-news__feature-image{transform:scale(1.052);filter:saturate(.98) contrast(1.025) brightness(.87)}
.a8-news__feature-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,5,4,.03) 0%,rgba(7,5,4,.12) 35%,rgba(5,4,3,.88) 100%),
    linear-gradient(90deg,rgba(7,5,4,.16),transparent 52%,rgba(6,4,3,.1));
  transition:background .35s ease;
}
.a8-news__feature[data-type="event"] .a8-news__feature-shade{background:linear-gradient(180deg,rgba(29,17,40,.03),rgba(8,5,6,.15) 37%,rgba(6,4,4,.9) 100%),radial-gradient(circle at 78% 22%,rgba(132,91,196,.12),transparent 38%)}
.a8-news__feature[data-type="changelog"] .a8-news__feature-shade{background:linear-gradient(180deg,rgba(12,22,33,.03),rgba(6,8,10,.16) 37%,rgba(5,5,5,.9) 100%),radial-gradient(circle at 80% 18%,rgba(76,125,190,.11),transparent 40%)}
.a8-news__feature[data-type="maintenance"] .a8-news__feature-shade{background:linear-gradient(180deg,rgba(37,17,9,.03),rgba(10,6,4,.18) 37%,rgba(7,4,3,.91) 100%),radial-gradient(circle at 80% 20%,rgba(184,78,41,.11),transparent 40%)}
.a8-news__feature-copy{transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.a8-news__feature.is-switching .a8-news__feature-copy{opacity:.82;transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){
  .a8-news__feature-image,.a8-news__feature-copy{transition:none!important}
  .a8-news__feature:hover .a8-news__feature-image{transform:scale(1.018)}
}


/* ==========================================================================
   ARCADIA HOMEPAGE v8.9.1 — SECTION-OWNED NEWS FALLBACKS
   No borrowed/generic artwork. If a section file has not been uploaded yet,
   the panel falls back to an ambient category surface, never another module.
   ========================================================================== */
.a8-news__feature.has-no-news-image .a8-news__feature-image{opacity:0!important}
.a8-news__feature.has-no-news-image .a8-news__feature-art{
  background:
    radial-gradient(circle at 76% 22%,rgba(216,164,94,.105),transparent 35%),
    linear-gradient(145deg,#15100c 0%,#0d0a08 48%,#090807 100%);
}
.a8-news__feature.has-no-news-image[data-type="event"] .a8-news__feature-art{
  background:radial-gradient(circle at 78% 20%,rgba(132,91,196,.16),transparent 37%),linear-gradient(145deg,#15101b 0%,#0d090f 48%,#090708 100%);
}
.a8-news__feature.has-no-news-image[data-type="changelog"] .a8-news__feature-art{
  background:radial-gradient(circle at 79% 19%,rgba(76,125,190,.15),transparent 38%),linear-gradient(145deg,#0d141c 0%,#090d12 49%,#070809 100%);
}
.a8-news__feature.has-no-news-image[data-type="maintenance"] .a8-news__feature-art{
  background:radial-gradient(circle at 79% 20%,rgba(184,78,41,.15),transparent 38%),linear-gradient(145deg,#19100b 0%,#100b08 48%,#080706 100%);
}
.a8-news__feature.has-no-news-image[data-type="notice"] .a8-news__feature-art,
.a8-news__feature.has-no-news-image[data-type="news"] .a8-news__feature-art{
  background:radial-gradient(circle at 76% 22%,rgba(216,164,94,.105),transparent 35%),linear-gradient(145deg,#15100c 0%,#0d0a08 48%,#090807 100%);
}