/* =========================================================
   AdenSaga — Lineage II High Five
   Светлое героическое фэнтези: золото, свет, замки
   ========================================================= */


:root{
  --gold: #d9b25c;
  --gold-light: #f3d999;
  --gold-deep: #8f6a26;
  --ink: #241b0f;
  --parchment: #faf3e2;
  --parchment-2: #cdbf9e;
  --bg-deep: #14100a;
  --bg-mid: #241b0e;
  --panel: rgba(255, 246, 224, 0.05);
  --border: rgba(217, 178, 92, 0.4);
  --radius: 8px;
  --wrap: 1380px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; min-width:320px;
  font-family:"EB Garamond", Georgia, serif;
  font-size:17px; line-height:1.55; color:var(--parchment);
  background:
    radial-gradient(ellipse at 50% -10%, rgba(217,178,92,.16), transparent 55%),
    linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);
  background-attachment:fixed;
}
a{color:inherit; text-decoration:none;}
ul{list-style:none; margin:0; padding:0;}
img{max-width:100%; display:block;}
h1,h2,h3,h4{font-family:"Cinzel", serif; color:var(--gold-light); letter-spacing:.03em; margin:0 0 14px; font-weight:700;}
.wrapper{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 20px;}
.btn-gold{
  display:inline-block; padding:12px 28px; border-radius:30px; font-family:"Cinzel",serif;
  font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  background:linear-gradient(180deg, var(--gold-light), var(--gold-deep)); color:var(--ink);
  transition:transform .2s, box-shadow .2s; box-shadow:0 6px 20px rgba(217,178,92,.3);
}
.btn-gold:hover{transform:translateY(-2px); box-shadow:0 10px 26px rgba(217,178,92,.45);}
.btn-outline{
  display:inline-flex; align-items:center; gap:8px; padding:10px 20px;
  border:1px solid var(--border); border-radius:30px; font-family:"Cinzel",serif;
  font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--parchment-2);
  transition:all .2s;
}
.btn-outline:hover{color:var(--gold-light); border-color:var(--gold); background:rgba(217,178,92,.1);}

/* ============ TOP MENU ============ */
.menu{
  position:relative; z-index:60;
  background:linear-gradient(180deg, rgba(20,16,10,.97), rgba(20,16,10,.9));
  border-bottom:1px solid var(--border);
}
.menu.fixed{position:fixed; top:0; left:0; right:0; box-shadow:0 8px 26px rgba(0,0,0,.4); backdrop-filter:blur(6px);}
.menu-grid{display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px;}
.menu-logo{display:flex; align-items:center; gap:10px; flex-shrink:0;}
.menu-logo img{width:36px; height:36px;}
.menu-logo b{display:block; font-family:"Cinzel Decorative",serif; font-size:18px; color:var(--gold-light); font-weight:700;}
.menu-logo small{display:block; font-family:"Cinzel",serif; font-size:9px; letter-spacing:.15em; text-transform:uppercase; color:var(--gold);}
.menu .wrapper{display:flex; align-items:center; justify-content:space-between; height:64px;}
.menu ul{display:flex; gap:4px; flex:1; justify-content:center;}
.menu ul li{position:relative;}
.menu ul li a{
  display:block; padding:10px 16px; font-family:"Cinzel",serif; font-size:14px;
  letter-spacing:.07em; text-transform:uppercase; color:var(--parchment-2); border-radius:6px;
  transition:color .2s, background .2s;
}
.menu ul li a:hover, .menu ul li.children:hover > a{color:var(--gold-light); background:rgba(217,178,92,.08);}
.menu ul li.active > a{color:var(--gold-light);}
.menu ul li.active::after{content:"◆"; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); font-size:8px; color:var(--gold);}
.menu ul li a.yellow{color:var(--gold);}
.menu ul li.children{position:relative;}
.menu ul li.children .sub{
  display:none; position:absolute; top:100%; left:0; min-width:190px; z-index:70;
  background:var(--bg-mid); border:1px solid var(--border); border-radius:6px; padding:6px;
}
.menu ul li.children:hover .sub{display:block;}
.menu ul li.children .sub a{padding:8px 12px; font-size:13px;}
.show-menu{display:none; width:30px; height:22px; position:relative; cursor:pointer;}
.show-menu span, .show-menu::before, .show-menu::after{content:""; position:absolute; left:0; right:0; height:2px; background:var(--gold);}
.show-menu::before{top:0;} .show-menu span{top:10px;} .show-menu::after{bottom:0;}

