:root{
  --bg:#090b0f; --panel:#11151c; --panel2:#151a22; --line:#2b3340;
  --text:#f4f1eb; --muted:#9ba4b3; --gold:#c9a76a; --gold2:#f0d18f;
  --ruby:#b21f3d; --ruby2:#e44260; --green:#33d17a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#080a0d;color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.04) 0 1px,transparent 1px);background-size:5px 5px;z-index:99;mix-blend-mode:soft-light}
.topbar{height:92px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;padding:0 34px;border-bottom:1px solid rgba(201,167,106,.18);background:rgba(7,9,12,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#4f1020,#b21f3d);font-family:Georgia,serif;font-size:28px;font-weight:900;box-shadow:0 0 32px rgba(178,31,61,.25)}
.brand-copy strong{display:block;font-family:Georgia,serif;font-size:23px;letter-spacing:3px}
.brand-copy small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin-top:3px}
.main-nav{display:flex;justify-content:center;gap:28px;font-size:13px;font-weight:800;text-transform:uppercase;color:#c6cbd4}
.main-nav a:hover{color:var(--gold2)}
.nav-actions{display:flex;gap:10px}
.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:9px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
.primary-btn{background:linear-gradient(180deg,#c52e4d,#8e1831);border:1px solid #e85a74;color:white;box-shadow:0 8px 22px rgba(178,31,61,.22)}
.ghost-btn{border:1px solid rgba(201,167,106,.42);background:#10141a;color:#e8e1d6}
.xl{min-height:52px;padding:0 26px}
.hero{min-height:680px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:
radial-gradient(circle at 50% 40%,rgba(178,31,61,.20),transparent 20%),
radial-gradient(circle at 30% 50%,rgba(201,167,106,.10),transparent 25%),
linear-gradient(180deg,#111722 0,#090c12 58%,#080a0d 100%)}
.hero::before,.hero::after{content:"";position:absolute;bottom:-80px;width:440px;height:620px;opacity:.5;filter:blur(.2px)}
.hero::before{left:-90px;background:radial-gradient(ellipse at 50% 40%,rgba(201,167,106,.22),transparent 55%),linear-gradient(120deg,transparent 35%,rgba(178,31,61,.12))}
.hero::after{right:-90px;background:radial-gradient(ellipse at 50% 40%,rgba(201,167,106,.18),transparent 55%),linear-gradient(-120deg,transparent 35%,rgba(178,31,61,.14))}
.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.58) 82%)}
.hero-content{position:relative;z-index:3;text-align:center;max-width:850px;padding:70px 20px}
.eyebrow{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:4px}
.hero h1{font-family:Georgia,serif;font-size:106px;line-height:.9;margin:18px 0 8px;letter-spacing:8px;text-shadow:0 14px 45px rgba(0,0,0,.62)}
.hero-tagline{color:var(--gold);font-family:Georgia,serif;letter-spacing:8px;font-size:17px}
.hero p{max-width:650px;margin:24px auto;color:#b9c0cb;line-height:1.7;font-size:16px}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}
.status-float{position:absolute;right:32px;bottom:32px;z-index:4;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #3a4351;border-radius:14px;background:rgba(13,17,23,.88);box-shadow:0 12px 35px rgba(0,0,0,.32)}
.status-float small{display:block;color:#8e98a8;font-size:9px;letter-spacing:2px}.status-float strong{font-family:Georgia,serif;font-size:19px}
.status-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #5a6474;background:#0c1016}.status-orb span{width:12px;height:12px;border-radius:50%}
.online .status-orb span{background:var(--green);box-shadow:0 0 18px var(--green)}.offline .status-orb span{background:#ff4f5e;box-shadow:0 0 18px #ff4f5e}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,167,106,.14);border-bottom:1px solid rgba(201,167,106,.14);background:#0e1218}
.stat-strip div{padding:26px;text-align:center;border-right:1px solid #222a35}.stat-strip div:last-child{border-right:0}.stat-strip small{display:block;color:#818b99;text-transform:uppercase;font-size:10px;letter-spacing:2px}.stat-strip strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:26px;color:var(--gold2)}
.section{max-width:1220px;margin:0 auto;padding:76px 24px}.section-head span{color:var(--ruby2);font-size:11px;font-weight:900;letter-spacing:3px}.section-head h2{font-family:Georgia,serif;font-size:38px;margin:9px 0 28px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border:1px solid #232b36;border-radius:16px;background:linear-gradient(180deg,#141922,#0f131a);box-shadow:0 18px 50px rgba(0,0,0,.18)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(178,31,61,.15);color:#ff6a83;font-size:21px}.feature-card h3{font-family:Georgia,serif;font-size:22px}.feature-card p{color:var(--muted);line-height:1.6}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.news-card,.discord-card,.content-card{border:1px solid #252e3a;border-radius:18px;background:linear-gradient(180deg,#131821,#0d1117);padding:32px}.news-card h2,.discord-card h2,.content-card h2{font-family:Georgia,serif}
.text-link{color:var(--gold2);font-weight:800}
.footer{border-top:1px solid rgba(201,167,106,.16);background:#090c11;padding:48px 32px 20px}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:38px}.footer-brand{font-family:Georgia,serif;font-size:28px;letter-spacing:4px}.footer p{color:#7f8997;line-height:1.6}.footer h4{color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:2px}.footer a,.footer-link-button{display:block;margin:10px 0;color:#9aa4b2;background:none;border:0;padding:0;cursor:pointer;text-align:left}.footer-bottom{max-width:1220px;margin:30px auto 0;padding-top:18px;border-top:1px solid #1c232d;display:flex;justify-content:space-between;color:#626c79;font-size:11px}
.inner-page{min-height:720px;padding-bottom:80px}.page-hero{padding:70px 24px 42px;text-align:center;background:linear-gradient(180deg,#111722,#0a0d12);border-bottom:1px solid #202835}.page-hero span{color:var(--ruby2);font-size:11px;font-weight:900;letter-spacing:4px}.page-hero h1{font-family:Georgia,serif;font-size:48px;margin:10px 0}.content-card{max-width:920px;margin:40px auto;padding:34px}.content-card p,.legal-content li{color:#a8b0bb;line-height:1.7}.legal-content h3{margin-top:26px;color:var(--gold2)}code{color:#e6c68b;background:#0b0f14;padding:2px 5px;border-radius:4px}
.neoria-form{display:grid;gap:12px;max-width:560px}.neoria-form input{height:52px;border-radius:9px;border:1px solid #2b3440;background:#0b0f14;color:white;padding:0 15px}.form-note{font-size:12px}
.ranking-demo div,.status-list div{display:grid;grid-template-columns:70px 1fr auto;padding:15px 0;border-bottom:1px solid #242c37}.ranking-demo b{color:var(--gold2)}.ranking-demo span{color:#a9b1bc}
.wiki-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wiki-grid a{padding:18px;border:1px solid #29313c;border-radius:10px;background:#0c1016}
.news-list article{padding:18px 0;border-bottom:1px solid #252d38}.news-list article span{color:var(--ruby2);font-size:10px;font-weight:900;letter-spacing:2px}.empty-state{padding:28px;border:1px dashed #34404e;border-radius:10px;color:#7d8795}
.status-page-card{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #303946;border-radius:14px;background:#0d1218}.status-page-card h2{margin:3px 0}.status-page-card small{color:#8c96a4}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-grid>div{border:1px solid #29313c;border-radius:12px;padding:18px;background:#0c1016}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:18px;z-index:90;display:flex;justify-content:space-between;gap:22px;align-items:center;padding:18px 20px;border:1px solid #36404d;border-radius:14px;background:rgba(12,16,22,.97);box-shadow:0 20px 60px rgba(0,0,0,.5)}.cookie-banner[hidden],.cookie-modal[hidden]{display:none}.cookie-banner strong{font-family:Georgia,serif}.cookie-banner p{margin:5px 0 0;color:#8f99a7;font-size:12px}.cookie-actions{display:flex;gap:8px}.cookie-actions button,.cookie-modal button{min-height:40px;padding:0 12px;border:1px solid #384453;border-radius:8px;background:#11161d;color:#c8d0da;cursor:pointer}.cookie-actions .accept,.cookie-modal .accept{background:#9d1b36;border-color:#c93855;color:white}
.cookie-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.cookie-modal-card{width:min(560px,100%);background:#10151c;border:1px solid #34404d;border-radius:16px;padding:22px}.cookie-modal-head{display:flex;justify-content:space-between}.cookie-modal-head strong{font-family:Georgia,serif;font-size:22px}.cookie-modal-head p{color:#8893a0;font-size:12px}.cookie-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #252e39}.cookie-row span strong,.cookie-row span small{display:block}.cookie-row span small{color:#7d8795;margin-top:4px}.cookie-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.footer-link-button{font:inherit}
@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.hero h1{font-size:78px}.feature-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{height:76px;padding:0 16px}.brand-copy small{display:none}.nav-actions .ghost-btn{display:none}.hero{min-height:590px}.hero h1{font-size:58px;letter-spacing:4px}.hero-tagline{font-size:12px;letter-spacing:4px}.status-float{right:16px;bottom:16px}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip div:nth-child(2){border-right:0}.section{padding:52px 16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-wrap:wrap}}


/* =========================================================
   NEORIA v2 CINEMATIC HOMEPAGE
   ========================================================= */

.home-v2{
    background:
        radial-gradient(circle at 50% 0%, rgba(112,28,19,.11), transparent 25%),
        #07090d;
    overflow:hidden;
}

.cinematic-hero{
    position:relative;
    min-height:780px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    isolation:isolate;
    border-bottom:1px solid rgba(214,165,81,.28);
    background:#080a0e;
}

.hero-base,
.hero-character{
    position:absolute;
    inset:-28px;
    pointer-events:none;
    background-image:url('/assets/img/neoria-hero-main.png');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    will-change:transform;
}

.hero-base{
    z-index:-10;
    transform:scale(1.045);
    filter:saturate(.92) brightness(.66) contrast(1.04);
    animation:heroBreath 14s ease-in-out infinite alternate;
}

.hero-character{
    z-index:-5;
    transform:translate3d(0,0,0) scale(1.045);
    transition:transform .18s ease-out;
    filter:saturate(1.12) brightness(.92) contrast(1.08);
}

.char-shaman{
    clip-path:polygon(0 0,42% 0,42% 100%,0 100%);
    animation:shamanFloat 6.8s ease-in-out infinite;
}

.char-warrior{
    clip-path:polygon(60% 0,100% 0,100% 100%,60% 100%);
    animation:warriorFloat 7.4s ease-in-out infinite;
}

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at center, transparent 8%, rgba(0,0,0,.18) 44%, rgba(0,0,0,.72) 92%),
        linear-gradient(180deg,rgba(3,5,8,.08) 0%,rgba(3,5,8,.06) 55%,#07090d 100%);
}

.hero-light{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    pointer-events:none;
    z-index:-3;
    filter:blur(75px);
    opacity:.13;
}
.hero-light-blue{left:2%;top:20%;background:#5079ff;animation:lightPulseBlue 4.6s ease-in-out infinite}
.hero-light-red{right:1%;top:20%;background:#ff421e;animation:lightPulseRed 5.2s ease-in-out infinite}

.hero-fog{
    position:absolute;
    left:-20%;
    width:140%;
    height:190px;
    pointer-events:none;
    z-index:-1;
    opacity:.11;
    filter:blur(36px);
    background:radial-gradient(ellipse at center,rgba(230,235,245,.54),transparent 67%);
}
.fog-one{bottom:85px;animation:fogMove 20s linear infinite}
.fog-two{bottom:205px;opacity:.07;animation:fogMoveReverse 27s linear infinite}

.embers{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
}
.ember{
    position:absolute;
    bottom:-20px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#f9a33a;
    box-shadow:0 0 12px #ff4f24;
    opacity:.75;
    animation:emberRise linear infinite;
}

.hero-center{
    position:relative;
    z-index:4;
    width:min(760px,calc(100% - 32px));
    text-align:center;
    margin-top:-10px;
}

.hero-kicker{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border:1px solid rgba(225,177,90,.28);
    border-radius:999px;
    background:rgba(8,10,14,.66);
    backdrop-filter:blur(8px);
    color:#e5c17c;
    font-size:10px;
    font-weight:900;
    letter-spacing:3px;
}

.neoria-logo-wrap{
    position:relative;
    margin:18px auto 0;
    padding:10px 28px 16px;
}

.logo-flare{
    position:absolute;
    left:50%;
    top:46%;
    width:370px;
    height:110px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(255,112,21,.19),transparent 70%);
    filter:blur(16px);
    pointer-events:none;
    animation:logoGlow 3.2s ease-in-out infinite;
}

.neoria-logo{
    position:relative;
    font-family:Georgia,"Times New Roman",serif;
    font-size:112px;
    line-height:.9;
    font-weight:900;
    letter-spacing:5px;
    color:#f7d18a;
    text-shadow:
        0 2px 0 #7f3d17,
        0 4px 0 #4d210f,
        0 0 20px rgba(255,144,32,.46),
        0 16px 34px rgba(0,0,0,.75);
}

.neoria-subtitle{
    position:relative;
    margin-top:13px;
    color:#deb665;
    font-family:Georgia,serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:8px;
    text-shadow:0 2px 8px #000;
}

.hero-center p{
    max-width:620px;
    margin:22px auto 0;
    color:#d1d4da;
    font-size:15px;
    line-height:1.75;
    text-shadow:0 2px 10px #000;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:28px;
}

.btn-fire,
.btn-dark{
    width:220px;
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    position:relative;
    overflow:hidden;
}
.btn-fire{
    border:1px solid #ff7448;
    background:linear-gradient(180deg,#c93622,#72150e);
    box-shadow:0 0 0 1px #50210f inset,0 0 28px rgba(255,73,25,.25);
}
.btn-fire::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:linear-gradient(90deg,transparent,rgba(255,219,145,.22),transparent);
    transform:translateX(-120%);
    animation:buttonSweep 3s ease-in-out infinite;
}
.btn-dark{
    border:1px solid #84653d;
    background:linear-gradient(180deg,rgba(24,25,29,.96),rgba(8,10,13,.96));
    box-shadow:0 0 0 1px rgba(255,220,151,.04) inset;
}
.btn-fire strong,.btn-dark strong{position:relative;z-index:1;font-size:18px}
.btn-fire small,.btn-dark small{position:relative;z-index:1;font-size:9px;letter-spacing:1.6px;margin-top:4px;color:#d8c4a3}

.scroll-down{
    position:absolute;
    right:24px;
    bottom:24px;
    z-index:5;
    display:grid;
    place-items:center;
    color:#b99a66;
    gap:3px;
}
.scroll-down span{
    width:38px;height:38px;border:1px solid #5d4930;border-radius:50%;
    display:grid;place-items:center;background:rgba(8,10,13,.62);
    animation:scrollBob 1.8s ease-in-out infinite;
}
.scroll-down small{font-size:8px;letter-spacing:2px}

.server-stats-v2{
    position:relative;
    z-index:8;
    width:min(1120px,calc(100% - 32px));
    margin:-44px auto 0;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:rgba(9,12,16,.95);
    border:1px solid #493b2b;
    border-radius:12px;
    box-shadow:0 18px 60px rgba(0,0,0,.42);
    overflow:hidden;
}

.stat-v2{
    min-width:0;
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:12px;
    border-right:1px solid #252a31;
}
.stat-v2:last-child{border-right:0}
.stat-v2 i{
    font-style:normal;
    width:34px;height:34px;display:grid;place-items:center;
    border-radius:50%;
    background:#15191f;
    color:#d8aa58;
    font-size:16px;
}
.stat-v2 small{display:block;color:#7e8794;font-size:8px;letter-spacing:1.2px}
.stat-v2 strong{display:block;color:#f1e6d2;font-size:18px;margin-top:3px}
.stat-v2.online strong{color:#66e673}.stat-v2.offline strong{color:#ff6270}
.status-dot{width:12px!important;height:12px!important;background:#43e75a!important;box-shadow:0 0 16px #43e75a!important}
.offline .status-dot{background:#ff4f5e!important;box-shadow:0 0 16px #ff4f5e!important}

.content-v2{
    max-width:1220px;
    margin:0 auto;
    padding:78px 24px 88px;
}

.section-title-v2{text-align:center;max-width:720px;margin:0 auto 34px}
.section-title-v2 span{color:#d3a45b;font-size:10px;font-weight:900;letter-spacing:3px}
.section-title-v2 h2{font-family:Georgia,serif;font-size:42px;margin:10px 0 8px}
.section-title-v2 p{color:#858f9d;line-height:1.6}

.dashboard-grid-v2{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    gap:16px;
}
.lower-v2{
    grid-template-columns:1fr 1.15fr .9fr;
    margin-top:16px;
}
.panel-v2{
    min-width:0;
    padding:20px;
    border:1px solid #2d3138;
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(20,22,27,.97),rgba(10,12,16,.98));
    box-shadow:0 16px 45px rgba(0,0,0,.18);
}
.panel-v2 header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #252a31}
.panel-v2 header small,.discord-v2>small{display:block;color:#b78943;font-size:8px;font-weight:900;letter-spacing:2px}
.panel-v2 h3{margin:4px 0 0;font-family:Georgia,serif;color:#e6c98e;font-size:20px}
.panel-v2 header a{font-size:9px;font-weight:900;color:#dc6044}

.news-item-v2,.event-v2,.rank-v2{
    display:grid;
    align-items:center;
    gap:11px;
    border-bottom:1px solid #242930;
}
.news-item-v2{grid-template-columns:46px 1fr auto;padding:13px 0}
.news-item-v2:last-child,.event-v2:last-child,.rank-v2:last-child{border-bottom:0}
.thumb-v2{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;border:1px solid #56422d;background:#15120f;color:#efb655}
.news-item-v2 strong,.event-v2 strong{font-size:12px}.news-item-v2 p,.event-v2 p{margin:4px 0 0;color:#747e8c;font-size:10px}
.news-item-v2 b,.event-v2 b{font-size:8px;color:#d7634d}

.features-v2 ul{list-style:none;padding:8px 0 0;margin:0}
.features-v2 li{padding:8px 0;color:#aeb5bf;font-size:12px}
.features-v2 li span{display:inline-grid;width:25px;color:#d7a753}

.event-v2{grid-template-columns:46px 1fr auto;padding:13px 0}
.event-v2>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;border:1px solid #513a25;background:#17110d;color:#e4a34e;font-size:10px;font-weight:900}

.rank-v2{grid-template-columns:42px 1fr auto;padding:14px 0}
.rank-v2 b{color:#d7aa5e}.rank-v2 span{color:#a7afb9;font-size:11px}.rank-v2 em{font-style:normal;color:#6f7986;font-size:10px}

.shop-icons-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.shop-icons-v2 span{aspect-ratio:1;border:1px solid #4c3926;border-radius:9px;display:grid;place-items:center;background:#15110d;color:#e6aa51;font-size:24px}
.itemshop-v2 p,.discord-v2 p{color:#7e8794;font-size:11px;line-height:1.6}
.discord-button-v2{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#5865f2,#3845ce);font-weight:900;font-size:11px;margin-top:8px}

@keyframes heroBreath{
    from{transform:scale(1.045)}
    to{transform:scale(1.075)}
}
@keyframes shamanFloat{
    0%,100%{transform:translate3d(-5px,3px,0) scale(1.045)}
    50%{transform:translate3d(7px,-7px,0) scale(1.055)}
}
@keyframes warriorFloat{
    0%,100%{transform:translate3d(6px,-2px,0) scale(1.045)}
    50%{transform:translate3d(-7px,7px,0) scale(1.057)}
}
@keyframes lightPulseBlue{0%,100%{opacity:.09;transform:scale(.95)}50%{opacity:.18;transform:scale(1.08)}}
@keyframes lightPulseRed{0%,100%{opacity:.1;transform:scale(.94)}50%{opacity:.19;transform:scale(1.07)}}
@keyframes fogMove{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
@keyframes fogMoveReverse{from{transform:translateX(4%)}to{transform:translateX(-5%)}}
@keyframes logoGlow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes buttonSweep{0%,55%{transform:translateX(-140%)}80%,100%{transform:translateX(140%)}}
@keyframes scrollBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes emberRise{
    0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
    15%{opacity:.8}
    100%{transform:translate3d(var(--drift),-820px,0) scale(1.2);opacity:0}
}

@media(max-width:1100px){
    .neoria-logo{font-size:88px}
    .server-stats-v2{grid-template-columns:repeat(3,1fr)}
    .stat-v2:nth-child(3){border-right:0}
    .dashboard-grid-v2,.lower-v2{grid-template-columns:1fr 1fr}
    .discord-v2{grid-column:1/-1}
}
@media(max-width:720px){
    .cinematic-hero{min-height:690px}
    .hero-base,.hero-character{background-position:center top}
    .char-shaman{clip-path:polygon(0 0,48% 0,48% 100%,0 100%);opacity:.58}
    .char-warrior{clip-path:polygon(54% 0,100% 0,100% 100%,54% 100%);opacity:.58}
    .neoria-logo{font-size:58px;letter-spacing:3px}
    .neoria-subtitle{font-size:9px;letter-spacing:4px}
    .hero-center p{font-size:13px}
    .hero-buttons{flex-direction:column;align-items:center}
    .btn-fire,.btn-dark{width:min(280px,100%)}
    .server-stats-v2{grid-template-columns:1fr 1fr;margin-top:-28px}
    .stat-v2:nth-child(odd){border-right:1px solid #252a31}
    .stat-v2:nth-child(even){border-right:0}
    .dashboard-grid-v2,.lower-v2{grid-template-columns:1fr}
    .discord-v2{grid-column:auto}
    .section-title-v2 h2{font-size:32px}
    .content-v2{padding:60px 14px}
}
@media(prefers-reduced-motion:reduce){
    .hero-base,.char-shaman,.char-warrior,.hero-light,.hero-fog,.logo-flare,.btn-fire::before,.scroll-down span,.ember{
        animation:none!important;
    }
}


/* =========================================================
   NEORIA v3 - REAL WEBSITE ELEMENTS + SEPARATE ART ASSETS
   No UI screenshot is used as the visible homepage.
   ========================================================= */

.home-v3{background:#07090d;overflow:hidden}

.real-hero{
    position:relative;
    min-height:760px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    isolation:isolate;
    border-bottom:1px solid rgba(202,153,75,.25);
    background:#080a0e;
}

.real-world-bg{
    position:absolute;
    inset:-30px;
    z-index:-10;
    background:url('/assets/img/neoria-world-bg.jpg') center/cover no-repeat;
    transform:scale(1.07);
    filter:saturate(.85) contrast(1.08);
    animation:worldBreath 16s ease-in-out infinite alternate;
}

.real-character{
    position:absolute;
    top:70px;
    bottom:0;
    width:43%;
    z-index:-4;
    pointer-events:none;
    will-change:transform;
}
.real-character img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(1.08) contrast(1.08) brightness(.96);
}

.shaman-layer{
    left:-2%;
    -webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 60%,transparent 100%);
    animation:shamanAlive 7s ease-in-out infinite;
}
.warrior-layer{
    right:-2%;
    -webkit-mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 60%,transparent 100%);
    animation:warriorAlive 7.8s ease-in-out infinite;
}

.real-vignette{
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 42%,rgba(0,0,0,.04),rgba(0,0,0,.20) 40%,rgba(0,0,0,.77) 90%),
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.10) 58%,#07090d 100%);
}

.magic-light{
    position:absolute;
    width:420px;height:420px;border-radius:50%;
    filter:blur(82px);opacity:.16;z-index:-3;pointer-events:none;
}
.magic-blue{left:4%;top:22%;background:#526dff;animation:magicPulse 4.8s ease-in-out infinite}
.magic-red{right:4%;top:24%;background:#ff4b24;animation:magicPulse 5.4s ease-in-out infinite reverse}

.hero-mist{
    position:absolute;left:-15%;width:130%;height:170px;
    background:radial-gradient(ellipse,rgba(235,238,248,.40),transparent 70%);
    filter:blur(34px);pointer-events:none;z-index:-1;
}
.mist-a{bottom:110px;opacity:.10;animation:mistMove 18s linear infinite}
.mist-b{bottom:220px;opacity:.06;animation:mistMoveBack 25s linear infinite}

.real-hero-content{
    position:relative;
    z-index:5;
    width:min(720px,calc(100% - 30px));
    text-align:center;
    margin-top:-10px;
}

.server-pill{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 16px;
    border:1px solid rgba(211,162,78,.35);
    border-radius:999px;
    background:rgba(9,11,15,.68);
    backdrop-filter:blur(10px);
    color:#e2bb72;
    font-size:10px;
    font-weight:900;
    letter-spacing:3px;
}

.real-logo-shell{margin:16px auto 0}
.logo-crown{display:block;color:#d5a95c;font-size:24px;text-shadow:0 0 18px rgba(255,157,55,.5)}
.real-logo-shell h1{
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:110px;
    line-height:.88;
    letter-spacing:6px;
    color:#f5d083;
    text-shadow:
      0 2px 0 #7b3d17,
      0 4px 0 #4b210e,
      0 0 22px rgba(255,140,31,.38),
      0 18px 32px rgba(0,0,0,.72);
}

.logo-line{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:14px}
.logo-line span{width:70px;height:1px;background:linear-gradient(90deg,transparent,#c79a51)}
.logo-line span:last-child{background:linear-gradient(90deg,#c79a51,transparent)}
.logo-line strong{font-family:Georgia,serif;color:#e1ba70;font-size:12px;letter-spacing:6px}

.real-hero-content p{
    max-width:610px;margin:23px auto 0;color:#cbd0d8;
    line-height:1.7;font-size:15px;text-shadow:0 2px 8px #000;
}

.real-hero-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}
.real-play-btn,.real-download-btn{
    width:220px;min-height:68px;border-radius:9px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
}
.real-play-btn{
    border:1px solid #ff7651;
    background:linear-gradient(180deg,#c93925,#75170f);
    box-shadow:0 0 26px rgba(255,70,24,.22);
}
.real-play-btn::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,transparent 25%,rgba(255,231,179,.20),transparent 70%);
    transform:translateX(-120%);animation:realSweep 3.2s ease-in-out infinite;
}
.real-download-btn{
    border:1px solid #7c603b;
    background:linear-gradient(180deg,#181a1f,#090b0f);
}
.real-play-btn strong,.real-download-btn strong{font-size:18px;z-index:1}
.real-play-btn small,.real-download-btn small{font-size:9px;letter-spacing:1.5px;color:#d7c3a1;margin-top:4px;z-index:1}

.real-scroll{
    position:absolute;right:22px;bottom:22px;z-index:6;
    display:grid;place-items:center;gap:4px;color:#b99a66;
}
.real-scroll span{
    width:38px;height:38px;border-radius:50%;border:1px solid #5e4930;
    display:grid;place-items:center;background:rgba(7,9,12,.7);
    animation:scrollBounce 1.8s ease-in-out infinite;
}
.real-scroll small{font-size:8px;letter-spacing:2px}

.real-embers{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.real-embers .ember{
    position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;
    background:#f6a242;box-shadow:0 0 11px #ff5f29;
    animation:emberReal linear infinite;
}

.server-stats-v3{
    position:relative;z-index:8;
    width:min(1120px,calc(100% - 32px));
    margin:-42px auto 0;
    display:grid;grid-template-columns:repeat(6,1fr);
    border:1px solid #493b2b;border-radius:12px;overflow:hidden;
    background:rgba(10,13,17,.96);
    box-shadow:0 20px 55px rgba(0,0,0,.42);
}
.stat-v3{
    min-height:84px;display:flex;align-items:center;justify-content:center;gap:11px;
    padding:12px;border-right:1px solid #242a31;
}
.stat-v3:last-child{border-right:0}
.stat-v3 i{
    width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
    background:#151a20;color:#d7aa5b;font-style:normal;
}
.stat-v3 small{display:block;color:#818a97;font-size:8px;letter-spacing:1.2px}
.stat-v3 strong{display:block;color:#eee5d5;font-size:18px;margin-top:3px}
.stat-v3.online strong{color:#62e56d}.stat-v3.offline strong{color:#ff6270}
.status-dot-v3{width:12px!important;height:12px!important;background:#46e75d!important;box-shadow:0 0 15px #46e75d!important}
.offline .status-dot-v3{background:#ff4e5d!important;box-shadow:0 0 15px #ff4e5d!important}

.content-v3{max-width:1220px;margin:0 auto;padding:78px 24px 88px}
.section-title-v3{text-align:center;max-width:700px;margin:0 auto 34px}
.section-title-v3 span{font-size:10px;font-weight:900;letter-spacing:3px;color:#d0a35d}
.section-title-v3 h2{font-family:Georgia,serif;font-size:42px;margin:10px 0}
.section-title-v3 p{color:#848e9c;line-height:1.6}

.cards-v3{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.cards-v3.lower{grid-template-columns:1fr 1.15fr .9fr;margin-top:16px}
.card-v3{
    min-width:0;padding:20px;border:1px solid #2e333a;border-radius:14px;
    background:linear-gradient(180deg,rgba(20,22,27,.98),rgba(10,12,16,.98));
}
.card-v3 header{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #252a31}
.card-v3 header small,.discord-v3>small{color:#b88b48;font-size:8px;font-weight:900;letter-spacing:2px}
.card-v3 h3{font-family:Georgia,serif;color:#e5c98e;font-size:20px;margin:4px 0 0}
.card-v3 header a{font-size:9px;font-weight:900;color:#d8654c}
.row-v3,.event-v3,.rank-v3{
    display:grid;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #242930;
}
.row-v3{grid-template-columns:44px 1fr auto}
.event-v3{grid-template-columns:44px 1fr auto}
.rank-v3{grid-template-columns:42px 1fr auto}
.row-v3:last-child,.event-v3:last-child,.rank-v3:last-child{border-bottom:0}
.row-v3>b,.event-v3>b{
    width:40px;height:40px;display:grid;place-items:center;
    border:1px solid #503c27;border-radius:7px;background:#16110d;color:#dfaa57;font-size:9px;
}
.row-v3 strong,.event-v3 strong{font-size:12px}
.row-v3 p,.event-v3 p{margin:4px 0 0;color:#747e8c;font-size:10px}
.row-v3 em,.event-v3 em{font-style:normal;color:#d3644d;font-size:8px;font-weight:900}
.features-v3{list-style:none;padding:10px 0 0;margin:0}
.features-v3 li{padding:8px 0;color:#aeb5bf;font-size:12px}
.shop-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.shop-v3 span{aspect-ratio:1;border:1px solid #4b3926;border-radius:8px;display:grid;place-items:center;background:#15110d;color:#e4aa53;font-size:22px}
.muted-v3,.discord-v3 p{color:#7e8794;font-size:11px;line-height:1.6}
.discord-v3>a{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;border-radius:8px;background:linear-gradient(180deg,#5865f2,#3845ce);font-weight:900;font-size:11px}

@keyframes worldBreath{from{transform:scale(1.07)}to{transform:scale(1.10)}}
@keyframes shamanAlive{0%,100%{transform:translate3d(-5px,2px,0) scale(1.01)}50%{transform:translate3d(8px,-8px,0) scale(1.025)}}
@keyframes warriorAlive{0%,100%{transform:translate3d(6px,-2px,0) scale(1.01)}50%{transform:translate3d(-8px,8px,0) scale(1.026)}}
@keyframes magicPulse{0%,100%{opacity:.10;transform:scale(.95)}50%{opacity:.20;transform:scale(1.08)}}
@keyframes mistMove{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
@keyframes mistMoveBack{from{transform:translateX(5%)}to{transform:translateX(-4%)}}
@keyframes realSweep{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes emberReal{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}15%{opacity:.75}100%{transform:translate3d(var(--drift),-780px,0) scale(1.2);opacity:0}}

@media(max-width:1100px){
    .real-logo-shell h1{font-size:84px}
    .server-stats-v3{grid-template-columns:repeat(3,1fr)}
    .cards-v3,.cards-v3.lower{grid-template-columns:1fr 1fr}
    .discord-v3{grid-column:1/-1}
}
@media(max-width:720px){
    .real-hero{min-height:690px}
    .real-character{width:55%;opacity:.62}
    .shaman-layer{left:-17%}
    .warrior-layer{right:-17%}
    .real-logo-shell h1{font-size:56px;letter-spacing:3px}
    .logo-line strong{font-size:8px;letter-spacing:3px}
    .logo-line span{width:35px}
    .real-hero-content p{font-size:13px}
    .real-hero-actions{flex-direction:column;align-items:center}
    .real-play-btn,.real-download-btn{width:min(280px,100%)}
    .server-stats-v3{grid-template-columns:1fr 1fr;margin-top:-28px}
    .cards-v3,.cards-v3.lower{grid-template-columns:1fr}
    .discord-v3{grid-column:auto}
    .section-title-v3 h2{font-size:32px}
    .content-v3{padding:60px 14px}
}
@media(prefers-reduced-motion:reduce){
    .real-world-bg,.real-character,.magic-light,.hero-mist,.real-play-btn::after,.real-scroll span,.real-embers .ember{
        animation:none!important;
    }
}


/* =========================================================
   NEORIA v2 CINEMATIC HOMEPAGE
   ========================================================= */

.home-v2{
    background:
        radial-gradient(circle at 50% 0%, rgba(112,28,19,.11), transparent 25%),
        #07090d;
    overflow:hidden;
}

.cinematic-hero{
    position:relative;
    min-height:780px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    isolation:isolate;
    border-bottom:1px solid rgba(214,165,81,.28);
    background:#080a0e;
}

.hero-base,
.hero-character{
    position:absolute;
    inset:-28px;
    pointer-events:none;
    background-image:url('/assets/img/neoria-hero-main.png');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    will-change:transform;
}

.hero-base{
    z-index:-10;
    transform:scale(1.045);
    filter:saturate(.92) brightness(.66) contrast(1.04);
    animation:heroBreath 14s ease-in-out infinite alternate;
}

.hero-character{
    z-index:-5;
    transform:translate3d(0,0,0) scale(1.045);
    transition:transform .18s ease-out;
    filter:saturate(1.12) brightness(.92) contrast(1.08);
}

.char-shaman{
    clip-path:polygon(0 0,42% 0,42% 100%,0 100%);
    animation:shamanFloat 6.8s ease-in-out infinite;
}

.char-warrior{
    clip-path:polygon(60% 0,100% 0,100% 100%,60% 100%);
    animation:warriorFloat 7.4s ease-in-out infinite;
}

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at center, transparent 8%, rgba(0,0,0,.18) 44%, rgba(0,0,0,.72) 92%),
        linear-gradient(180deg,rgba(3,5,8,.08) 0%,rgba(3,5,8,.06) 55%,#07090d 100%);
}

.hero-light{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    pointer-events:none;
    z-index:-3;
    filter:blur(75px);
    opacity:.13;
}
.hero-light-blue{left:2%;top:20%;background:#5079ff;animation:lightPulseBlue 4.6s ease-in-out infinite}
.hero-light-red{right:1%;top:20%;background:#ff421e;animation:lightPulseRed 5.2s ease-in-out infinite}

.hero-fog{
    position:absolute;
    left:-20%;
    width:140%;
    height:190px;
    pointer-events:none;
    z-index:-1;
    opacity:.11;
    filter:blur(36px);
    background:radial-gradient(ellipse at center,rgba(230,235,245,.54),transparent 67%);
}
.fog-one{bottom:85px;animation:fogMove 20s linear infinite}
.fog-two{bottom:205px;opacity:.07;animation:fogMoveReverse 27s linear infinite}

.embers{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
}
.ember{
    position:absolute;
    bottom:-20px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#f9a33a;
    box-shadow:0 0 12px #ff4f24;
    opacity:.75;
    animation:emberRise linear infinite;
}

.hero-center{
    position:relative;
    z-index:4;
    width:min(760px,calc(100% - 32px));
    text-align:center;
    margin-top:-10px;
}

.hero-kicker{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border:1px solid rgba(225,177,90,.28);
    border-radius:999px;
    background:rgba(8,10,14,.66);
    backdrop-filter:blur(8px);
    color:#e5c17c;
    font-size:10px;
    font-weight:900;
    letter-spacing:3px;
}

.neoria-logo-wrap{
    position:relative;
    margin:18px auto 0;
    padding:10px 28px 16px;
}

.logo-flare{
    position:absolute;
    left:50%;
    top:46%;
    width:370px;
    height:110px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(255,112,21,.19),transparent 70%);
    filter:blur(16px);
    pointer-events:none;
    animation:logoGlow 3.2s ease-in-out infinite;
}

.neoria-logo{
    position:relative;
    font-family:Georgia,"Times New Roman",serif;
    font-size:112px;
    line-height:.9;
    font-weight:900;
    letter-spacing:5px;
    color:#f7d18a;
    text-shadow:
        0 2px 0 #7f3d17,
        0 4px 0 #4d210f,
        0 0 20px rgba(255,144,32,.46),
        0 16px 34px rgba(0,0,0,.75);
}

.neoria-subtitle{
    position:relative;
    margin-top:13px;
    color:#deb665;
    font-family:Georgia,serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:8px;
    text-shadow:0 2px 8px #000;
}

.hero-center p{
    max-width:620px;
    margin:22px auto 0;
    color:#d1d4da;
    font-size:15px;
    line-height:1.75;
    text-shadow:0 2px 10px #000;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:28px;
}

.btn-fire,
.btn-dark{
    width:220px;
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    position:relative;
    overflow:hidden;
}
.btn-fire{
    border:1px solid #ff7448;
    background:linear-gradient(180deg,#c93622,#72150e);
    box-shadow:0 0 0 1px #50210f inset,0 0 28px rgba(255,73,25,.25);
}
.btn-fire::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:linear-gradient(90deg,transparent,rgba(255,219,145,.22),transparent);
    transform:translateX(-120%);
    animation:buttonSweep 3s ease-in-out infinite;
}
.btn-dark{
    border:1px solid #84653d;
    background:linear-gradient(180deg,rgba(24,25,29,.96),rgba(8,10,13,.96));
    box-shadow:0 0 0 1px rgba(255,220,151,.04) inset;
}
.btn-fire strong,.btn-dark strong{position:relative;z-index:1;font-size:18px}
.btn-fire small,.btn-dark small{position:relative;z-index:1;font-size:9px;letter-spacing:1.6px;margin-top:4px;color:#d8c4a3}

.scroll-down{
    position:absolute;
    right:24px;
    bottom:24px;
    z-index:5;
    display:grid;
    place-items:center;
    color:#b99a66;
    gap:3px;
}
.scroll-down span{
    width:38px;height:38px;border:1px solid #5d4930;border-radius:50%;
    display:grid;place-items:center;background:rgba(8,10,13,.62);
    animation:scrollBob 1.8s ease-in-out infinite;
}
.scroll-down small{font-size:8px;letter-spacing:2px}

.server-stats-v2{
    position:relative;
    z-index:8;
    width:min(1120px,calc(100% - 32px));
    margin:-44px auto 0;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:rgba(9,12,16,.95);
    border:1px solid #493b2b;
    border-radius:12px;
    box-shadow:0 18px 60px rgba(0,0,0,.42);
    overflow:hidden;
}

.stat-v2{
    min-width:0;
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    padding:12px;
    border-right:1px solid #252a31;
}
.stat-v2:last-child{border-right:0}
.stat-v2 i{
    font-style:normal;
    width:34px;height:34px;display:grid;place-items:center;
    border-radius:50%;
    background:#15191f;
    color:#d8aa58;
    font-size:16px;
}
.stat-v2 small{display:block;color:#7e8794;font-size:8px;letter-spacing:1.2px}
.stat-v2 strong{display:block;color:#f1e6d2;font-size:18px;margin-top:3px}
.stat-v2.online strong{color:#66e673}.stat-v2.offline strong{color:#ff6270}
.status-dot{width:12px!important;height:12px!important;background:#43e75a!important;box-shadow:0 0 16px #43e75a!important}
.offline .status-dot{background:#ff4f5e!important;box-shadow:0 0 16px #ff4f5e!important}

.content-v2{
    max-width:1220px;
    margin:0 auto;
    padding:78px 24px 88px;
}

.section-title-v2{text-align:center;max-width:720px;margin:0 auto 34px}
.section-title-v2 span{color:#d3a45b;font-size:10px;font-weight:900;letter-spacing:3px}
.section-title-v2 h2{font-family:Georgia,serif;font-size:42px;margin:10px 0 8px}
.section-title-v2 p{color:#858f9d;line-height:1.6}

.dashboard-grid-v2{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    gap:16px;
}
.lower-v2{
    grid-template-columns:1fr 1.15fr .9fr;
    margin-top:16px;
}
.panel-v2{
    min-width:0;
    padding:20px;
    border:1px solid #2d3138;
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(20,22,27,.97),rgba(10,12,16,.98));
    box-shadow:0 16px 45px rgba(0,0,0,.18);
}
.panel-v2 header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #252a31}
.panel-v2 header small,.discord-v2>small{display:block;color:#b78943;font-size:8px;font-weight:900;letter-spacing:2px}
.panel-v2 h3{margin:4px 0 0;font-family:Georgia,serif;color:#e6c98e;font-size:20px}
.panel-v2 header a{font-size:9px;font-weight:900;color:#dc6044}

.news-item-v2,.event-v2,.rank-v2{
    display:grid;
    align-items:center;
    gap:11px;
    border-bottom:1px solid #242930;
}
.news-item-v2{grid-template-columns:46px 1fr auto;padding:13px 0}
.news-item-v2:last-child,.event-v2:last-child,.rank-v2:last-child{border-bottom:0}
.thumb-v2{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;border:1px solid #56422d;background:#15120f;color:#efb655}
.news-item-v2 strong,.event-v2 strong{font-size:12px}.news-item-v2 p,.event-v2 p{margin:4px 0 0;color:#747e8c;font-size:10px}
.news-item-v2 b,.event-v2 b{font-size:8px;color:#d7634d}

.features-v2 ul{list-style:none;padding:8px 0 0;margin:0}
.features-v2 li{padding:8px 0;color:#aeb5bf;font-size:12px}
.features-v2 li span{display:inline-grid;width:25px;color:#d7a753}

.event-v2{grid-template-columns:46px 1fr auto;padding:13px 0}
.event-v2>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;border:1px solid #513a25;background:#17110d;color:#e4a34e;font-size:10px;font-weight:900}

.rank-v2{grid-template-columns:42px 1fr auto;padding:14px 0}
.rank-v2 b{color:#d7aa5e}.rank-v2 span{color:#a7afb9;font-size:11px}.rank-v2 em{font-style:normal;color:#6f7986;font-size:10px}

.shop-icons-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.shop-icons-v2 span{aspect-ratio:1;border:1px solid #4c3926;border-radius:9px;display:grid;place-items:center;background:#15110d;color:#e6aa51;font-size:24px}
.itemshop-v2 p,.discord-v2 p{color:#7e8794;font-size:11px;line-height:1.6}
.discord-button-v2{display:inline-flex;min-height:44px;padding:0 18px;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(180deg,#5865f2,#3845ce);font-weight:900;font-size:11px;margin-top:8px}

@keyframes heroBreath{
    from{transform:scale(1.045)}
    to{transform:scale(1.075)}
}
@keyframes shamanFloat{
    0%,100%{transform:translate3d(-5px,3px,0) scale(1.045)}
    50%{transform:translate3d(7px,-7px,0) scale(1.055)}
}
@keyframes warriorFloat{
    0%,100%{transform:translate3d(6px,-2px,0) scale(1.045)}
    50%{transform:translate3d(-7px,7px,0) scale(1.057)}
}
@keyframes lightPulseBlue{0%,100%{opacity:.09;transform:scale(.95)}50%{opacity:.18;transform:scale(1.08)}}
@keyframes lightPulseRed{0%,100%{opacity:.1;transform:scale(.94)}50%{opacity:.19;transform:scale(1.07)}}
@keyframes fogMove{from{transform:translateX(-4%)}to{transform:translateX(5%)}}
@keyframes fogMoveReverse{from{transform:translateX(4%)}to{transform:translateX(-5%)}}
@keyframes logoGlow{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes buttonSweep{0%,55%{transform:translateX(-140%)}80%,100%{transform:translateX(140%)}}
@keyframes scrollBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes emberRise{
    0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
    15%{opacity:.8}
    100%{transform:translate3d(var(--drift),-820px,0) scale(1.2);opacity:0}
}

@media(max-width:1100px){
    .neoria-logo{font-size:88px}
    .server-stats-v2{grid-template-columns:repeat(3,1fr)}
    .stat-v2:nth-child(3){border-right:0}
    .dashboard-grid-v2,.lower-v2{grid-template-columns:1fr 1fr}
    .discord-v2{grid-column:1/-1}
}
@media(max-width:720px){
    .cinematic-hero{min-height:690px}
    .hero-base,.hero-character{background-position:center top}
    .char-shaman{clip-path:polygon(0 0,48% 0,48% 100%,0 100%);opacity:.58}
    .char-warrior{clip-path:polygon(54% 0,100% 0,100% 100%,54% 100%);opacity:.58}
    .neoria-logo{font-size:58px;letter-spacing:3px}
    .neoria-subtitle{font-size:9px;letter-spacing:4px}
    .hero-center p{font-size:13px}
    .hero-buttons{flex-direction:column;align-items:center}
    .btn-fire,.btn-dark{width:min(280px,100%)}
    .server-stats-v2{grid-template-columns:1fr 1fr;margin-top:-28px}
    .stat-v2:nth-child(odd){border-right:1px solid #252a31}
    .stat-v2:nth-child(even){border-right:0}
    .dashboard-grid-v2,.lower-v2{grid-template-columns:1fr}
    .discord-v2{grid-column:auto}
    .section-title-v2 h2{font-size:32px}
    .content-v2{padding:60px 14px}
}
@media(prefers-reduced-motion:reduce){
    .hero-base,.char-shaman,.char-warrior,.hero-light,.hero-fog,.logo-flare,.btn-fire::before,.scroll-down span,.ember{
        animation:none!important;
    }
}


/* NEORIA v4 CLEAN HERO + IMAGE SHOP + TRANSPARENT ANIMATED LOGO */
.real-hero{
    min-height:760px !important;
    background:#08090c !important;
}
.real-world-bg{
    inset:0 !important;
    background-image:url('/assets/img/neoria-hero-clean.jpg') !important;
    background-position:center center !important;
    background-size:cover !important;
    transform:none !important;
    filter:none !important;
    animation:cleanHeroMove 18s ease-in-out infinite alternate !important;
}
/* Remove the large dark center overlay that was hiding the artwork. */
.real-vignette{
    background:
      linear-gradient(180deg,rgba(4,5,7,.08) 0%,rgba(4,5,7,.02) 58%,rgba(7,9,13,.58) 100%) !important;
}
.real-hero-content{
    background:transparent !important;
    box-shadow:none !important;
}
.real-character{display:none !important}

/* Navbar brand: transparent logo image, subtle living motion. */
.brand{
    min-width:240px;
}
.brand-mark,.brand-copy{display:none !important}
.brand::before{
    content:"";
    display:block;
    width:230px;
    height:66px;
    background:url('/assets/img/neoria-logo-transparent.png') center/contain no-repeat;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(225,164,69,.14));
    transform-origin:center;
    animation:navLogoAlive 4.5s ease-in-out infinite;
}

/* Item Shop uses actual image thumbnails. */
.shop-v3{
    grid-template-columns:repeat(4,1fr) !important;
}
.shop-v3 span{
    min-height:118px !important;
    aspect-ratio:1/1 !important;
    background-size:cover !important;
    background-position:center !important;
    font-size:0 !important;
    position:relative;
    overflow:hidden;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.shop-v3 span:nth-child(1){background-image:url('/assets/img/shop-1.jpg') !important}
.shop-v3 span:nth-child(2){background-image:url('/assets/img/shop-2.jpg') !important}
.shop-v3 span:nth-child(3){background-image:url('/assets/img/shop-3.jpg') !important}
.shop-v3 span:nth-child(4){background-image:url('/assets/img/shop-4.jpg') !important}
.shop-v3 span::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62));
}
.shop-v3 span:hover{
    transform:translateY(-4px) scale(1.025);
    border-color:#c99649 !important;
    box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 16px rgba(210,145,53,.12);
}
@keyframes cleanHeroMove{
    from{transform:scale(1.00) translate3d(0,0,0)}
    to{transform:scale(1.035) translate3d(0,-5px,0)}
}
@keyframes navLogoAlive{
    0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(225,164,69,.10))}
    50%{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 5px 10px rgba(0,0,0,.58)) drop-shadow(0 0 16px rgba(225,164,69,.26))}
}
@media(max-width:700px){
    .brand{min-width:150px}
    .brand::before{width:150px;height:52px}
    .shop-v3{grid-template-columns:1fr 1fr !important}
}


/* =========================================================
   NEORIA v5 - ONE CLEAN BACKGROUND ACROSS THE WHOLE PAGE
   Only Shaman + Warrior move over the background.
   ========================================================= */
body{background:#07090c!important}
.home-v5{position:relative;isolation:isolate;min-height:100vh;background:transparent!important}
.page-fantasy-bg{
    position:fixed;inset:0;z-index:-20;
    background:url('/assets/img/neoria-page-background.jpg') center top/cover no-repeat;
    transform:scale(1.03);
}
.page-bg-overlay{
    position:fixed;inset:0;z-index:-19;
    background:linear-gradient(180deg,rgba(4,6,9,.18),rgba(4,6,9,.42) 52%,rgba(4,6,9,.62));
    pointer-events:none;
}
.hero-v5{
    min-height:720px;position:relative;display:flex;align-items:center;justify-content:center;
    overflow:hidden;background:transparent!important;border-bottom:1px solid rgba(205,155,74,.25);
}
.living-character{position:absolute;top:10px;bottom:-20px;width:42%;z-index:1;pointer-events:none;will-change:transform}
.living-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.55))}
.living-shaman{left:-3%;animation:livingShaman 6.8s ease-in-out infinite}
.living-warrior{right:-3%;animation:livingWarrior 7.5s ease-in-out infinite}
.magic-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.16;z-index:0}
.glow-purple{left:5%;top:24%;background:#6e3cff;animation:glowV5 4.5s ease-in-out infinite}
.glow-fire{right:4%;top:27%;background:#ff4d18;animation:glowV5 5.2s ease-in-out infinite reverse}
.hero-copy-v5{position:relative;z-index:5;width:min(650px,calc(100% - 32px));text-align:center}
.server-pill-v5{display:inline-flex;padding:10px 17px;border:1px solid #72562e;border-radius:999px;background:rgba(7,9,12,.75);color:#e3bb72;font-size:10px;font-weight:900;letter-spacing:3px}
.hero-logo-v5{display:block;width:min(590px,95%);height:auto;margin:16px auto 0;filter:drop-shadow(0 8px 18px #000);animation:heroLogoV5 4s ease-in-out infinite}
.hero-copy-v5 p{max-width:600px;margin:6px auto 0;color:#d2d6dc;line-height:1.7;text-shadow:0 2px 8px #000}
.hero-actions-v5{display:flex;justify-content:center;gap:14px;margin-top:25px}
.play-v5,.download-v5{width:220px;min-height:68px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.play-v5{background:linear-gradient(180deg,#c83b26,#76170e);border:1px solid #ff7951;box-shadow:0 0 28px rgba(255,73,26,.2)}
.download-v5{background:rgba(8,10,14,.90);border:1px solid #81623a}
.play-v5 strong,.download-v5 strong{font-size:18px}.play-v5 small,.download-v5 small{font-size:9px;letter-spacing:1.5px;color:#d8c3a1;margin-top:4px}
.embers-v5{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.embers-v5 .ember{position:absolute;bottom:-10px;border-radius:50%;background:#ffa341;box-shadow:0 0 10px #ff5c22;animation:emberV5 linear infinite}
.server-stats-v5{position:relative;z-index:8;width:min(1120px,calc(100% - 32px));margin:-40px auto 0;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(8,10,14,.88);backdrop-filter:blur(13px);border:1px solid #5b452b;border-radius:11px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.stat-v5{min-height:82px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(255,255,255,.08);padding:10px}.stat-v5:last-child{border-right:0}.stat-v5 span{color:#d7a854}.stat-v5 small{display:block;color:#858d98;font-size:8px;letter-spacing:1px}.stat-v5 strong{display:block;margin-top:3px;color:#eee4d3}.stat-v5 i{width:12px;height:12px;border-radius:50%;background:#49e760;box-shadow:0 0 14px #49e760}.stat-v5.offline i{background:#ff5260;box-shadow:0 0 14px #ff5260}.stat-v5.online strong{color:#5de96a}.stat-v5.offline strong{color:#ff6875}
.page-content-v5{position:relative;z-index:3;max-width:1220px;margin:auto;padding:75px 24px 90px;background:transparent!important}
.cards-v5{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.glass-v5{padding:20px;border:1px solid rgba(193,145,70,.32);border-radius:13px;background:rgba(8,10,14,.72);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.glass-v5 header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px}.glass-v5 header small{color:#c99549;font-size:8px;letter-spacing:2px}.glass-v5 h3{font-family:Georgia,serif;color:#e3c482;margin:4px 0}.glass-v5 header a{font-size:9px;color:#e46145;font-weight:900}
.line-v5{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.line-v5:last-child{border-bottom:0}.line-v5>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #5b4327;border-radius:7px;color:#e1aa53;background:rgba(20,14,9,.75);font-size:9px}.line-v5 strong{font-size:12px}.line-v5 p{margin:4px 0 0;color:#89929f;font-size:10px}
.feature-v5{list-style:none;padding:8px 0 0;margin:0}.feature-v5 li{padding:8px 0;color:#b5bbc3;font-size:12px}
.shop-title-v5{text-align:center;margin:60px auto 25px}.shop-title-v5 small{color:#c99b51;letter-spacing:3px;font-weight:900}.shop-title-v5 h2{font-family:Georgia,serif;font-size:38px;color:#e6c781;margin:6px 0}.shop-title-v5 p{color:#929aa5}
.shop-grid-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shop-grid-v5 a{overflow:hidden;text-align:center;border:1px solid rgba(193,145,70,.35);border-radius:12px;background:rgba(8,10,14,.75);backdrop-filter:blur(10px);padding-bottom:15px;transition:.25s}.shop-grid-v5 a:hover{transform:translateY(-5px);border-color:#c9974c;box-shadow:0 15px 35px rgba(0,0,0,.35)}.shop-grid-v5 img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:13px}.shop-grid-v5 strong,.shop-grid-v5 small{display:block}.shop-grid-v5 small{color:#8d96a2;margin-top:4px}
@keyframes livingShaman{0%,100%{transform:translate3d(-5px,4px,0) scale(1)}50%{transform:translate3d(9px,-8px,0) scale(1.025)}}
@keyframes livingWarrior{0%,100%{transform:translate3d(6px,-3px,0) scale(1)}50%{transform:translate3d(-9px,8px,0) scale(1.026)}}
@keyframes glowV5{0%,100%{opacity:.10;transform:scale(.94)}50%{opacity:.21;transform:scale(1.08)}}
@keyframes heroLogoV5{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}
@keyframes emberV5{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.8}100%{transform:translate3d(var(--drift),-750px,0);opacity:0}}
@media(max-width:1000px){.cards-v5{grid-template-columns:1fr 1fr}.server-stats-v5{grid-template-columns:repeat(3,1fr)}.living-character{width:50%;opacity:.72}.shop-grid-v5{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero-v5{min-height:670px}.living-character{width:65%;opacity:.55}.living-shaman{left:-28%}.living-warrior{right:-28%}.hero-actions-v5{flex-direction:column;align-items:center}.server-stats-v5{grid-template-columns:1fr 1fr}.cards-v5{grid-template-columns:1fr}.shop-grid-v5{grid-template-columns:1fr 1fr}.shop-grid-v5 img{height:140px}}
@media(prefers-reduced-motion:reduce){.living-character,.magic-glow,.hero-logo-v5,.embers-v5 .ember{animation:none!important}}


/* =========================================================
   NEORIA v6 CLEAN FULL-PAGE BACKGROUND
   No dark center panel / no hero description overlay.
   ========================================================= */
body{background:#06080b!important}
.home-v6{position:relative;isolation:isolate;background:transparent!important;overflow:hidden}
.global-fantasy-bg{
    position:fixed;
    inset:0;
    z-index:-30;
    background:url('/assets/img/neoria-clean-page-bg.jpg') center top/cover no-repeat;
    filter:none;
    transform:scale(1.02);
}
.hero-v6{
    min-height:720px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:transparent!important;
    border-bottom:1px solid rgba(205,155,74,.24);
}
.char-v6{
    position:absolute;
    top:0;
    bottom:-20px;
    width:44%;
    z-index:1;
    pointer-events:none;
    will-change:transform;
}
.char-v6 img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));
}
.shaman-v6{left:-3%;animation:shamanV6 6.8s ease-in-out infinite}
.warrior-v6{right:-3%;animation:warriorV6 7.4s ease-in-out infinite}
.glow-v6{
    position:absolute;width:430px;height:430px;border-radius:50%;
    filter:blur(90px);opacity:.14;z-index:0;pointer-events:none;
}
.purple-v6{left:4%;top:25%;background:#7042ff;animation:glowV6 4.5s ease-in-out infinite}
.fire-v6{right:4%;top:26%;background:#ff4a18;animation:glowV6 5.1s ease-in-out infinite reverse}
.hero-center-v6{
    position:relative;z-index:5;
    width:min(650px,calc(100% - 32px));
    text-align:center;
}
.hero-logo-v6{
    width:min(590px,95%);
    height:auto;
    display:block;
    margin:0 auto 18px;
    filter:drop-shadow(0 9px 18px rgba(0,0,0,.70));
    animation:logoV6 4s ease-in-out infinite;
}
.hero-buttons-v6{display:flex;justify-content:center;gap:14px}
.play-v6,.download-v6{
    width:220px;min-height:68px;border-radius:9px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.play-v6{background:linear-gradient(180deg,#c93c26,#76170f);border:1px solid #ff7a51;box-shadow:0 0 28px rgba(255,73,26,.18)}
.download-v6{background:rgba(7,9,13,.82);border:1px solid #84633a;backdrop-filter:blur(5px)}
.play-v6 strong,.download-v6 strong{font-size:18px}
.play-v6 small,.download-v6 small{font-size:9px;letter-spacing:1.5px;color:#d8c4a4;margin-top:4px}
.embers-v6{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.embers-v6 .ember{position:absolute;bottom:-10px;border-radius:50%;background:#ffa23f;box-shadow:0 0 10px #ff5c22;animation:emberV6 linear infinite}
.server-strip-v6{
    position:relative;z-index:8;
    width:min(1120px,calc(100% - 32px));
    margin:-38px auto 0;
    display:grid;grid-template-columns:repeat(6,1fr);
    border:1px solid #5b452b;border-radius:11px;overflow:hidden;
    background:rgba(7,9,13,.78);backdrop-filter:blur(10px);
    box-shadow:0 18px 48px rgba(0,0,0,.30);
}
.server-cell-v6{min-height:82px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(255,255,255,.08);padding:10px}
.server-cell-v6:last-child{border-right:0}
.server-cell-v6 span{color:#d9aa56}
.server-cell-v6 small{display:block;color:#858e9a;font-size:8px;letter-spacing:1px}
.server-cell-v6 strong{display:block;color:#efe6d6;margin-top:3px}
.server-cell-v6 i{width:12px;height:12px;border-radius:50%;background:#48e75f;box-shadow:0 0 14px #48e75f}
.server-cell-v6.offline i{background:#ff5361;box-shadow:0 0 14px #ff5361}
.server-cell-v6.online strong{color:#5de96b}.server-cell-v6.offline strong{color:#ff6876}
.content-v6{position:relative;z-index:3;max-width:1220px;margin:auto;padding:72px 24px 90px;background:transparent!important}
.cards-v6{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.glass-v6{
    padding:20px;border:1px solid rgba(193,145,70,.34);border-radius:13px;
    background:rgba(7,9,13,.70);backdrop-filter:blur(10px);
    box-shadow:0 18px 38px rgba(0,0,0,.18);
}
.glass-v6 header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px}
.glass-v6 header small{color:#c99549;font-size:8px;letter-spacing:2px}
.glass-v6 h3{font-family:Georgia,serif;color:#e3c482;margin:4px 0}
.glass-v6 header a{font-size:9px;color:#e46145;font-weight:900}
.row-v6{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.row-v6:last-child{border-bottom:0}
.row-v6>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #5b4327;border-radius:7px;color:#e1aa53;background:rgba(20,14,9,.75);font-size:9px}
.row-v6 strong{font-size:12px}.row-v6 p{margin:4px 0 0;color:#89929f;font-size:10px}
.feature-v6{list-style:none;padding:8px 0 0;margin:0}.feature-v6 li{padding:8px 0;color:#b5bbc3;font-size:12px}
.shop-title-v6{text-align:center;margin:58px auto 24px}.shop-title-v6 small{color:#c99b51;letter-spacing:3px;font-weight:900}.shop-title-v6 h2{font-family:Georgia,serif;font-size:38px;color:#e6c781;margin:6px 0}
.shop-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.shop-v6 a{overflow:hidden;text-align:center;border:1px solid rgba(193,145,70,.36);border-radius:12px;background:rgba(7,9,13,.74);backdrop-filter:blur(9px);padding-bottom:15px;transition:.25s}
.shop-v6 a:hover{transform:translateY(-5px);border-color:#c9974c;box-shadow:0 15px 35px rgba(0,0,0,.35)}
.shop-v6 img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:13px}.shop-v6 strong,.shop-v6 small{display:block}.shop-v6 small{color:#8d96a2;margin-top:4px}
@keyframes shamanV6{0%,100%{transform:translate3d(-5px,4px,0) scale(1)}50%{transform:translate3d(9px,-8px,0) scale(1.025)}}
@keyframes warriorV6{0%,100%{transform:translate3d(6px,-3px,0) scale(1)}50%{transform:translate3d(-9px,8px,0) scale(1.026)}}
@keyframes glowV6{0%,100%{opacity:.09;transform:scale(.95)}50%{opacity:.20;transform:scale(1.08)}}
@keyframes logoV6{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}
@keyframes emberV6{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.8}100%{transform:translate3d(var(--drift),-760px,0);opacity:0}}
@media(max-width:1000px){.cards-v6{grid-template-columns:1fr 1fr}.server-strip-v6{grid-template-columns:repeat(3,1fr)}.char-v6{width:50%;opacity:.75}.shop-v6{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero-v6{min-height:660px}.char-v6{width:66%;opacity:.58}.shaman-v6{left:-28%}.warrior-v6{right:-28%}.hero-buttons-v6{flex-direction:column;align-items:center}.server-strip-v6{grid-template-columns:1fr 1fr}.cards-v6{grid-template-columns:1fr}.shop-v6{grid-template-columns:1fr 1fr}.shop-v6 img{height:140px}}
@media(prefers-reduced-motion:reduce){.char-v6,.glow-v6,.hero-logo-v6,.embers-v6 .ember{animation:none!important}}

/* NEORIA v7 CLEAN FANTASY */
.home-v7{position:relative;isolation:isolate;min-height:100vh;background:transparent!important}
.fantasy-bg-v7{position:fixed;inset:0;z-index:-10;background:url('/assets/img/neoria-fantasy-clean-v7.jpg') center top/cover no-repeat;animation:bgAliveV7 18s ease-in-out infinite alternate}
.hero-v7{height:720px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent!important}
.hero-ui-v7{text-align:center;width:min(650px,calc(100% - 30px));position:relative;z-index:3}
.logo-v7{width:min(570px,94%);filter:drop-shadow(0 10px 22px rgba(0,0,0,.8));animation:logoAliveV7 4s ease-in-out infinite}
.actions-v7{display:flex;justify-content:center;gap:14px;margin-top:20px}
.actions-v7 a{width:220px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px}
.play-v7{background:linear-gradient(#ca3c26,#76170f);border:1px solid #ff7951}.download-v7{background:rgba(7,9,13,.85);border:1px solid #87643a;backdrop-filter:blur(5px)}
.actions-v7 strong{font-size:18px}.actions-v7 small{font-size:9px;letter-spacing:1.5px;color:#dcc8a6;margin-top:4px}
.particles-v7{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.particle-v7{position:absolute;bottom:-10px;border-radius:50%;background:#ff9c38;box-shadow:0 0 10px #ff531e;animation:particleRiseV7 linear infinite}
.stats-v7{position:relative;z-index:4;width:min(1120px,calc(100% - 32px));margin:-40px auto 0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #61482a;border-radius:11px;overflow:hidden;background:rgba(7,9,13,.78);backdrop-filter:blur(12px)}
.stats-v7>div{min-height:82px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(255,255,255,.08)}.stats-v7>div:last-child{border:0}.stats-v7 small{display:block;color:#8b929c;font-size:8px}.stats-v7 strong{display:block;margin-top:3px}.stats-v7 b{color:#d7a653}.stats-v7 i{width:12px;height:12px;border-radius:50%;background:#45e65c;box-shadow:0 0 13px #45e65c}.stats-v7 .offline i{background:#ff5260;box-shadow:0 0 13px #ff5260}.stats-v7 .online strong{color:#5be86a}.stats-v7 .offline strong{color:#ff6875}
.content-v7{max-width:1220px;margin:auto;padding:72px 24px 90px}.cards-v7{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.glass-v7{padding:20px;border:1px solid rgba(199,150,74,.34);border-radius:13px;background:rgba(7,9,13,.72);backdrop-filter:blur(11px)}.glass-v7 header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.glass-v7 header small,.shop-title-v7 small{color:#c99b50;font-size:8px;letter-spacing:2px}.glass-v7 h3{font-family:Georgia,serif;color:#e6c684;margin:4px 0}.glass-v7 header a{font-size:9px;color:#e36348}.row-v7{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.row-v7>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #5b4327;border-radius:7px;color:#dfaa55;font-size:9px}.row-v7 span small{display:block;color:#8b949f;margin-top:4px}.glass-v7 ul{list-style:none;padding:8px 0;margin:0}.glass-v7 li{padding:8px 0;color:#b7bdc5;font-size:12px}.shop-title-v7{text-align:center;margin:58px 0 24px}.shop-title-v7 h2{font:700 38px Georgia,serif;color:#e6c781;margin:6px}.shop-v7{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shop-v7 a{overflow:hidden;text-align:center;border:1px solid rgba(199,150,74,.36);border-radius:12px;background:rgba(7,9,13,.74);padding-bottom:15px;transition:.25s}.shop-v7 a:hover{transform:translateY(-5px)}.shop-v7 img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:13px}
@keyframes bgAliveV7{from{transform:scale(1.01)}to{transform:scale(1.045) translateY(-6px)}}@keyframes logoAliveV7{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.018)}}@keyframes particleRiseV7{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.85}100%{transform:translate3d(var(--drift),-105vh,0);opacity:0}}
@media(max-width:900px){.cards-v7{grid-template-columns:1fr}.stats-v7{grid-template-columns:repeat(3,1fr)}.shop-v7{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero-v7{height:650px}.actions-v7{flex-direction:column;align-items:center}.stats-v7{grid-template-columns:1fr 1fr}.shop-v7 img{height:140px}}


/* NEORIA v8 - animated characters + premium navbar/logo */
.site-header{background:linear-gradient(180deg,rgba(4,5,9,.97),rgba(8,8,14,.92))!important;border-bottom:1px solid rgba(229,167,68,.42)!important;box-shadow:0 8px 35px rgba(0,0,0,.42),0 1px 0 rgba(255,177,58,.10)!important;backdrop-filter:blur(16px)!important}
.nav-wrap{max-width:1540px!important;min-height:86px!important;padding:0 24px!important}
.brand{position:relative!important;display:flex!important;align-items:center!important;min-width:260px!important;height:78px!important;overflow:visible!important}
.brand-mark,.brand-copy{display:none!important}.brand::before{content:""!important;display:block!important;width:245px!important;height:76px!important;background:url('/assets/img/neoria-logo-transparent.png') center/contain no-repeat!important;filter:drop-shadow(0 0 5px rgba(255,218,126,.65)) drop-shadow(0 0 14px rgba(255,128,20,.32))!important;animation:brandSparkV8 3.6s ease-in-out infinite!important}
.brand::after{content:"";position:absolute;left:8px;top:12px;width:225px;height:48px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,225,.75) 48%,transparent 62%);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(-130%);animation:brandShineV8 4.8s ease-in-out infinite;pointer-events:none}
.main-nav{gap:7px!important}.main-nav a{position:relative!important;padding:13px 15px!important;border:1px solid transparent!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.35px!important;color:#d9dce5!important;transition:.22s ease!important}.main-nav a:hover,.main-nav a.active{color:#ffd77e!important;border-color:rgba(224,160,62,.35)!important;background:linear-gradient(180deg,rgba(216,146,43,.13),rgba(102,55,13,.08))!important;box-shadow:inset 0 0 18px rgba(255,171,48,.06),0 0 16px rgba(255,137,25,.08)!important;transform:translateY(-1px)}.main-nav a::after{content:"";position:absolute;left:22%;right:22%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#f1b24d,transparent);opacity:0;transition:.22s}.main-nav a:hover::after,.main-nav a.active::after{opacity:1}
.header-actions .btn,.header-actions a{border-radius:9px!important}.header-actions .primary,.header-actions .play-now{box-shadow:0 0 18px rgba(211,45,75,.22)!important}
.hero-v7{overflow:hidden!important;isolation:isolate!important}.hero-ui-v7{z-index:7!important}.character-v8{position:absolute;top:0;bottom:-25px;width:42%;z-index:2;pointer-events:none;will-change:transform}.character-v8 img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.6));will-change:transform}.shaman-v8{left:-4%;animation:shamanFloatV8 5.8s ease-in-out infinite}.warrior-v8{right:-4%;animation:warriorFloatV8 6.4s ease-in-out infinite}.magic-v8{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(90px);opacity:.16;z-index:1;pointer-events:none}.magic-left-v8{left:3%;top:27%;background:#7b35ff;animation:magicPulseV8 4s ease-in-out infinite}.magic-right-v8{right:3%;top:27%;background:#ff4b16;animation:magicPulseV8 4.6s ease-in-out infinite reverse}
@keyframes brandSparkV8{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 4px rgba(255,218,126,.55)) drop-shadow(0 0 12px rgba(255,128,20,.25))}50%{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 0 8px rgba(255,236,169,.85)) drop-shadow(0 0 23px rgba(255,123,18,.5))}}
@keyframes brandShineV8{0%,58%{transform:translateX(-130%);opacity:0}68%{opacity:.9}84%,100%{transform:translateX(130%);opacity:0}}
@keyframes shamanFloatV8{0%,100%{transform:translate3d(-4px,5px,0) rotate(-.15deg) scale(1)}50%{transform:translate3d(10px,-10px,0) rotate(.35deg) scale(1.025)}}
@keyframes warriorFloatV8{0%,100%{transform:translate3d(5px,-3px,0) rotate(.12deg) scale(1)}50%{transform:translate3d(-11px,9px,0) rotate(-.3deg) scale(1.026)}}
@keyframes magicPulseV8{0%,100%{opacity:.09;transform:scale(.92)}50%{opacity:.22;transform:scale(1.09)}}
@media(max-width:1050px){.brand{min-width:190px!important}.brand::before{width:185px!important}.main-nav a{padding:11px 9px!important;font-size:10px!important}.character-v8{width:50%;opacity:.8}}
@media(max-width:700px){.brand{min-width:145px!important;height:62px!important}.brand::before{width:145px!important;height:58px!important}.character-v8{width:67%;opacity:.62}.shaman-v8{left:-29%}.warrior-v8{right:-29%}}
@media(prefers-reduced-motion:reduce){.brand::before,.brand::after,.character-v8,.magic-v8{animation:none!important}}
\n/* === NEORIA v9: clean hero + professional navbar === */
.topbar-v9{height:96px!important;grid-template-columns:280px 1fr 250px!important;padding:0 28px!important;background:linear-gradient(180deg,rgba(5,6,10,.97),rgba(8,8,13,.92))!important;border-bottom:1px solid rgba(218,163,70,.42)!important;box-shadow:0 8px 35px rgba(0,0,0,.5),inset 0 -1px rgba(124,64,198,.18)!important;overflow:visible}
.brand-v9{position:relative;width:250px;height:88px;display:flex!important;align-items:center;justify-content:center;overflow:visible}
.brand-v9::before{display:none!important}.brand-v9 img{width:235px;height:76px;object-fit:contain;filter:drop-shadow(0 0 5px #ffb23e) drop-shadow(0 0 14px rgba(147,56,255,.42));animation:logoGlowV9 3.2s ease-in-out infinite}
.logo-spark-v9{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff5c6;box-shadow:0 0 7px #fff,0 0 15px #ffc34e,0 0 24px #9c55ff;animation:sparkV9 2.4s ease-in-out infinite}.logo-spark-v9.s1{left:38px;top:20px}.logo-spark-v9.s2{right:44px;top:30px;animation-delay:.8s}.logo-spark-v9.s3{left:126px;bottom:14px;animation-delay:1.4s}
.main-nav-v9{height:68px;display:flex!important;align-items:stretch;justify-content:center;gap:0;border:1px solid rgba(190,137,58,.24);border-radius:13px;background:rgba(8,9,14,.72);box-shadow:inset 0 0 28px rgba(0,0,0,.45);overflow:hidden}
.main-nav-v9 a{min-width:84px;padding:8px 13px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-right:1px solid rgba(255,255,255,.055);font-size:10px!important;letter-spacing:.45px!important;position:relative;color:#d9d9de!important}
.main-nav-v9 a:last-child{border-right:0}.main-nav-v9 a i{font-style:normal;font-size:17px;color:#c99a4e;line-height:1;transition:.25s}.main-nav-v9 a::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ffb642,#b653ff,transparent);transform:scaleX(0);transition:.25s;box-shadow:0 0 12px #d48bff}.main-nav-v9 a:hover{background:linear-gradient(180deg,rgba(119,54,160,.18),rgba(217,138,46,.10));color:#fff!important}.main-nav-v9 a:hover i{transform:translateY(-2px);color:#ffd37a;text-shadow:0 0 12px #ffb03d}.main-nav-v9 a:hover::after{transform:scaleX(1)}
.nav-actions-v9{display:flex;justify-content:flex-end;align-items:center;gap:10px}.login-v9,.playnav-v9{height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;font-size:12px;letter-spacing:.6px}.login-v9{width:86px;border:1px solid rgba(173,104,255,.55);background:rgba(15,13,22,.8);box-shadow:inset 0 0 15px rgba(130,55,220,.12)}.playnav-v9{width:130px;border:1px solid #d59a3e;background:linear-gradient(180deg,#e5b75f,#9b551e);color:#120b05!important;box-shadow:0 0 20px rgba(255,168,49,.24),inset 0 1px #ffe0a0;position:relative;overflow:hidden}.playnav-v9::after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5),transparent 60%);transform:translateX(-130%);animation:navSweepV9 3.4s infinite}
.hero-v9{height:720px;position:relative;overflow:hidden;background:transparent!important}.fantasy-bg-v7{background-image:url('/assets/img/neoria-fantasy-clean-v7.jpg')!important;background-position:center top!important;background-size:cover!important}
.character-clean-v9{position:absolute;top:0;bottom:0;width:48%;z-index:1;pointer-events:none;will-change:transform}.character-clean-v9 img{width:100%;height:100%;object-fit:cover}.shaman-clean-v9{left:0;animation:shamanMoveV9 7s ease-in-out infinite}.warrior-clean-v9{right:0;animation:warriorMoveV9 7.8s ease-in-out infinite}.magic-v9{position:absolute;width:390px;height:390px;border-radius:50%;filter:blur(90px);opacity:.12;z-index:2}.magic-purple-v9{left:7%;top:28%;background:#8a3dff;animation:magicPulseV9 4s ease-in-out infinite}.magic-fire-v9{right:7%;top:31%;background:#ff551f;animation:magicPulseV9 4.8s ease-in-out infinite reverse}.hero-particles-v9{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.hero-particles-v9 i{position:absolute;bottom:-8px;border-radius:50%;background:#ffad45;box-shadow:0 0 9px #ff6428;animation:riseV9 linear infinite}.scroll-v9{position:absolute;z-index:5;left:50%;bottom:68px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#e1b563;gap:3px}.scroll-v9 span{width:34px;height:34px;border:1px solid rgba(218,163,70,.55);border-radius:50%;display:grid;place-items:center;background:rgba(5,7,10,.65);animation:scrollV9 1.8s ease-in-out infinite}.scroll-v9 small{font-size:8px;letter-spacing:1.6px}
@keyframes logoGlowV9{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px #ffb23e) drop-shadow(0 0 12px rgba(147,56,255,.35))}50%{transform:scale(1.025);filter:drop-shadow(0 0 9px #ffd171) drop-shadow(0 0 23px rgba(171,74,255,.65))}}@keyframes sparkV9{0%,100%{opacity:.15;transform:scale(.4)}50%{opacity:1;transform:scale(1.8)}}@keyframes navSweepV9{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}@keyframes shamanMoveV9{0%,100%{transform:translate3d(-7px,3px,0) scale(1.015)}50%{transform:translate3d(12px,-9px,0) scale(1.035)}}@keyframes warriorMoveV9{0%,100%{transform:translate3d(7px,-2px,0) scale(1.015)}50%{transform:translate3d(-12px,9px,0) scale(1.035)}}@keyframes magicPulseV9{0%,100%{opacity:.08;transform:scale(.92)}50%{opacity:.18;transform:scale(1.1)}}@keyframes riseV9{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.85}100%{transform:translate3d(var(--drift),-760px,0);opacity:0}}@keyframes scrollV9{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:1180px){.topbar-v9{grid-template-columns:230px 1fr 210px!important;padding:0 14px!important}.brand-v9{width:215px}.brand-v9 img{width:205px}.main-nav-v9 a{min-width:68px;padding:7px 8px!important}.nav-actions-v9 .playnav-v9{width:112px}}
@media(max-width:980px){.topbar-v9{grid-template-columns:1fr auto!important}.main-nav-v9{display:none!important}.brand-v9{justify-content:flex-start}.character-clean-v9{width:58%}}
@media(max-width:650px){.topbar-v9{height:78px!important}.brand-v9{height:72px;width:170px}.brand-v9 img{width:165px}.login-v9{display:none}.playnav-v9{width:105px;height:44px}.hero-v9{height:630px}.character-clean-v9{width:70%;opacity:.72}.shaman-clean-v9{left:-24%}.warrior-clean-v9{right:-24%}}