/* =========================================================
   PlayNovaEra.Com — Premium code v2 by StarDev
   Better background, ornate gold frames, social icons, logo window transition
   ========================================================= */
:root{--sd-bg:#050302;--sd-gold:#d39a37;--sd-gold-soft:#f0d197;--sd-gold-hot:#ffb22e;--sd-border:rgba(218,158,58,.68);--sd-text:#d8c6a4;}
html,body{width:100%;min-width:360px;margin:0!important;padding:0!important;overflow-x:hidden!important;background:var(--sd-bg)!important;color:var(--sd-text);}
body.body,body{background:radial-gradient(circle at 50% 118px,rgba(255,170,50,.22),transparent 30%),linear-gradient(90deg,#020101 0%,rgba(4,2,1,.78) 10%,rgba(4,2,1,.12) 28%,rgba(4,2,1,.10) 72%,rgba(4,2,1,.78) 90%,#020101 100%),linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.74) 78%,#030201 100%),url('../images/bg/bg.jpg') center top/cover fixed no-repeat,#050302!important;}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(255,178,46,.16),transparent 23%),radial-gradient(circle at 50% 55%,rgba(0,0,0,.14),rgba(0,0,0,.72) 78%);}
.videobg{display:none!important;visibility:hidden!important;opacity:0!important;}
.page{position:relative!important;z-index:1;width:100%!important;max-width:none!important;margin:0!important;min-height:100vh;background:transparent!important;overflow:hidden;}
.page:before{content:"";position:absolute;left:0;right:0;top:78px;height:420px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,0) 45%,rgba(0,0,0,.56) 100%);}
.section,.container,.row,.main,.main__sidebar,.main__content,[data-section="navigation"],[data-section="header"],[data-section="main"],[data-section="footer"]{position:relative;z-index:3;}
.container{max-width:1220px!important;width:100%!important;box-sizing:border-box;padding-left:20px!important;padding-right:20px!important;}
[data-section="navigation"]{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;z-index:60!important;background:rgba(3,2,1,.94)!important;border-bottom:1px solid rgba(218,158,58,.46)!important;box-shadow:0 14px 36px rgba(0,0,0,.72),inset 0 -1px 0 rgba(255,221,150,.08)!important;backdrop-filter:blur(7px);}
[data-section="navigation"]:before,[data-section="navigation"]:after{content:"";position:absolute;top:0;width:132px;height:78px;pointer-events:none;background:linear-gradient(135deg,transparent 42%,rgba(211,154,55,.6) 43%,transparent 45%);opacity:.85;}
[data-section="navigation"]:before{left:0;border-left:1px solid rgba(211,154,55,.7);border-top:1px solid rgba(211,154,55,.7);}
[data-section="navigation"]:after{right:0;transform:scaleX(-1);border-right:1px solid rgba(211,154,55,.7);border-top:1px solid rgba(211,154,55,.7);}
.navigation{min-height:78px!important;}
.navigation__logo img{max-height:58px!important;width:auto!important;filter:drop-shadow(0 0 12px rgba(245,161,23,.35));}
.menu__item{color:#ead3a0!important;font-weight:800!important;text-transform:uppercase;font-size:13px!important;letter-spacing:.035em;text-shadow:0 1px 1px #000;}
.menu__item:hover{color:#fff2ca!important;text-shadow:0 0 12px rgba(245,161,23,.65);}
.menu__item:after{background:linear-gradient(90deg,transparent,rgba(245,161,23,.16),transparent)!important;height:36px!important;}
.navigation__lbtn,.lang__link{background:linear-gradient(180deg,rgba(28,17,8,.92),rgba(8,5,3,.92))!important;border:1px solid rgba(218,158,58,.55)!important;color:#ffd88e!important;box-shadow:inset 0 0 16px rgba(0,0,0,.58),0 0 10px rgba(245,161,23,.06)!important;}
.header{min-height:470px!important;height:470px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;position:relative!important;}
.header:before{content:"LA";position:absolute;top:95px;left:50%;transform:translateX(-50%);font-family:"Roboto Slab","Times New Roman",serif;font-size:clamp(118px,10vw,185px);font-weight:700;line-height:.82;letter-spacing:-.08em;color:#f8dfae;text-shadow:0 2px 0 #412611,0 0 12px rgba(255,198,90,.7),0 0 40px rgba(255,126,22,.28),0 22px 30px rgba(0,0,0,.9);pointer-events:none;z-index:2;opacity:.96;}
.header:after{content:"PlayNovaEra.Com";position:absolute;top:270px;left:50%;transform:translateX(-50%);font-family:"Roboto Slab","Times New Roman",serif;font-size:clamp(54px,6.2vw,104px);line-height:1;white-space:nowrap;color:#f4d49b;text-shadow:0 2px 0 #251408,0 0 20px rgba(255,185,55,.55),0 12px 25px rgba(0,0,0,.95);letter-spacing:.01em;pointer-events:none;z-index:2;}
[data-section="header"]:after{content:"";position:absolute;left:50%;top:382px;width:min(650px,70vw);height:28px;transform:translateX(-50%);z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,178,46,.85),transparent);filter:drop-shadow(0 0 10px rgba(255,178,46,.8));opacity:.92;}
[data-section="main"]{margin-top:-30px!important;padding-top:0!important;padding-bottom:36px!important;}
.main{align-items:flex-start!important;}
.server,.top__body,.forum__themes,.post,.stream,.static__content,.ww__body,.rate,.event,.files__item,.streams__list,.content__about,.content__streams,.content__events,.about,.rating__box{position:relative!important;background:linear-gradient(180deg,rgba(18,10,4,.80),rgba(4,3,2,.88))!important;border:1px solid var(--sd-border)!important;box-shadow:0 16px 38px rgba(0,0,0,.62),inset 0 0 42px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,231,170,.06)!important;border-radius:0!important;backdrop-filter:blur(2px);}
.content__streams,.content__about,.content__events{padding:16px!important;box-sizing:border-box!important;margin-bottom:18px!important;}
.server,.stream{overflow:hidden!important;}
.server:before,.top__body:before,.forum__themes:before,.post:before,.stream:before,.static__content:before,.rate:before,.event:before,.content__streams:before,.content__about:before,.content__events:before,.server:after,.top__body:after,.forum__themes:after,.post:after,.stream:after,.static__content:after,.rate:after,.event:after,.content__streams:after,.content__about:after,.content__events:after{content:"";position:absolute;width:34px;height:34px;pointer-events:none;z-index:4;opacity:.95;background:linear-gradient(135deg,var(--sd-gold) 0 8%,transparent 8% 34%,var(--sd-gold) 34% 38%,transparent 38%);filter:drop-shadow(0 0 5px rgba(255,178,46,.35));}
.server:before,.top__body:before,.forum__themes:before,.post:before,.stream:before,.static__content:before,.rate:before,.event:before,.content__streams:before,.content__about:before,.content__events:before{left:-2px;top:-2px;border-left:1px solid var(--sd-gold);border-top:1px solid var(--sd-gold);}
.server:after,.top__body:after,.forum__themes:after,.post:after,.stream:after,.static__content:after,.rate:after,.event:after,.content__streams:after,.content__about:after,.content__events:after{right:-2px;bottom:-2px;transform:rotate(180deg);border-left:1px solid var(--sd-gold);border-top:1px solid var(--sd-gold);}
.server:hover,.post:hover,.stream:hover,.rate:hover,.event:hover{border-color:rgba(255,190,70,.9)!important;box-shadow:0 0 20px rgba(245,161,23,.18),0 16px 38px rgba(0,0,0,.62),inset 0 0 42px rgba(0,0,0,.58)!important;}
.server{height:110px!important;}.stream{height:145px!important;}.about{padding:18px 22px!important;}
.title,.heading__title,.server__title,.post__title,.top__header .top__content,.streams__info,.about__desc b{color:var(--sd-gold-soft)!important;text-shadow:0 2px 2px #000,0 0 12px rgba(212,163,90,.25)!important;text-transform:none;}
.desc,.post__content,.stream__content,.about__desc,.top,.theme__info{color:#cdbb9a!important;text-shadow:0 1px 2px #000;}
a,.color-orange,.server__online,.theme__author{color:#ffae2c!important;}
.btn,.lbtn,.rating__btn,.st__select,.field__send-sms{background:linear-gradient(180deg,rgba(90,57,22,.92),rgba(17,10,5,.95))!important;border:1px solid rgba(230,169,68,.62)!important;color:#ffd993!important;box-shadow:inset 0 0 18px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.35)!important;border-radius:0!important;}
.btn:hover,.lbtn:hover,.rating__btn:hover{filter:brightness(1.18);box-shadow:0 0 20px rgba(245,161,23,.26),inset 0 0 18px rgba(0,0,0,.45)!important;}
.btn:before,.btn:after{display:none!important;}
.about__rates{grid-template-columns:repeat(6,minmax(80px,1fr))!important;gap:10px!important;}
.rate{height:104px!important;}.rate__title{color:#f0d4a1!important;}.rate__lvl{color:#f5a117!important;text-shadow:0 0 8px rgba(245,161,23,.35);}
.events__list{gap:12px!important;margin-left:0!important;margin-right:0!important;}.events__event{margin:0!important;width:calc(100% / 3 - 8px)!important;}
.scl{gap:9px;margin-left:0;margin-right:0}.scl__item{width:38px!important;height:38px!important;color:#f0c27b!important;background:linear-gradient(180deg,rgba(34,20,8,.9),rgba(8,5,3,.95))!important;border:1px solid rgba(218,158,58,.55)!important;border-radius:0!important;box-shadow:inset 0 0 14px rgba(0,0,0,.55),0 0 0 1px rgba(255,218,140,.04);}
.scl__item:after{display:none!important}.scl__item:hover{transform:translateY(-2px);border-color:#ffb22e!important;box-shadow:0 0 16px rgba(245,161,23,.32),inset 0 0 14px rgba(0,0,0,.55)!important}.scl__img{width:21px;height:21px;display:block;filter:drop-shadow(0 0 5px rgba(255,178,46,.25));}
.preload{position:fixed;inset:0;z-index:9999;background:#050302!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;transition:opacity .55s ease,visibility .55s ease;}
.preload__pane,.page-transition__pane{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,#090502,#020101);z-index:1;box-shadow:inset 0 0 90px rgba(255,157,30,.08);}.preload__pane_left,.page-transition__pane_left{left:0;border-right:1px solid rgba(218,158,58,.26)}.preload__pane_right,.page-transition__pane_right{right:0;border-left:1px solid rgba(218,158,58,.26)}
.preload__center{position:relative;z-index:2;text-align:center;filter:drop-shadow(0 0 18px rgba(255,178,46,.3));animation:sdLogoPulse 1.6s ease-in-out infinite alternate}.preload__logo{max-width:min(330px,70vw)!important;height:auto!important;display:block!important}.preload__line{height:1px;width:260px;max-width:65vw;margin:18px auto 0;background:linear-gradient(90deg,transparent,#d39a37,transparent);box-shadow:0 0 12px rgba(245,161,23,.65)}
.preload__fade{opacity:0!important;visibility:hidden!important}.preload__fade .preload__pane_left{animation:sdPaneLeft .65s ease forwards}.preload__fade .preload__pane_right{animation:sdPaneRight .65s ease forwards}.preload__fade .preload__center{animation:sdLogoOut .35s ease forwards}
.page-transition{position:fixed;inset:0;z-index:9998;pointer-events:none;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-transition__logo{position:relative;z-index:2;opacity:0;transform:scale(.92);filter:drop-shadow(0 0 20px rgba(255,178,46,.32))}.page-transition__logo img{width:min(300px,70vw);height:auto;display:block}.page-transition.is-active{visibility:visible;opacity:1}.page-transition.is-active .page-transition__logo{animation:sdLogoIn .38s ease forwards}.page-transition.is-active .page-transition__pane_left{animation:sdTransitionLeft .45s ease forwards}.page-transition.is-active .page-transition__pane_right{animation:sdTransitionRight .45s ease forwards}
@keyframes sdLogoPulse{from{transform:scale(1);opacity:.88}to{transform:scale(1.025);opacity:1}}@keyframes sdLogoOut{to{opacity:0;transform:scale(.9)}}@keyframes sdLogoIn{to{opacity:1;transform:scale(1)}}@keyframes sdPaneLeft{to{transform:translateX(-100%)}}@keyframes sdPaneRight{to{transform:translateX(100%)}}@keyframes sdTransitionLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes sdTransitionRight{from{transform:translateX(100%)}to{transform:translateX(0)}}
[data-section="footer"]{background:rgba(4,3,2,.82)!important;border-top:1px solid rgba(212,163,90,.35)!important}.footer{padding-top:35px!important;}
@media(max-width:899px){.header{min-height:340px!important;height:340px!important}.header:before{top:82px!important;font-size:clamp(78px,22vw,118px)!important}.header:after{top:205px!important;font-size:clamp(38px,11vw,58px)!important}[data-section="header"]:after{top:278px!important}.events__event{width:100%!important}.about__rates{grid-template-columns:repeat(3,minmax(80px,1fr))!important}}
@media(max-width:560px){.navigation__logo img{max-height:46px!important}.container{padding-left:12px!important;padding-right:12px!important}.header{min-height:300px!important;height:300px!important}.header:before{top:78px!important;font-size:82px!important}.header:after{top:190px!important;font-size:34px!important}[data-section="header"]:after{top:240px!important}.about__rates{grid-template-columns:repeat(2,minmax(80px,1fr))!important}}

/* =========================================================
   V4 SAFE FINAL FIX — checked by StarDev
   Fixes: CSS comment bug, stable columns, safe frame corners, higher BG/logo
   ========================================================= */
body,
body.body {
    background-position: center -40px !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
.header {
    min-height: 560px !important;
    height: 560px !important;
}
[data-section="main"] {
    margin-top: -45px !important;
}
@media (min-width: 900px) {
    .main {
        display: flex !important;
        align-items: flex-start !important;
    }
    .main__sidebar {
        width: calc(40% - var(--margin) - 20px) !important;
        margin-left: var(--margin) !important;
        margin-right: 20px !important;
        flex-shrink: 0 !important;
    }
    .main__content {
        width: calc(65% - var(--margin)) !important;
        margin-right: var(--margin) !important;
        min-width: 0 !important;
    }
}
.server::before,
.server::after,
.top__body::before,
.top__body::after,
.forum__themes::before,
.forum__themes::after,
.post::before,
.post::after,
.stream::before,
.stream::after,
.static__content::before,
.static__content::after,
.rate::before,
.rate::after,
.event::before,
.event::after,
.content__streams::before,
.content__streams::after,
.content__about::before,
.content__about::after,
.content__events::before,
.content__events::after {
    width: 24px !important;
    height: 24px !important;
    opacity: .72 !important;
    z-index: 1 !important;
}
.server::before,
.top__body::before,
.forum__themes::before,
.post::before,
.stream::before,
.static__content::before,
.rate::before,
.event::before,
.content__streams::before,
.content__about::before,
.content__events::before {
    left: 6px !important;
    top: 6px !important;
}
.server::after,
.top__body::after,
.forum__themes::after,
.post::after,
.stream::after,
.static__content::after,
.rate::after,
.event::after,
.content__streams::after,
.content__about::after,
.content__events::after {
    right: 6px !important;
    bottom: 6px !important;
}
.server__container,
.server__pic,
.top__rw,
.forum__themes > *,
.post > *,
.stream > *,
.static__content > *,
.rate > *,
.event > *,
.content__streams > *,
.content__about > *,
.content__events > *,
.rating__box > * {
    position: relative !important;
    z-index: 8 !important;
}
.stream {
    margin: 0 !important;
    width: 100% !important;
}
.streams__list {
    overflow: hidden !important;
}
.content__streams,
.content__about,
.content__events {
    padding: 18px 22px !important;
    margin-bottom: 20px !important;
}
.server {
    min-height: 104px !important;
    height: auto !important;
}
.post {
    padding-top: 170px !important;
}
.server__title,
.server__online,
.top__content,
.stream__content,
.about__desc,
.post__title,
.post__content {
    position: relative !important;
    z-index: 9 !important;
}
@media (max-width: 899px) {
    body,
    body.body {
        background-position: center top !important;
        background-size: auto 560px !important;
        background-attachment: scroll !important;
    }
    .header {
        min-height: 360px !important;
        height: 360px !important;
    }
    [data-section="main"] {
        margin-top: 0 !important;
    }
    .main__sidebar,
    .main__content {
        width: 100% !important;
        margin: 0 !important;
    }
}
@media (max-width: 560px) {
    .header {
        min-height: 315px !important;
        height: 315px !important;
    }
}

/* === REAL LOGO FIX === */
.header:before,
.header:after,
[data-section="header"]:after {
    content: none !important;
    display: none !important;
}

.header {
    min-height: 560px !important;
    height: 560px !important;
    position: relative !important;
}

.header .container,
.header__logo,
.logo-main {
    position: relative !important;
    z-index: 5 !important;
}

.header:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 70px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(620px, 80vw) !important;
    height: 330px !important;
    background: url("../images/logo/logo1.png") center / contain no-repeat !important;
    filter: drop-shadow(0 0 22px rgba(255,178,46,.38)) !important;
    pointer-events: none !important;
    z-index: 4 !important;
}
/* =========================================================
   PlayNovaEra Premium Redesign by StarDev
   Background, logo, cards, columns, frames and responsive fixes
   ========================================================= */
:root{
  --pn-bg:#050302;
  --pn-panel:rgba(10,8,14,.72);
  --pn-panel-2:rgba(18,14,24,.82);
  --pn-gold:#d6a54b;
  --pn-gold-soft:#f3d48a;
  --pn-gold-hot:#ffb338;
  --pn-line:rgba(214,165,75,.42);
  --pn-text:#f7ead0;
  --pn-muted:#b9a98c;
  --pn-violet:#bd4cff;
  --pn-radius:18px;
}
html,body{min-width:320px!important;overflow-x:hidden!important;background:#050302!important;color:var(--pn-text)!important;}
body.body,body{
  background:
    radial-gradient(circle at 50% 7%, rgba(255,196,92,.18), transparent 18%),
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.55) 18%, rgba(0,0,0,.24) 50%, rgba(0,0,0,.58) 82%, rgba(0,0,0,.96) 100%),
    linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.38) 38%, rgba(0,0,0,.88) 100%),
    url('../images/bg/bg.jpg') center top/cover fixed no-repeat!important;
}
.sd-vignette:before,.sd-vignette:after{content:"";position:fixed;pointer-events:none;z-index:0;inset:0}.sd-vignette:before{background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.24) 52%,rgba(0,0,0,.82) 100%)}.sd-vignette:after{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.78) 100%)}
.videobg{display:none!important;visibility:hidden!important;opacity:0!important}.page{position:relative;z-index:1;}
[data-section="navigation"]{background:linear-gradient(180deg,rgba(9,7,12,.86),rgba(9,7,12,.56))!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(214,165,75,.35)!important;box-shadow:0 12px 38px rgba(0,0,0,.55)!important}.navigation{min-height:74px!important}.navigation__logo img{max-width:240px!important;max-height:64px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 16px rgba(255,179,56,.42))}.menu__item,.lbtn{border-radius:999px!important}.menu__item{color:#e7d2aa!important;text-shadow:0 1px 2px #000;transition:.22s}.menu__item:hover{color:#fff!important;background:rgba(214,165,75,.12)!important;box-shadow:inset 0 0 0 1px rgba(214,165,75,.32),0 0 20px rgba(214,165,75,.16)}.navigation__lbtn,.lbtn{background:linear-gradient(90deg,#8d34ff,#e047ff)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 0 22px rgba(189,76,255,.28)!important;color:#fff!important}
.header{min-height:620px!important;height:620px!important;position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.header:before{content:""!important;display:block!important;position:absolute!important;top:98px!important;left:50%!important;transform:translateX(-50%)!important;width:min(880px,86vw)!important;height:420px!important;background:url('../images/logo/logo1.png') center/contain no-repeat!important;filter:drop-shadow(0 0 26px rgba(255,179,56,.42)) drop-shadow(0 0 60px rgba(0,0,0,.8))!important;z-index:3!important;pointer-events:none!important}.header:after{content:"LINEAGE II CLASSIC"!important;position:absolute!important;top:500px!important;left:50%!important;transform:translateX(-50%)!important;font-family:Georgia,'Times New Roman',serif!important;font-size:24px!important;letter-spacing:.34em!important;text-transform:uppercase!important;color:var(--pn-gold-soft)!important;text-shadow:0 0 16px rgba(255,179,56,.45),0 3px 10px #000!important;z-index:4!important;white-space:nowrap!important}.header .container,.header__logo,.logo-main{position:relative!important;z-index:5!important}.header__logo,.logo-main{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
[data-section="main"]{margin-top:-70px!important;position:relative;z-index:5}.container{max-width:1280px!important;width:min(1280px,calc(100% - 28px))!important;margin-left:auto!important;margin-right:auto!important}.main.row,.row.main{display:grid!important;grid-template-columns:minmax(270px,340px) minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.main__sidebar,.main__content{width:auto!important;min-width:0!important;margin:0!important}.main__content{display:block!important}.main__sidebar{position:relative!important}
.servers,.sidebar__st,.sidebar__rating,.forum,.rating,.content__streams,.content__about,.content__events,.content__news,.static__content,.rating__box,.files__box,.event,.post,.stream,.server,.top__rw,.forum__themes,.rate,.card,.box{background:linear-gradient(180deg,rgba(18,14,25,.76),rgba(8,6,12,.86))!important;border:1px solid var(--pn-line)!important;border-radius:var(--pn-radius)!important;box-shadow:0 18px 45px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px)!important;overflow:hidden!important}.content__streams,.content__about,.content__events,.content__news{padding:22px!important;margin-bottom:24px!important}.servers,.sidebar__st,.rating{padding:14px!important;margin-bottom:20px!important}.server{min-height:96px!important;height:auto!important;padding:14px!important}.server__container{position:relative!important;z-index:2!important}.server__title{font-size:14px!important;line-height:1.35!important}.server__online{font-weight:700!important;color:#fff!important}.server__progress{height:7px!important;background:rgba(255,255,255,.09)!important;border-radius:999px!important;overflow:hidden!important}.server__load{background:linear-gradient(90deg,#ca8a24,#ffba3d,#8d34ff)!important;box-shadow:0 0 18px rgba(255,179,56,.45)!important}
.heading .title,.title,.server__title,.post__title{color:#fff4d8!important;text-shadow:0 0 16px rgba(214,165,75,.18)!important}.heading{border-bottom:1px solid rgba(214,165,75,.20)!important;margin-bottom:12px!important;padding-bottom:10px!important}.color-orange,a,.stream__link{color:var(--pn-gold-hot)!important}.btn,button,.navigation__lbtn,.lbtn,.button{background:linear-gradient(135deg,#7e35ff 0%,#c247ff 48%,#ffba45 100%)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 0 22px rgba(189,76,255,.35),inset 0 1px 0 rgba(255,255,255,.18)!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important;transition:transform .22s ease,filter .22s ease!important}.btn:hover,button:hover,.lbtn:hover{transform:translateY(-2px)!important;filter:brightness(1.12)!important}
.news{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.post{min-height:360px!important;padding:220px 24px 24px!important}.post__img{height:300px!important;opacity:.78!important;background-blend-mode:normal!important;filter:saturate(1.05) contrast(1.08)!important}.post:before,.stream:before,.event:before,.servers:before,.rating:before,.forum:before,.content__streams:before,.content__about:before,.content__events:before,.static__content:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,208,113,.18),transparent 22%,transparent 78%,rgba(189,76,255,.13));z-index:1}.post>*,.stream>*,.event>*,.servers>*,.rating>*,.forum>*,.content__streams>*,.content__about>*,.content__events>*,.static__content>*{position:relative!important;z-index:2!important}
.about__rates{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:12px!important}.rate{padding:16px 10px!important;text-align:center!important}.rate__lvl{color:var(--pn-gold-hot)!important;text-shadow:0 0 12px rgba(255,179,56,.35)!important}.stream{margin:0!important;width:100%!important;height:176px!important}.streams__list{overflow:hidden!important}.event{background:rgba(18,14,25,.68)!important}.footer{background:linear-gradient(180deg,rgba(5,3,2,.1),rgba(5,3,2,.88))!important;border-top:1px solid rgba(214,165,75,.26)!important}.footer__logo img{max-width:280px!important;height:auto!important;filter:drop-shadow(0 0 18px rgba(255,179,56,.3))}.preload{background:radial-gradient(circle at center,rgba(214,165,75,.18),transparent 34%),#050302!important}.preload__logo{max-width:min(360px,74vw)!important;height:auto!important;filter:drop-shadow(0 0 28px rgba(255,179,56,.34))}.page-transition__logo img{width:min(340px,78vw)!important;height:auto!important}.fancybox-bg{background:#060407!important}.input,input,select,textarea{border:1px solid rgba(214,165,75,.36)!important;background:rgba(0,0,0,.38)!important;color:#f9efd8!important;border-radius:10px!important}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--pn-gold-hot)!important;box-shadow:0 0 18px rgba(255,179,56,.20)!important;outline:none!important}
@media(max-width:1020px){.main.row,.row.main{grid-template-columns:1fr!important}.main__sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.main__sidebar>*{min-width:0!important}.header{min-height:520px!important;height:520px!important}.header:before{top:96px!important;height:330px!important}.header:after{top:430px!important;font-size:20px!important}.navigation__logo img{max-width:190px!important}.news{grid-template-columns:1fr!important}}
@media(max-width:640px){.container{width:min(100% - 18px,1280px)!important}.main__sidebar{grid-template-columns:1fr!important}.navigation{min-height:64px!important}.navigation__logo img{max-width:160px!important;max-height:52px!important}.header{min-height:390px!important;height:390px!important}.header:before{top:88px!important;width:94vw!important;height:230px!important}.header:after{top:318px!important;font-size:14px!important;letter-spacing:.24em!important}.post{padding-top:180px!important}.post__img{height:230px!important}.content__streams,.content__about,.content__events,.content__news{padding:16px!important}.about__rates{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* =========================================================
   V5 COLUMN + STATISTICS FIX — PlayNovaEra.Com
   Исправляет ширину колонок, таблицы рейтинга, прогресс сервера и переносы.
   ========================================================= */
* { box-sizing: border-box; }

@media (min-width: 900px) {
    .main {
        display: grid !important;
        grid-template-columns: minmax(330px, 34%) minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: start !important;
    }
    .main__sidebar,
    .main__content {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 1200px) {
    .main {
        grid-template-columns: 380px minmax(0, 1fr) !important;
        gap: 26px !important;
    }
}

.servers__list,
.st__content,
.rating,
.rating-container,
.rating__box,
.rating__item,
.rating__col,
.top,
.top__body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.server {
    display: block !important;
    padding: 14px 16px !important;
}
.server__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}
.server__title,
.server__online {
    white-space: normal !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
.server__online {
    text-align: right !important;
    font-weight: 800 !important;
    color: #f0d197 !important;
}
.server__meta {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 4px 0 8px !important;
    font-size: 12px !important;
    color: #cdbb9a !important;
    opacity: .95 !important;
}
.server__meta b { color: #ffb22e !important; }
.server__progress {
    height: 7px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(218,158,58,.18) !important;
}
.server__load {
    height: 100% !important;
    background: linear-gradient(90deg, #b27719, #ffc04a, #ff7b29) !important;
    box-shadow: 0 0 12px rgba(255, 178, 46, .45) !important;
}

.st__select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    margin-bottom: 8px !important;
}
.rating {
    display: block !important;
    padding-top: 46px !important;
}
.rating__btns {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
}
.rating__btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 6px 8px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.rating__box {
    overflow: visible !important;
    padding: 10px 0 0 !important;
}
.top__body {
    overflow: hidden !important;
}
[data-top-scroll] {
    max-height: 430px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.top__rw {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 78px !important;
    gap: 8px !important;
    justify-content: stretch !important;
    align-items: center !important;
    padding: 0 8px !important;
}
.top__num,
.top__name,
.top__total {
    flex: none !important;
    flex-basis: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    min-width: 0 !important;
}
.top__num { text-align: center !important; justify-content: center !important; }
.top__name { text-align: left !important; justify-content: flex-start !important; }
.top__total { text-align: right !important; justify-content: flex-end !important; }
.top__content {
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.top__header .top__content {
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}
.top__clan-ico,
.top__content img {
    max-width: 16px !important;
    max-height: 16px !important;
    vertical-align: -3px !important;
}

.content__streams,
.content__about,
.content__events,
.content__news,
.news,
.events__list,
.streams__list,
.about__rates {
    max-width: 100% !important;
    min-width: 0 !important;
}
.news {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}
.events__list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.events__event {
    width: auto !important;
    margin: 0 !important;
}
.streams__list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

@media (max-width: 899px) {
    .main {
        display: block !important;
    }
    .rating { padding-top: 92px !important; }
    .rating__btns { grid-template-columns: 1fr !important; }
    .top__rw { grid-template-columns: 36px minmax(0, 1fr) 64px !important; }
    .news,
    .events__list,
    .streams__list { grid-template-columns: 1fr !important; }
}


/* =========================================================
   FINAL LAYOUT FIX — streams, frame corners and sidebar news
   ========================================================= */
/* убираем лишние декоративные уголки на рамках */
.server::before,.server::after,
.top__body::before,.top__body::after,
.forum__themes::before,.forum__themes::after,
.post::before,.post::after,
.stream::before,.stream::after,
.static__content::before,.static__content::after,
.rate::before,.rate::after,
.event::before,.event::after,
.content__streams::before,.content__streams::after,
.content__about::before,.content__about::after,
.content__events::before,.content__events::after,
.content__news::before,.content__news::after,
.servers::before,.servers::after,
.rating::before,.rating::after,
.rating__box::before,.rating__box::after{
    display:none!important;
    content:none!important;
}

/* красивые, ровные рамки без лишних углов */
.content__streams,.content__news,.content__about,.content__events,
.servers,.sidebar__st,.rating,.server,.post,.stream,.top__body,.rating__box{
    border:1px solid rgba(217,158,58,.58)!important;
    border-radius:14px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.56), inset 0 0 34px rgba(0,0,0,.45)!important;
}

/* стримы: убираем наложение карточек и кнопку из центра */
.content__streams{padding:22px!important;overflow:hidden!important;}
.content__streams .heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;}
.streams__slnav,.streams__swiper-pagination{display:none!important;}
.streams__list{
    position:relative!important;
    overflow:visible!important;
    padding:16px!important;
    border:1px solid rgba(217,158,58,.44)!important;
    border-radius:12px!important;
    background:rgba(8,5,8,.42)!important;
}
.streams__list .swiper-wrapper{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
    transition:none!important;
}
.streams__list .swiper-slide{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
}
.stream{
    width:100%!important;
    height:150px!important;
    min-height:150px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(217,158,58,.62)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(17,12,18,.82),rgba(6,4,7,.92))!important;
}
.stream__content{position:relative!important;z-index:2!important;text-align:center!important;padding:18px!important;}
.streams__grp{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:100%!important;
    margin:16px 0 0!important;
    display:flex!important;
    justify-content:flex-start!important;
}
.streams__add{position:relative!important;z-index:5!important;margin:0!important;}

/* новости теперь в левой колонке под рейтингом */
.main__sidebar .content__news{margin-top:20px!important;padding:14px!important;}
.main__sidebar .content__news.news{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
}
.main__sidebar .news__post.post{
    width:100%!important;
    min-height:230px!important;
    padding:130px 14px 16px!important;
    margin:0!important;
    border-radius:12px!important;
}
.main__sidebar .post__img{height:155px!important;}
.main__sidebar .post__date{font-size:22px!important;line-height:1.05!important;}
.main__sidebar .post__title{font-size:15px!important;line-height:1.25!important;}
.main__sidebar .post__content{font-size:13px!important;line-height:1.35!important;max-height:70px!important;overflow:hidden!important;}

@media(max-width:1020px){
    .streams__list .swiper-wrapper{grid-template-columns:1fr!important;}
    .stream{height:140px!important;min-height:140px!important;}
    .main__sidebar .content__news{grid-column:1 / -1!important;}
}

/* =========================================================
   FINAL HOTFIX 2 — streams grid + sidebar news readability
   ========================================================= */
.content__streams.streams-fixed{
  padding:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(217,158,58,.58)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(18,14,25,.80),rgba(8,6,12,.90))!important;
}
.streams-fixed .streams__slnav,
.streams-fixed .swiper-pagination,
.streams-fixed .swiper-wrapper,
.streams-fixed .swiper-slide{all:unset!important;}
.streams-fixed .streams-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  padding:16px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(217,158,58,.36)!important;
  border-radius:12px!important;
  background:rgba(5,3,7,.58)!important;
  overflow:visible!important;
}
.streams-fixed .stream-item{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.streams-fixed .stream{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(217,158,58,.68)!important;
  border-radius:12px!important;
  background:radial-gradient(circle at center,rgba(126,53,255,.18),transparent 42%),linear-gradient(180deg,rgba(17,12,18,.86),rgba(6,4,7,.94))!important;
  overflow:hidden!important;
  transform:none!important;
  opacity:1!important;
}
.streams-fixed .stream img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.streams-fixed .stream__content{
  width:100%!important;
  padding:14px 10px!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#f3e6c9!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
.streams-fixed .stream__link{display:inline-block!important;margin-top:4px!important;font-size:12px!important;color:#ffbd39!important;font-weight:700!important;}
.streams-fixed .streams-actions{
  display:flex!important;
  justify-content:flex-start!important;
  position:static!important;
  transform:none!important;
  margin:16px 0 0!important;
  width:100%!important;
}
.streams-fixed .streams__add{margin:0!important;min-width:170px!important;}

/* sidebar news under rating: smaller image, visible text */
.main__sidebar .content__news.news{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:14px!important;
  margin-top:18px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.main__sidebar .content__news .news__post.post{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:104px 14px 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.main__sidebar .content__news .post__img{
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  opacity:.72!important;
  background-size:cover!important;
  background-position:center!important;
}
.main__sidebar .content__news .post__img::after{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.74))!important;
}
.main__sidebar .content__news .post__date{
  font-size:20px!important;
  line-height:1.1!important;
  margin-bottom:8px!important;
}
.main__sidebar .content__news .post__title{
  display:block!important;
  font-size:15px!important;
  line-height:1.25!important;
  margin:0 0 7px!important;
  color:#fff4d8!important;
}
.main__sidebar .content__news .post__content{
  display:block!important;
  font-size:13px!important;
  line-height:1.4!important;
  color:#d4c3a1!important;
  max-height:74px!important;
  overflow:hidden!important;
}
@media(max-width:1020px){
  .streams-fixed .streams-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .streams-fixed .streams-grid{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important;}
  .streams-fixed .stream{height:130px!important;min-height:130px!important;max-height:130px!important;}
}

/* =========================================================
   FINAL HEADER/COPYRIGHT FIX — clean navigation corners
   ========================================================= */
[data-section="navigation"]::before,
[data-section="navigation"]::after,
.navigation::before,
.navigation::after{
    display:none!important;
    content:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}
[data-section="navigation"]{
    overflow:hidden!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
}
.navigation{
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
}
.navigation__logo img{
    max-height:58px!important;
    width:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 12px rgba(255,190,70,.28))!important;
}
.navigation__menu{min-width:0!important;}
.menu__list{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:22px!important;
    flex-wrap:wrap!important;
}
.menu__item{white-space:nowrap!important;}
.navigation__lbtn{white-space:nowrap!important;}

/* copyright block */
.pn-copyright{
    margin-top:22px!important;
    padding:14px 0!important;
    border-top:1px solid rgba(214,165,75,.25)!important;
    color:#d8c6a4!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.45!important;
    text-shadow:0 1px 2px #000!important;
}
.pn-copyright b{color:#ffd88e!important;}
.pn-copyright span{color:#bda77f!important;}

@media(max-width:900px){
    .menu__list{gap:12px!important;}
    .navigation__logo img{max-height:48px!important;}
}

/* =========================================================
   FINAL FIX v6 — logo + language selector by StarDev
   ========================================================= */
[data-section="navigation"]::before,
[data-section="navigation"]::after,
.navigation::before,
.navigation::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}
[data-section="navigation"]{
    overflow:visible!important;
    background:linear-gradient(180deg,rgba(6,4,8,.94),rgba(6,4,8,.84))!important;
    border-bottom:1px solid rgba(214,165,75,.42)!important;
}
.navigation{
    min-height:76px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    overflow:visible!important;
}
.navigation__logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:210px!important;
    min-width:210px!important;
    height:76px!important;
    padding:0!important;
    margin:0!important;
}
.navigation__logo img{
    max-width:205px!important;
    max-height:70px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    filter:drop-shadow(0 0 12px rgba(255,178,46,.32))!important;
}
.navigation__menu{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    justify-content:center!important;
}
.menu__list{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    flex-wrap:nowrap!important;
    margin:0!important;
    padding:0!important;
}
.menu__item{
    height:42px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
}
.navigation__lbtn{
    min-width:118px!important;
    height:48px!important;
    margin-left:8px!important;
    border-radius:12px!important;
}
.navigation__language{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    margin-left:0!important;
    position:relative!important;
    z-index:2000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.lang{
    width:44px!important;
    height:44px!important;
    position:relative!important;
    z-index:2001!important;
}
.lang__link{
    width:44px!important;
    height:38px!important;
    min-height:38px!important;
    padding:3px!important;
    border-radius:5px!important;
    background:linear-gradient(180deg,rgba(17,12,10,.95),rgba(5,4,5,.96))!important;
    border:1px solid rgba(214,165,75,.72)!important;
    box-shadow:0 0 10px rgba(0,0,0,.55), inset 0 0 12px rgba(255,180,60,.08)!important;
    overflow:hidden!important;
}
.lang__img{
    width:31px!important;
    height:19px!important;
    object-fit:cover!important;
    margin:0 auto 1px!important;
    border-radius:1px!important;
    display:block!important;
}
.lang__box{
    height:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
}
.lang__name{
    font-size:10px!important;
    line-height:10px!important;
    color:#e9c887!important;
}
.lang__arrow{
    width:8px!important;
    height:5px!important;
    margin:0!important;
    opacity:.8!important;
}
.lang__list{
    position:absolute!important;
    left:50%!important;
    top:44px!important;
    transform:translate(-50%,-8px)!important;
    width:44px!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:3000!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:6px 0!important;
    background:rgba(5,4,5,.96)!important;
    border:1px solid rgba(214,165,75,.55)!important;
    border-radius:6px!important;
    box-shadow:0 14px 24px rgba(0,0,0,.72)!important;
}
.lang:hover .lang__list{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0)!important;
}
.lang__link_sub{
    margin:0!important;
    width:34px!important;
    height:29px!important;
    min-height:29px!important;
    padding:2px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.lang__link_sub .lang__name{display:none!important;}
.lang__link_sub .lang__img{width:30px!important;height:18px!important;}
.lang__link_sub:hover{
    background:rgba(214,165,75,.15)!important;
}
@media(max-width:1100px){
    .navigation{gap:10px!important;}
    .navigation__logo{width:170px!important;min-width:170px!important;}
    .navigation__logo img{max-width:168px!important;}
    .menu__list{gap:8px!important;}
    .menu__item{font-size:12px!important;padding:0 5px!important;}
}
@media(max-width:780px){
    .navigation{height:auto!important;min-height:66px!important;flex-wrap:wrap!important;padding:8px 0!important;}
    .navigation__logo{width:160px!important;min-width:160px!important;height:58px!important;}
    .navigation__logo img{max-width:158px!important;max-height:54px!important;}
    .navigation__menu{order:4;width:100%!important;flex-basis:100%!important;}
    .menu__list{flex-wrap:wrap!important;gap:6px 10px!important;}
    .navigation__lbtn{margin-left:auto!important;}
}