.lang{position:relative; margin-left:16px;}
.lang .current{display:flex; align-items:center; gap:6px; cursor:pointer; padding:6px 10px; border:1px solid var(--border); border-radius:6px;}
.lang .ico img{width:18px; height:18px; border-radius:2px;}
.lang .type{font-family:"Cinzel",serif; font-size:12px; text-transform:uppercase; color:var(--gold-light);}
.lang .sub{
  display:none; position:absolute; right:0; top:100%; z-index:80;
  background:var(--bg-mid); border:1px solid var(--border); border-radius:6px;
  padding:8px; padding-top:14px; margin-top:-6px; flex-direction:column; gap:6px; min-width:60px;
}
.lang:hover .sub, .lang.open .sub{display:flex;}

/* ============ HERO (полноширинный баннер с текстом поверх) ============ */
.hero{position:relative; padding:24px 0 0; overflow:hidden; border-bottom:1px solid var(--border);}
.hero-banner{position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); box-shadow:0 20px 50px rgba(0,0,0,.4);}
.hero-bg{width:100%; display:block; max-height:480px; object-fit:cover; object-position:center 15%;}
.hero-overlay{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center;
  padding:40px 5%; max-width:560px;
  background:linear-gradient(90deg, rgba(20,16,10,.92) 0%, rgba(20,16,10,.55) 55%, transparent 100%);
}
.hero .logo-row{display:flex; align-items:center; gap:14px; margin-bottom:14px;}
.hero .crest{width:44px; height:44px; flex-shrink:0;}
.hero h1{font-family:"Cinzel Decorative", serif; font-size:32px; margin:0;}
.hero .sub{font-family:"Cinzel",serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold);}
.hero-desc{color:var(--parchment-2); font-size:15px; line-height:1.6; margin-bottom:22px;}
.hero .cta-row{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.hero .cta-row .start h2{margin:0; font-size:15px; color:var(--ink); font-family:"Cinzel Decorative",serif;}
@media (max-width:760px){
  .hero-overlay{max-width:100%; background:linear-gradient(0deg, rgba(20,16,10,.95) 40%, rgba(20,16,10,.55) 100%); padding:24px 20px;}
  .hero-bg{max-height:360px;}
  .hero h1{font-size:26px;}
}

.divider{display:flex; align-items:center; justify-content:center; gap:14px; padding:24px 0;}
.divider::before, .divider::after{content:""; height:1px; width:180px; max-width:28vw; background:linear-gradient(90deg, transparent, var(--gold), transparent);}
.divider .dot{width:8px; height:8px; transform:rotate(45deg); background:var(--gold); box-shadow:0 0 8px rgba(217,178,92,.7);}

/* ============ PAGE HERO (внутренние страницы) ============ */
.page-hero-wrap{padding:24px 0 0;}
.page-hero{
  padding:56px 5% 46px; text-align:center; position:relative; border-radius:var(--radius);
  border:1px solid var(--border); overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.4);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(217,178,92,.25), rgba(20,16,10,.82) 60%, rgba(20,16,10,.97) 100%),
    url('../images/art/castle-day-2.jpg') center 20% / cover no-repeat;
}
.page-hero.ph-siege{background-image:
    radial-gradient(ellipse at 50% 0%, rgba(217,178,92,.25), rgba(20,16,10,.82) 60%, rgba(20,16,10,.97) 100%),
    url('../images/art/siege.jpg');}
.page-hero.ph-night{background-image:
    radial-gradient(ellipse at 50% 0%, rgba(217,178,92,.25), rgba(20,16,10,.85) 60%, rgba(20,16,10,.98) 100%),
    url('../images/art/castle-night.jpg');}
.page-hero.ph-throne{background-image:
    radial-gradient(ellipse at 50% 0%, rgba(217,178,92,.25), rgba(20,16,10,.85) 60%, rgba(20,16,10,.97) 100%),
    url('../images/art/throne-room.jpg');}
.page-hero h1{font-family:"Cinzel Decorative", serif; font-size:34px;}
.page-hero p{color:var(--parchment-2); max-width:640px; margin:0 auto;}

/* ============ LAYOUT ============ */
.content{padding:46px 0 70px;}
.content-flex{display:flex; gap:32px; align-items:flex-start;}
.flex-left{flex:1 1 0; min-width:0;}
.flex-right{width:320px; flex-shrink:0;}

.panel{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:28px;}
#firstDeskUnderTittle{font-size:18px; color:var(--parchment-2); line-height:1.7;}
#firstDeskUnderTittle b{color:var(--gold-light);}

