/* =========================================================
   Line-Age.Org — 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-premium.png') 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:"Line-Age.Org";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;
}