.news-container{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px;}
.news-card{
  position:relative; padding:20px; border-radius:6px; overflow:hidden;
  background-color:#241b0f; background-size:cover; background-position:center 25%; border:1px solid var(--border);
}
.news-card::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,16,10,.55) 0%, rgba(20,16,10,.85) 55%, rgba(20,16,10,.98) 100%);}
.news-card > *{position:relative; z-index:1;}
.news-icon{width:26px; height:26px; margin-bottom:10px; opacity:.85;}
.news-date{font-family:"Cinzel",serif; font-size:11px; color:var(--gold); letter-spacing:.06em; text-transform:uppercase;}
.news-title{font-family:"Cinzel",serif; font-size:14px; margin:6px 0 10px; line-height:1.3;}
.news-button{font-size:12px; text-transform:uppercase; color:var(--gold-light);}

/* ---- сводная карточка сервера (текст + арт) ---- */
.server-card{margin-top:28px; border-radius:var(--radius); border:1px solid var(--border); overflow:hidden;
  display:flex; align-items:stretch; height:280px; max-height:280px;
  background:#241b0f;}
.server-card-text{flex:0 0 58%; padding:24px; overflow:auto; position:relative;
  background:linear-gradient(90deg, rgba(217,178,92,.1) 0%, rgba(20,16,10,.5) 60%, #241b0f 100%);}
.server-card-text h2{display:flex; align-items:center; gap:12px; font-size:22px; margin-bottom:6px;}
.server-card .tag{font-family:"Cinzel",serif; font-size:12px; padding:5px 12px; border-radius:20px; background:var(--gold); color:var(--ink); letter-spacing:.06em;}
.server-card .desc{color:var(--parchment-2); margin:6px 0 14px; font-size:14px;}
.server-rates{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px;}
.server-rates span{padding:6px 12px; border:1px solid var(--border); border-radius:30px; font-family:"Cinzel",serif; font-size:12px; color:var(--parchment-2); background:rgba(0,0,0,.2);}
.server-rates span b{color:var(--gold-light); margin-left:4px;}
.server-card-art{
  flex:1 1 42%; position:relative; overflow:hidden; height:100%;
  background-color:#241b0f; background-size:cover; background-position:center 15%;
}
.server-card-art .fade-left{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,
    rgba(36,27,15,1) 0%,
    rgba(36,27,15,.85) 8%,
    rgba(36,27,15,.55) 18%,
    rgba(36,27,15,.28) 30%,
    rgba(36,27,15,.1) 42%,
    transparent 55%);
}
@media (max-width:760px){
  .server-card{flex-direction:column; height:auto; max-height:none;}
  .server-card-text{flex:none;}
  .server-card-art{flex:none; height:220px;}
}

.features{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px;}
.feature{
  position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border);
  background:var(--bg-mid);
}
.feature-img{height:90px; background-size:cover; background-position:center 30%; position:relative;}
.feature-img::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg, var(--bg-mid) 0%, transparent 45%);}
.feature-icon{
  position:absolute; left:50%; bottom:-14px; transform:translateX(-50%);
  width:32px; height:32px; border-radius:50%; background:var(--bg-mid); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; color:var(--gold);
}
.feature-icon svg{width:15px; height:15px;}
.feature-body{padding:20px 14px 14px; text-align:center;}
.feature-body h3{font-size:13px; margin-bottom:4px; letter-spacing:.07em;}
.feature-body p{margin:0; color:var(--parchment-2); font-size:12px; line-height:1.35;}

/* ---- баннер «Мир AdenSaga» ---- */
.world-banner{
  margin-top:30px; display:flex; align-items:stretch; min-height:230px;
  border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;
  background:linear-gradient(150deg, rgba(217,178,92,.1), rgba(20,16,10,.5));
}
.world-art{flex:1 1 56%; overflow:hidden;}
.world-art img{width:100%; height:100%; object-fit:cover;}
.world-text{flex:0 0 44%; padding:28px; display:flex; flex-direction:column; justify-content:center;}
.world-text h2{font-size:22px;}
.world-text p{color:var(--parchment-2); font-size:15px; line-height:1.6; margin-bottom:18px;}
@media (max-width:760px){
  .world-banner{flex-direction:column;}
  .world-art{flex:none; height:200px;}
  .world-text{flex:none;}
}

/* ---- галерея скриншотов ---- */
.gallery{margin-top:36px; text-align:center;}
.gallery h2{font-size:19px; margin-bottom:18px;}
.ornate-title{display:flex; align-items:center; justify-content:center; gap:14px; color:var(--gold-light);}
.ornate-title::before, .ornate-title::after{content:""; height:1px; width:100px; max-width:16vw; background:linear-gradient(90deg, transparent, var(--gold), transparent);}
.ornate-title span{white-space:nowrap;}
.gallery-wrap{display:block;}
.gallery-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; flex:1;}
.gallery-row img{
  width:100%; height:130px; object-fit:cover; border-radius:6px; border:1px solid var(--border);
  cursor:pointer; transition:transform .2s;
}
.gallery-row img:hover{transform:none; border-color:var(--gold); box-shadow:0 0 0 1px rgba(217,178,92,.18),0 8px 22px rgba(0,0,0,.24);}
.gal-arrow{
  flex-shrink:0; width:34px; height:34px; border-radius:50%; border:1px solid var(--border);
  background:transparent; color:var(--gold-light); font-size:20px; cursor:pointer; line-height:1;
}
.gal-arrow:hover{background:transparent; border-color:transparent;}
.gallery-dots{display:flex; justify-content:center; gap:8px; margin-top:16px;}
.gallery-dots .d{width:6px; height:6px; border-radius:50%; background:rgba(217,178,92,.3);}
.gallery-dots .d.active{background:var(--gold); box-shadow:0 0 6px rgba(217,178,92,.7);}
@media (max-width:640px){ .gallery-row{grid-template-columns:1fr 1fr;} }

/* ---- панорамы городов (страница о сервере) ---- */
.city-banner{margin-top:16px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border);}
.city-banner img{width:100%; display:block;}

/* ============ SIDEBAR ============ */
.side-item{border:1px solid var(--border); border-radius:var(--radius); background:var(--panel); margin-bottom:20px; overflow:hidden;}
.side-art{position:relative; background-size:cover; background-position:center 20%;}
.side-art::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,16,10,.55), rgba(20,16,10,.93) 40%, var(--bg-mid) 75%); pointer-events:none;}
.side-art > *{position:relative; z-index:1;}
.side-title{font-family:"Cinzel",serif; font-size:14px; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-light); padding:14px 18px; border-bottom:1px solid var(--border); background:rgba(217,178,92,.07);}
.side-body{padding:16px 18px;}

.status-row{display:flex; align-items:center; gap:16px;}
.status-circle{position:relative; width:100px; height:100px; flex-shrink:0;}
.status-ring{transform:rotate(-90deg); transform-origin:50px 50px;}
.status-label{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:"Cinzel",serif; font-size:13px; letter-spacing:.08em; color:var(--gold-light);}
.status-row .chronicle{margin:0; color:var(--parchment-2); font-size:14px;}

.tabs{display:flex; gap:8px; padding:12px 18px 0; flex-wrap:wrap;}
.tabs .tab-btn{padding:7px 14px; font-size:12px; font-family:"Cinzel",serif; letter-spacing:.04em; border:1px solid var(--border); border-radius:20px; color:var(--parchment-2); cursor:pointer;}
.tabs .tab-btn.active{background:var(--gold); color:var(--ink); border-color:var(--gold);}
.tab-panel{padding:12px 18px 16px;}
.tab-panel .tab-block{display:none;}
.tab-panel .tab-block.active{display:block;}
.rank-item{display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-bottom:1px dashed rgba(217,178,92,.18); font-size:14px;}
.rank-item:last-child{border-bottom:none;}
.rank-item .who{display:flex; align-items:center; gap:8px; color:var(--parchment-2);}
.rank-item .n{width:20px; color:var(--gold); font-family:"Cinzel",serif;}
.rank-item .val{color:var(--gold-light); font-family:"Cinzel",serif; font-size:13px;}
.side-more{padding:10px 18px 16px; text-align:right;}
.side-more a{font-family:"Cinzel",serif; font-size:12px; letter-spacing:.05em; color:var(--gold-light); text-transform:uppercase;}
.side-more a:hover{text-decoration:underline;}

.quick-links li{border-bottom:1px dashed rgba(217,178,92,.18); padding:9px 0; font-size:14px;}
.quick-links li:last-child{border-bottom:none;}
.quick-links a{color:var(--parchment-2); transition:color .2s;}
.quick-links a:hover{color:var(--gold-light);}

/* ============ FOOTER ============ */
.footer{border-top:1px solid var(--border); padding:36px 0 28px; font-size:13px; color:rgba(240,228,200,.55); text-align:center;}
.footer-grid{display:flex; flex-direction:column; align-items:center; gap:14px;}
.footer-crest{color:var(--gold);}
.footer-crest svg{width:38px; height:44px;}
.footer .legal{max-width:760px; line-height:1.6;}
.social-row{display:flex; gap:12px;}
.social-ico{
  width:34px; height:34px; border-radius:50%; border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; color:var(--parchment-2);
  transition:all .2s;
}
.social-ico svg{width:17px; height:17px;}
.social-ico:hover{color:var(--gold-light); border-color:var(--gold); background:rgba(217,178,92,.1);}
.footer nav{display:flex; gap:18px; justify-content:center; flex-wrap:wrap;}
.footer nav a{color:var(--parchment-2);}
.footer nav a:hover{color:var(--gold-light);}

/* ============ VOTE BOX ============ */
.vote-box{position:fixed; right:0; bottom:80px; z-index:90;}
.vote-box .row{display:flex; align-items:stretch;}
.vote-box .toggle-btn{writing-mode:vertical-rl; padding:14px 8px; background:var(--gold); color:var(--ink); font-family:"Cinzel",serif; letter-spacing:.08em; border-radius:6px 0 0 6px; cursor:pointer;}
.vote-box ul{display:none; flex-direction:column; background:var(--bg-mid); border:1px solid var(--border); border-right:none;}
.vote-box.open ul{display:flex;}
.vote-box li a{display:block; padding:10px 16px; font-size:11px; text-align:center; color:var(--parchment-2); border-bottom:1px solid var(--border);}
.vote-box li a:hover{color:var(--gold-light);}

/* ============ INNER PAGE CONTENT ============ */
.page-body{padding:20px 0 70px;}
.page-content{max-width:900px; margin:0 auto;}
.page-content h2{font-size:22px; margin-top:32px;}
.page-content p, .page-content li{color:var(--parchment-2); font-size:16px;}
.page-content ul{padding-left:20px; list-style:disc;}
.faq-item{border:1px solid var(--border); border-radius:var(--radius); margin-bottom:14px; overflow:hidden;}
.faq-q{padding:16px 20px; font-family:"Cinzel",serif; font-size:15px; color:var(--gold-light); background:rgba(217,178,92,.06); cursor:pointer;}
.faq-a{display:none; padding:0 20px 16px; color:var(--parchment-2); font-size:15px;}
.rates-table{width:100%; border-collapse:collapse; margin:20px 0;}
.rates-table th, .rates-table td{border:1px solid var(--border); padding:10px 14px; text-align:left; font-size:15px;}
.rates-table th{font-family:"Cinzel",serif; color:var(--gold-light); background:rgba(217,178,92,.08);}
.download-list{display:grid; gap:14px; margin-top:22px;}
.download-item{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:18px 22px; border:1px solid var(--border); border-radius:var(--radius); background:var(--panel);}
.download-item .name{font-family:"Cinzel",serif; color:var(--gold-light);}
.download-item .size{color:var(--parchment-2); font-size:13px;}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .show-menu{display:block;}
  .menu ul{display:none; position:absolute; top:64px; left:0; right:0; flex-direction:column; background:var(--bg-mid); border-bottom:1px solid var(--border); padding:10px;}
  .menu ul.toggle{display:flex;}
  .menu ul li.children .sub{position:static; display:none; box-shadow:none;}
  .content-flex{flex-direction:column;}
  .flex-right{width:100%;}
  .news-container{grid-template-columns:1fr;}
  .features{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .hero h1{font-size:28px;}
  .hero .cta-row{gap:12px;}
  .server-rates{gap:8px;}
}


/* ============ FINAL HOME POLISH v24 ============ */
@media (min-width:1180px){
  .wrapper{padding-left:24px;padding-right:24px;}
  .content-flex{gap:28px;}
  .flex-right{width:340px;}
}

.hero{padding-top:18px;}
.hero-banner{min-height:500px;}
.hero-bg{height:500px;max-height:none;object-position:center 28%;}
.hero-overlay{
  max-width:620px;
  padding:54px 5.2%;
  background:linear-gradient(90deg,rgba(12,10,7,.94) 0%,rgba(15,12,8,.78) 42%,rgba(15,12,8,.36) 70%,transparent 100%);
}
.hero .logo-row{gap:16px;margin-bottom:18px;}
.hero .crest{width:54px;height:54px;}
.hero h1{font-size:42px;line-height:1;}
.hero .sub{font-size:12px;letter-spacing:.34em;margin-top:6px;}
.hero-desc{font-size:17px;line-height:1.65;max-width:520px;margin-bottom:26px;text-shadow:0 2px 10px rgba(0,0,0,.65);}
.hero .cta-row{gap:12px;}
.hero .cta-row .btn-gold,.hero .cta-row .btn-outline{min-width:170px;text-align:center;justify-content:center;}

.divider{padding:18px 0;}
.content{padding:28px 0 34px;}
.panel{padding:26px;}
#firstDeskUnderTittle{font-size:17px;}

.news-card{min-height:132px;background-position:center 36%;}
.news-card::before{background:linear-gradient(180deg,rgba(20,16,10,.18) 0%,rgba(20,16,10,.48) 44%,rgba(20,16,10,.94) 100%);}

.server-card{height:290px;max-height:290px;}
.server-card-text{padding:26px;}
.server-card-art{background-position:center 8%;}
.server-card-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(12,10,7,.22));pointer-events:none;}

.features{gap:14px;margin-top:18px;}
.feature-img{height:118px;background-position:center 28%;}
.feature-img::before{background:linear-gradient(0deg,var(--bg-mid) 0%,rgba(20,16,10,.8) 14%,rgba(20,16,10,.12) 58%,transparent 100%);}
.feature-body{padding:20px 16px 17px;min-height:86px;}
.feature-body h3{font-size:14px;}
.feature-body p{font-size:13px;}

.world-banner{margin-top:24px;min-height:275px;}
.world-art{flex-basis:60%;}
.world-art img{object-position:center 48%;}
.world-text{flex-basis:40%;padding:34px;}
.world-text h2{font-size:25px;}
.world-text p{font-size:16px;line-height:1.55;}

.gallery-home{margin-top:4px;padding-bottom:34px;}
.gallery-home h2{font-size:22px;margin-bottom:16px;}
.gallery-home .gallery-row{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;grid-template-columns:repeat(4,minmax(0,1fr));}
.gallery-home .gallery-row::-webkit-scrollbar{display:none;}
.gallery-home .gallery-row img{height:172px;scroll-snap-align:start;filter:none;transform:none;backface-visibility:hidden;-webkit-font-smoothing:antialiased;}
.gallery-home .gal-arrow,.gallery-home .gallery-dots{display:none!important;}

.side-item{margin-bottom:14px;}
.side-title{padding:12px 16px;}
.side-body{padding:14px 16px;}
.tabs{padding:10px 16px 0;}
.tab-panel{padding:10px 16px 12px;}
.rank-item{padding:7px 0;}
.side-more{padding:7px 16px 12px;}

.footer{padding:24px 0 22px;}
.footer-grid{gap:10px;}
.footer .legal{line-height:1.45;}

@media (max-width:1100px){
  :root{--wrap:1120px;}
  .hero-banner{min-height:440px;}
  .hero-bg{height:440px;}
  .hero h1{font-size:36px;}
  .content-flex{gap:20px;}
  .flex-right{width:300px;}
}

@media (max-width:900px){
  .hero-banner{min-height:390px;}
  .hero-bg{height:390px;}
  .hero-overlay{max-width:540px;padding:34px 4%;}
  .hero h1{font-size:32px;}
  .hero-desc{font-size:15px;}
  .content-flex{display:block;}
  .flex-right{width:auto;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .flex-right .side-item{margin:0;}
  .flex-right .side-item:last-child{grid-column:1/-1;}
  .gallery-home .gallery-row{grid-template-columns:repeat(4,240px);}
}

@media (max-width:760px){
  .hero-banner{min-height:430px;}
  .hero-bg{height:430px;object-position:62% center;}
  .hero-overlay{justify-content:flex-end;max-width:none;padding:26px 20px;background:linear-gradient(0deg,rgba(12,10,7,.97) 0%,rgba(12,10,7,.78) 50%,rgba(12,10,7,.12) 100%);}
  .hero .crest{width:42px;height:42px;}
  .hero h1{font-size:28px;}
  .hero-desc{font-size:14px;line-height:1.5;margin-bottom:16px;}
  .hero .cta-row .btn-gold,.hero .cta-row .btn-outline{min-width:0;flex:1;padding-left:12px;padding-right:12px;}
  .news-container{grid-template-columns:1fr;}
  .features{grid-template-columns:1fr;}
  .feature-img{height:150px;}
  .world-banner{min-height:0;}
  .world-art{height:230px;}
  .world-text{padding:24px;}
  .flex-right{grid-template-columns:1fr;}
  .flex-right .side-item:last-child{grid-column:auto;}
  .gallery-home{padding-bottom:24px;}
  .gallery-home .gallery-row{grid-template-columns:repeat(4,220px);}
  .gallery-home .gallery-row img{height:138px;}
}

/* Gallery final polish: use source pixels directly; no zoom blur */
.gallery-home .gallery-row img{
  width:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:border-color .18s ease,box-shadow .18s ease;
  will-change:auto;
}
.gallery-home .gallery-row img:hover{
  transform:none!important;
  filter:none!important;
}
.gallery-home .gal-arrow,.gallery-home .gallery-dots{display:none!important;}

/* v31 — x7 server information */
.about-intro{padding:18px 20px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(217,178,92,.08),rgba(0,0,0,.12));border-radius:var(--radius);}
.rate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:18px 0 28px;}
.rate-grid>div{border:1px solid var(--border);background:rgba(15,12,8,.55);border-radius:8px;text-align:center;padding:14px 6px;}
.rate-grid b{display:block;color:var(--parchment-2);font-size:12px;font-weight:400;letter-spacing:.06em;}
.rate-grid strong{display:block;color:var(--gold-light);font-family:"Cinzel",serif;font-size:22px;margin-top:4px;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 28px;}
.info-card{border:1px solid var(--border);background:rgba(16,13,9,.55);padding:18px;border-radius:var(--radius);}
.info-card h3,.highlight-box h3{color:var(--gold-light);font-family:"Cinzel",serif;margin:0 0 8px;font-size:17px;}
.info-card p,.highlight-box p{margin:0;}
.highlight-box{border-left:3px solid var(--gold);background:rgba(217,178,92,.07);padding:18px 20px;margin:18px 0 28px;}
.altb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 28px;}
.altb-grid>div{border:1px solid var(--border);padding:14px 16px;background:rgba(10,9,7,.45);}
.altb-grid b{display:block;color:var(--gold-light);font-family:"Cinzel",serif;margin-bottom:5px;}
.altb-grid span{color:var(--parchment-2);font-size:14px;line-height:1.45;}
.check-list{columns:2;column-gap:30px;}
.clan-bonus{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 28px;}
.clan-bonus>div{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:linear-gradient(135deg,rgba(217,178,92,.08),rgba(8,7,5,.45));}
.clan-bonus span{display:block;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.clan-bonus b{display:block;color:var(--gold-light);font-family:"Cinzel",serif;font-size:19px;}
.clan-bonus p{margin-bottom:0;}
@media(max-width:760px){.rate-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.altb-grid,.clan-bonus{grid-template-columns:1fr}.check-list{columns:1}}
/* ===== SERVER STATUS: круг строго по центру блока ===== */

.side-item .side-body.status-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.side-item .status-circle {
    display: block !important;
    position: relative !important;
    margin: 0 auto !important;
    flex: none !important;
}

.side-item .chronicle {
    display: none !important;
}

.status-circle {
    position: relative;
    width: 118px;
    height: 118px;
}

.status-circle svg {
    display: block;
}

.status-ring-outer {
    stroke: rgba(211, 164, 73, .9);
    stroke-width: 2;
    stroke-dasharray: 185 55;
    transform: rotate(-35deg);
    transform-origin: 59px 59px;
    filter: drop-shadow(0 0 4px rgba(211,164,73,.30));
}

.status-ring-inner {
    stroke: rgba(211, 164, 73, .32);
    stroke-width: 1;
    stroke-dasharray: 90 25;
    transform: rotate(25deg);
    transform-origin: 59px 59px;
}

.status-dot {
    stroke: #1b160e;
    stroke-width: 2;
}

.status-circle.online .status-dot {
    fill: #78b84d;
    filter: drop-shadow(0 0 5px rgba(120,184,77,.8));
}

.status-circle.offline .status-dot {
    fill: #a7463d;
    filter: drop-shadow(0 0 5px rgba(167,70,61,.8));
}

.status-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-label span {
    font-family: Georgia, serif;
    font-size: 14px;
    letter-spacing: 2px;
    color: #e4b85b;
    text-shadow: 0 0 8px rgba(211,164,73,.25);
}

/* ===== VOTE СЛЕВА ===== */

.vote-box{
    left:0 !important;
    right:auto !important;
}

.vote-box .row{
    flex-direction:row-reverse !important;
}

.vote-box .toggle-btn{
    border-radius:0 6px 6px 0 !important;
}

.vote-box ul{
    border-right:1px solid var(--border) !important;
    border-left:none !important;
}


/* ===== КНОПКА НАВЕРХ СПРАВА ===== */

.l2-back-top{
    position:fixed !important;
    right:20px !important;
    bottom:80px !important;

    width:52px !important;
    height:52px !important;

    padding:0 !important;
    margin:0 !important;

    z-index:90;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(217,178,92,.65);
    border-radius:5px;

    background:
        radial-gradient(circle at 50% 35%,rgba(217,178,92,.13),transparent 58%),
        linear-gradient(180deg,#2b2114,#100d08);

    color:#e7b95a;

    cursor:pointer;

    box-shadow:
        inset 0 0 15px rgba(217,178,92,.08),
        0 5px 18px rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:opacity .2s ease, visibility .2s ease;
}

.l2-back-top.visible{
    opacity:1;
    visibility:visible;
}

.l2-back-top:hover{
    border-color:#efc66c;
    color:#f4d590;

    box-shadow:
        inset 0 0 18px rgba(217,178,92,.15),
        0 0 13px rgba(217,178,92,.22);
}


/* золотая стрелка L2 */

.back-top-diamond{
    width:22px;
    height:22px;

    border:1px solid rgba(217,178,92,.55);

    transform:rotate(45deg);

    position:relative;
}

.back-top-diamond::before{
    content:"";

    position:absolute;

    width:8px;
    height:8px;

    left:6px;
    top:8px;

    border-left:2px solid #e7b95a;
    border-top:2px solid #e7b95a;
}


@media(max-width:640px){

    .vote-box{
        bottom:65px !important;
    }

    .l2-back-top{
        right:10px !important;
        bottom:65px !important;

        width:44px !important;
        height:44px !important;
    }
}


/* ===== L2 PARTNERS MARQUEE ===== */

.l2-partners-marquee{
    width:100%;
    overflow:hidden;
    padding:14px 0;

    border-top:1px solid rgba(217,178,92,.18);
    border-bottom:1px solid rgba(217,178,92,.18);

    background:rgba(0,0,0,.22);
}

.l2-partners-track{
    display:flex;
    width:max-content;

    animation:l2PartnersMoveRight 38s linear infinite;
}

.l2-partners-group{
    display:flex;
    align-items:center;
    gap:22px;

    padding-right:22px;
}

.l2-partners-group a{
    display:flex;
    width:88px;
    height:31px;

    align-items:center;
    justify-content:center;

    flex:0 0 88px;
}

.l2-partners-group img{
    display:block;

    width:88px;
    height:31px;

    object-fit:contain;

    opacity:.42;

    filter:
        grayscale(65%)
        brightness(.72);

    transition:
        opacity .25s ease,
        filter .25s ease,
        transform .25s ease;
}

.l2-partners-group a:hover img{
    opacity:1;

    filter:
        grayscale(0%)
        brightness(1);

    transform:scale(1.05);
}

/* движение ВПРАВО */

@keyframes l2PartnersMoveRight{
    from{
        transform:translateX(-50%);
    }

    to{
        transform:translateX(0);
    }
}

/* при наведении можно остановить ленту */

.l2-partners-marquee:hover .l2-partners-track{
    animation-play-state:paused;
}


/* =========================================================
   ADENSAGA — HERO MOVING CLOUDS
   ========================================================= */

.hero-banner{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.hero-banner .hero-bg{
    position:relative;
    z-index:0;
}


/* ===== СЛОЙ ОБЛАКОВ ===== */

.hero-clouds{
    position:absolute;
    inset:0;
    z-index:1;

    overflow:hidden;
    pointer-events:none;
}

.hero-cloud{
    position:absolute;

    width:125%;
    max-width:none;
    height:auto;

    left:-12.5%;

    pointer-events:none;
    user-select:none;

    will-change:transform;
}


/* ===== ПЕРВЫЙ СЛОЙ ===== */

.hero-cloud-1{
    top:-20%;
    opacity:.68;

    filter:
        brightness(1.05)
        contrast(1.15);

    animation:
        adensagaCloudMove1
        18s
        ease-in-out
        infinite
        alternate;
}

.hero-cloud-2{
    top:-5%;
    opacity:.38;

    filter:
        brightness(1.02)
        contrast(1.12);

    animation:
        adensagaCloudMove2
        27s
        ease-in-out
        infinite
        alternate;
}


/* ===== ДВИЖЕНИЕ ПЕРВОГО СЛОЯ ===== */

@keyframes adensagaCloudMove1{

    0%{
        transform:
            translate3d(-12%,0,0)
            scale(1.08);
    }

    100%{
        transform:
            translate3d(12%,2%,0)
            scale(1.12);
    }

}


/* ===== ДВИЖЕНИЕ ВТОРОГО СЛОЯ ===== */

@keyframes adensagaCloudMove2{

    0%{
        transform:
            translate3d(10%,1%,0)
            scale(1.18);
    }

    100%{
        transform:
            translate3d(-10%,-2%,0)
            scale(1.24);
    }

}


/* ===== СЛОИ HERO ===== */

/* Затемнение */
.hero-banner::after{
    z-index:2 !important;
}

/* AdenSaga + описание + кнопки */
.hero-overlay{
    z-index:3 !important;
}

/* Таймер */
.hero-start-countdown{
    z-index:4 !important;
}


/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */

@media(max-width:760px){

    .hero-cloud{
        width:170%;
        left:-35%;
    }

    .hero-cloud-1{
        top:-5%;
        opacity:.28;
    }

    .hero-cloud-2{
        top:8%;
        opacity:.12;
    }

}