*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b0d;color:#eee;font-family:"Be Vietnam Pro",sans-serif}.nav{position:fixed;z-index:10;top:0;left:0;right:0;height:76px;padding:0 5%;display:flex;align-items:center;background:linear-gradient(#050709dd,transparent);backdrop-filter:blur(5px)}.logo{display:flex;align-items:center;gap:10px;color:#e7b95e;text-decoration:none;min-width:290px}.logo>span{font:42px "Ma Shan Zheng";text-shadow:0 0 20px #b77828}.logo b{font-size:14px}.logo small{display:block;font-size:7px;letter-spacing:2px;color:#a78651;margin-top:3px}nav{display:flex;gap:25px;flex:1;justify-content:center}nav a,.account a{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#c2c3c1;text-decoration:none}nav a:hover{color:#e8b85b}.account{display:flex;gap:14px;min-width:180px;justify-content:flex-end}.account a{border:1px solid #bd873c66;padding:10px 13px;color:#e4b45b}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:#111}.hero:before{content:"";position:absolute;inset:0;background:url("background.jpg") center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030506e8 0%,#03050645 48%,#03050608 75%),linear-gradient(0deg,#080b0d 0%,transparent 35%),linear-gradient(180deg,#02030455,transparent 25%)}.hero-copy{position:absolute;z-index:2;left:9%;top:29%;max-width:590px}.eyebrow{font-size:9px;letter-spacing:3px;color:#dfac51}.hero h1{font:400 clamp(68px,8vw,112px)/.78 "Ma Shan Zheng";margin:25px 0;color:#f2dfb6;text-shadow:0 8px 35px #000}.hero h1 em{color:#e34e2c;font-style:normal}.hero-copy p{font-size:13px;color:#d1d0cb;line-height:1.7;max-width:470px}.actions{display:flex;gap:12px;margin-top:28px}.gold,.line{display:inline-flex;padding:15px 23px;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1.3px}.gold{background:linear-gradient(#efc467,#a85e1e);border:1px solid #ffd77b;color:#160c05}.line{border:1px solid #d8d0c755;color:#eee}.vertical{position:absolute;z-index:2;top:47%;font:30px "Ma Shan Zheng";color:#f0d49d;text-shadow:0 4px 15px #000}.v1{left:3%}.v2{right:3%}.scroll{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:#aaa}.heading{max-width:1500px;margin:auto auto 18px;display:flex;justify-content:space-between;align-items:end}.heading small{color:#cf9a46;font-size:9px;letter-spacing:3px}.heading h2{font:400 56px "Ma Shan Zheng";margin:8px 0}.heading p{font-size:11px;color:#73797d}.thumb{height:105px;background-size:cover;background-position:center;position:relative}.t1{background:linear-gradient(135deg,#a54b1d,#241713)}.t2{background:linear-gradient(135deg,#356b86,#101c28)}.t3{background:linear-gradient(135deg,#536d8e,#151c28)}.t4{background:linear-gradient(135deg,#843e4c,#1b1117)}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#05070a44)}.thumb>b{position:absolute;z-index:2;top:8px;left:8px;background:#d74324;padding:5px 8px;font-size:8px}.server-text{padding:0 25px}.server-text strong{display:block;font:400 30px "Ma Shan Zheng";color:#f0d29a}.server-text small{display:block;font-size:8px;letter-spacing:1px;color:#81868a;margin:3px 0 13px}.server-text div{display:flex;gap:20px;color:#777d80;font-size:8px}.server-text .online{color:#65ba76}.server-text span{white-space:nowrap} .content{padding:28px 5% 42px;display:grid;grid-template-columns:1.08fr 1fr .92fr;gap:18px;max-width:1500px;margin:auto;align-items:stretch}.bar{display:flex;justify-content:space-between;border-bottom:1px solid #3a2e20;padding-bottom:14px;color:#e0ae57}.bar b{font:600 18px "Be Vietnam Pro"}.bar a{font-size:8px;color:#777;text-decoration:none}.featured{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #292b2d}.featured time{font:500 30px Oswald;color:#d59e48}.featured time small{font-size:13px;color:#666}.featured label{font-size:8px;color:#d49a40;letter-spacing:2px}.featured h3{font:600 21px Oswald;margin:7px 0}.featured p{font-size:10px;color:#777}.row{display:grid;grid-template-columns:60px 80px 1fr 15px;gap:10px;padding:17px 0;border-bottom:1px solid #24282a;text-decoration:none;color:#c9cbcb;align-items:center;font-size:10px}.row time{color:#555}.row span{font-size:7px;color:#b7833d}.row i{color:#d3a04a}.panel{min-width:0}.event{min-height:410px;display:flex;align-items:end;padding:38px;background:radial-gradient(circle at 70% 40%,#bc4d2535,transparent 40%),linear-gradient(135deg,#241413,#110e0f);position:relative;overflow:hidden;border:1px solid #5d3b22}.event:after{content:"龍";position:absolute;right:-5%;top:-10%;font:350px "Ma Shan Zheng";color:#edb44d18}.event small{font-size:8px;letter-spacing:3px;color:#dda64e}.event h2{font:400 62px/.8 "Ma Shan Zheng";margin:15px 0}.event h2 em{color:#e2522c;font-style:normal}.event p{color:#b7a184;font-size:11px;margin-bottom:25px}.download{padding:52px 7%;display:flex;align-items:center;justify-content:space-between;background:#0a0d10;border-top:1px solid #25282a}.download small{font-size:8px;letter-spacing:3px;color:#d4a04a}.download h2{font:400 45px "Ma Shan Zheng";margin:15px 0}.download h2 em{color:#df5b30;font-style:normal}.download p{font-size:10px;color:#777}.download aside{border:1px solid #4d3924;padding:25px 35px;display:flex;align-items:center;gap:18px}.download aside b{color:#dca74e}.download aside span{font-size:8px;color:#777}.download aside a{color:#dfa94e;font-size:9px;text-decoration:none}footer{padding:35px 6%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;background:#050607;border-top:1px solid #25282a;color:#777;font-size:8px;align-items:center}footer>b{font:18px "Ma Shan Zheng";color:#dca64d}footer span{text-align:center}footer i{text-align:right;color:#63b876;font-style:normal}footer small{grid-column:1/-1;text-align:center;color:#414447}
.ranking{min-height:410px;padding:0 18px 16px;background:linear-gradient(145deg,#10161d,#090d12);border:1px solid #5b4326;position:relative;overflow:hidden}
.ranking:before{content:"榜";position:absolute;right:-15px;top:-48px;font:220px "Ma Shan Zheng";color:#dca64d08;pointer-events:none}
.ranking .bar{position:relative;z-index:1;padding-top:18px}
.rank-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 10px}
.rank-tabs a{padding:8px 4px;text-align:center;text-decoration:none;font-size:7px;color:#898f93;border:1px solid #2a3035;background:#0d1217}
.rank-tabs a.active,.rank-tabs a:hover{color:#f1c15e;border-color:#9a6728;background:#2b1b0d}
.rank-head,.rank-row{display:grid;grid-template-columns:45px 1fr 88px;gap:8px;align-items:center}
.rank-head{padding:7px 0;color:#6f7579;font-size:7px;border-bottom:1px solid #292f33}
.rank-row{padding:10px 0;text-decoration:none;color:#d2d3d1;font-size:9px;border-bottom:1px solid #20262a;transition:.2s}
.rank-row:hover{background:#ffffff05}
.rank-row strong{color:#dca64d;text-align:center}
.rank-row:nth-of-type(4) strong{color:#c4c9cc}
.rank-row span{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-row b{font-size:8px;color:#d9ad5b;text-align:right}
.avatar{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;font-style:normal;color:#f1d49a;background:linear-gradient(135deg,#6d3922,#1a1d23);border:1px solid #87612f}

@media(max-width:1100px){.content{grid-template-columns:1fr 1fr}.ranking{grid-column:1/-1}}@media(max-width:900px){nav{display:none}.account{margin-left:auto}.content{grid-template-columns:1fr}.ranking{grid-column:auto}.download aside{display:none}}@media(max-width:600px){.logo{min-width:auto}.logo small{display:none}.account a{padding:8px}.hero-copy{left:7%;top:27%;max-width:85%}.hero h1{font-size:65px}.vertical{display:none}.content{padding-left:5%;padding-right:5%;padding-top:24px}.row{grid-template-columns:50px 70px 1fr 10px}.download h2{font-size:38px}footer{grid-template-columns:1fr;text-align:center}footer span,footer i{text-align:center}.rank-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content{padding-top:42px}}



.login-hero{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid #92703a;color:#e3bf70;text-decoration:none;font-size:9px;font-weight:900;background:#101419cc;min-width:145px;box-sizing:border-box}.login-hero:hover{background:#1c2025}.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.actions .gold,.actions .line{min-width:145px;box-sizing:border-box;text-align:center}.actions .gold{display:inline-flex;align-items:center;justify-content:center}.login-hero:hover{background:#1c2025}
@media(max-width:900px){.actions{flex-wrap:wrap}.login-hero{padding:13px 18px}}
@media(max-width:600px){.account-actions }


/* V12 - 3 nút CTA giữa màn hình, đồng bộ đỏ/gold */
.hero-actions{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  margin:28px auto 0;
  position:relative;
  z-index:5;
}
.hero-actions .cta-red{
  position:relative;
  min-width:205px;
  height:58px;
  padding:0 27px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  color:#ffe9a9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.6px;
  background:
    linear-gradient(180deg,#c83a20 0%,#8c1e12 48%,#65130d 100%);
  border:2px solid #d69a3b;
  border-radius:9px;
  box-shadow:
    inset 0 0 0 1px #6d210f,
    inset 0 2px 8px #ffcc6a33,
    0 0 0 2px #3e170d,
    0 7px 20px #0008;
  transition:transform .2s,filter .2s,box-shadow .2s;
}
.hero-actions .cta-red:before{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid #b87729;
  border-radius:12px;
  pointer-events:none;
  opacity:.85;
}
.hero-actions .cta-red:after{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  top:3px;
  height:1px;
  background:#ffe4a0aa;
}
.hero-actions .cta-red span{
  font-size:20px;
  line-height:1;
  color:#ffe5a1;
  text-shadow:0 1px 4px #000;
}
.hero-actions .cta-red i{
  font-style:normal;
  font-size:15px;
  margin-left:3px;
}
.hero-actions .cta-red:hover{
  transform:translateY(-3px) scale(1.02);
  filter:brightness(1.12);
  box-shadow:
    inset 0 0 0 1px #6d210f,
    inset 0 2px 8px #ffcc6a44,
    0 0 0 2px #3e170d,
    0 10px 28px #0009,
    0 0 22px #d79a3b55;
}
@media(max-width:900px){
  .hero-actions{gap:12px;margin-top:22px}
  .hero-actions .cta-red{min-width:160px;height:52px;padding:0 17px;font-size:9px}
}
@media(max-width:600px){
  .hero-actions{gap:8px;margin-top:18px}
  .hero-actions .cta-red{min-width:0;flex:1;height:48px;padding:0 8px;font-size:7px;gap:5px}
  .hero-actions .cta-red span{font-size:15px}
  .hero-actions .cta-red i{font-size:11px}
}

/* V14: giữ nguyên toàn bộ V12, chỉ dịch cụm 3 nút sang phải */
.hero-actions{
  transform:translateX(210px);
}
@media(max-width:1200px){
  .hero-actions{transform:translateX(150px);}
}
@media(max-width:900px){
  .hero-actions{transform:translateX(70px);}
}
@media(max-width:600px){
  .hero-actions{transform:translateX(25px);}
}
.content > .ranking-home-full{grid-column:1/-1 !important;width:100%;min-width:0}.ranking-home-full{min-height:auto;padding:0 18px 18px}.ranking-home-full .bar span{font-size:8px;color:#777;letter-spacing:1px}.rank-head-full,.rank-row-full{display:grid;grid-template-columns:80px minmax(220px,2fr) 150px 110px minmax(180px,1.4fr);gap:12px;align-items:center;width:100%}.rank-head-full{padding:13px 10px;border-bottom:1px solid #3a2e20;color:#dca64d;font-size:8px;letter-spacing:1px;white-space:nowrap}.rank-row-full{padding:13px 10px;border-bottom:1px solid #24282a;color:#c9cbcb;font-size:10px;white-space:nowrap}.rank-row-full strong{color:#dca64d;text-align:left}.rank-row-full span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row-full b{color:#edc579;white-space:nowrap}.rank-row-full em{color:#c8ccd0;font-style:normal;white-space:nowrap}.rank-row-full .avatar{display:inline-flex;margin-right:7px}.rank-empty{padding:25px 10px;color:#777;font-size:10px}@media(max-width:700px){.ranking-home-full{overflow-x:auto}.rank-head-full,.rank-row-full{min-width:850px}}

/* V15: bảng xếp hạng nhỏ gọn ở góc phải trang chủ */
.content > .ranking-home-full{grid-column:auto !important;width:auto;min-width:0}
.ranking-home-full{min-height:410px;height:100%;padding:0 14px 10px}
.rank-head-full,.rank-row-full{grid-template-columns:38px minmax(82px,1.1fr) 78px 58px 105px;gap:9px}
.rank-head-full{padding:9px 4px;font-size:7.5px;line-height:1.2}
.rank-row-full{padding:7px 4px;font-size:8px;line-height:1.15}
.rank-row-full .avatar{width:20px;height:20px;margin-right:4px;font-size:9px}
.rank-row-full strong{font-size:8px}
.rank-row-full b,.rank-row-full em{font-size:7.5px}.rank-row-full b{font-size:10px;font-weight:800;letter-spacing:.2px;text-align:center}
.ranking-home-full .bar{padding-top:13px;padding-bottom:9px}
.ranking-home-full .bar b{font-size:15px}
.ranking-home-full .bar span{font-size:7px}
@media(max-width:1100px){.content > .ranking-home-full{grid-column:1/-1}.ranking-home-full{height:auto}}
@media(max-width:900px){.content > .ranking-home-full{grid-column:auto}}
@media(max-width:700px){.rank-head-full,.rank-row-full{min-width:0}}

/* Bố cục 2 bảng xếp hạng: thay khung Sự kiện bằng Top Tài Phú */
.content{grid-template-columns:1.08fr 1fr 1fr}
.ranking-home-full{grid-column:auto !important;width:auto !important;min-width:0}
.wealth-ranking{min-height:410px;height:100%;padding:0 14px 10px}
.wealth-ranking .bar{padding-top:13px;padding-bottom:9px}
.wealth-ranking .bar b{font-size:15px}
.wealth-ranking .bar span{font-size:7px;color:#777;letter-spacing:1px}
.wealth-head,.wealth-row{display:grid;grid-template-columns:38px minmax(82px,1.1fr) 78px 105px;gap:9px;align-items:center}
.wealth-head{padding:9px 4px;color:#dca64d;font-size:7.5px;line-height:1.2;letter-spacing:1px;white-space:nowrap;border-bottom:1px solid #3a2e20}
.wealth-row{padding:7px 4px;color:#c9cbcb;font-size:8px;line-height:1.15;white-space:nowrap;border-bottom:1px solid #24282a}
.wealth-row strong{color:#dca64d;text-align:left;font-size:8px}
.wealth-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wealth-row b{color:#edc579;font-size:10px;font-weight:800;letter-spacing:.2px;text-align:center;white-space:nowrap}
.wealth-row .avatar{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;margin-right:4px;font-size:9px}
@media(max-width:1100px){.content{grid-template-columns:1fr 1fr}.news{grid-column:1/-1}}
@media(max-width:900px){.content{grid-template-columns:1fr}.news{grid-column:auto}.ranking-home-full,.wealth-ranking{grid-column:auto}}
@media(max-width:700px){.wealth-ranking{overflow-x:auto}.wealth-head,.wealth-row{min-width:430px}}

/* Chon may chu cho bang xep hang */
.ranking-server-tabs{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;padding:10px 14px;background:linear-gradient(145deg,#10161d,#090d12);border:1px solid #5b4326;box-shadow:0 8px 22px #0005;}
.ranking-server-tabs>b{margin-right:4px;color:#dca64d;font-size:9px;letter-spacing:1.5px;white-space:nowrap}
.server-tab{appearance:none;border:1px solid #4b3a26;background:#151b21;color:#aeb4b8;min-width:58px;height:30px;padding:0 15px;border-radius:3px;cursor:pointer;font:800 10px Arial,sans-serif;letter-spacing:1px;transition:.15s}
.server-tab:hover{border-color:#dca64d;color:#edc579}
.server-tab.active{background:linear-gradient(180deg,#dca64d,#9f6d27);border-color:#edc579;color:#17120b;box-shadow:0 0 12px #dca64d33}
.ranking-server-tabs span{margin-left:auto;color:#777;font-size:8px;letter-spacing:1px;white-space:nowrap}
@media(max-width:600px){.ranking-server-tabs{overflow-x:auto}.ranking-server-tabs span{display:none}.server-tab{min-width:52px;padding:0 12px}}

/* V16: Khối xếp hạng nằm bên phải và canh đỉnh với khối TIN TỨC */
@media(min-width:1101px){
  #news.content{grid-template-columns:1.08fr 1fr 1fr;align-items:stretch}
  #news.content > .news{grid-column:1;grid-row:1 / span 2}
  #news.content > .ranking-server-tabs{grid-column:2 / 4;grid-row:1}
  #news.content > .ranking-home-full{grid-column:2;grid-row:2}
  #news.content > .wealth-ranking{grid-column:3;grid-row:2}
}
@media(max-width:1100px){
  .ranking-server-tabs{grid-column:1/-1}
}

/* V17: Đẩy cụm xếp hạng sát hẳn về phía góc phải, TIN TỨC chiếm phần còn lại */
@media(min-width:1101px){
  #news.content{grid-template-columns:minmax(0,1fr) 300px 300px;column-gap:12px;}
  #news.content > .news{grid-column:1;grid-row:1 / span 2;min-width:0}
  #news.content > .ranking-server-tabs{grid-column:2 / 4;grid-row:1;min-width:0}
  #news.content > .ranking-home-full{grid-column:2;grid-row:2;min-width:0}
  #news.content > .wealth-ranking{grid-column:3;grid-row:2;min-width:0}
}

/* V18: giữ toàn bộ cột xếp hạng hiển thị đủ, không cắt nội dung */
@media(min-width:1101px){
  #news.content{grid-template-columns:minmax(0,1fr) 380px 380px;column-gap:12px;}
  #news.content > .ranking-server-tabs{min-width:0;overflow:hidden}
  #news.content > .ranking-home-full,
  #news.content > .wealth-ranking{min-width:0;overflow:visible}
  .rank-head-full,.rank-row-full{grid-template-columns:38px minmax(100px,1.1fr) 82px 60px 108px;gap:8px}
  .wealth-head,.wealth-row{grid-template-columns:38px minmax(100px,1.1fr) 82px 108px;gap:8px}
}

/* V17: day toan bo khoi xep hang sang phai 50%, khong cat noi dung */
@media(min-width:1101px){
  #news.content{grid-template-columns:50% 50% !important;column-gap:18px !important;align-items:start !important;}
  #news.content > .news{grid-column:1 !important;grid-row:1 / span 2 !important;min-width:0 !important;width:100% !important;}
  #news.content > .ranking-server-tabs{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;width:100% !important;box-sizing:border-box !important;}
  #news.content > .ranking-home-full{grid-column:2 !important;grid-row:2 !important;min-width:0 !important;width:100% !important;box-sizing:border-box !important;}
  #news.content > .wealth-ranking{grid-column:2 !important;grid-row:3 !important;min-width:0 !important;width:100% !important;box-sizing:border-box !important;}
  .rank-head-full,.rank-row-full,.wealth-head,.wealth-row{min-width:0 !important;width:100% !important;}
  .ranking-home-full,.wealth-ranking{overflow:visible !important;}
}

/* V19: Chia deu cac cot xep hang, tan dung toan bo 50% ben phai */
@media(min-width:1101px){
  #news.content{
    grid-template-columns:calc(50% - 9px) calc(50% - 9px) !important;
    column-gap:18px !important;
  }
  #news.content > .ranking-server-tabs,
  #news.content > .ranking-home-full,
  #news.content > .wealth-ranking{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .rank-head-full,.rank-row-full{
    grid-template-columns:52px minmax(150px,1fr) 125px 78px minmax(120px,1fr) !important;
    gap:14px !important;
  }
  .wealth-head,.wealth-row{
    grid-template-columns:52px minmax(150px,1fr) 125px minmax(110px,1fr) !important;
    gap:14px !important;
  }
  .rank-head-full,.rank-row-full,.wealth-head,.wealth-row{
    padding-left:8px !important;
    padding-right:8px !important;
    box-sizing:border-box !important;
  }
}

/* V20: canh thang hang tieu de TOP TAI PHU va thong tin cap nhat */
@media(min-width:901px){
  .ranking .bar{align-items:center;min-height:44px;}
  .ranking .bar b,.ranking .bar span{margin:0;line-height:1;display:flex;align-items:center;}
  .wealth-ranking .bar{align-items:center;padding-top:13px;padding-bottom:9px;}
  .wealth-ranking .bar b{line-height:1;}
  .wealth-ranking .bar span{line-height:1;white-space:nowrap;text-align:right;}
}

/* V21: Tieu de va dong cap nhat TOP TAI PHU nam cung mot hang */
@media(min-width:901px){
  .ranking .bar{
    position:relative !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    box-sizing:border-box !important;
  }
  .ranking .bar b{
    position:relative !important;
    left:0 !important;
    top:0 !important;
    transform:none !important;
    display:block !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .ranking .bar span{
    position:relative !important;
    right:0 !important;
    top:0 !important;
    transform:none !important;
    display:block !important;
    line-height:1 !important;
    margin:0 !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
}

/* V22: Canh thang cot TAI PHU - tieu de cot va gia tri cung tam */
@media(min-width:901px){
  .wealth-head > span:last-child,
  .wealth-row > b:last-child{
    text-align:center !important;
    justify-self:stretch !important;
  }
  .wealth-head > span:last-child{padding:0 !important;}
  .wealth-row > b:last-child{padding:0 !important;}
}
/* V17: Tùy chỉnh tên và bật/tắt S1-S6 */
.ranking-server-tabs #rankingServerButtons{margin-left:0;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ranking-server-tabs #rankingServerStatus{margin-left:auto;color:#777;font-size:8px;letter-spacing:1px;white-space:nowrap}
@media(max-width:600px){.ranking-server-tabs #rankingServerButtons{gap:6px}.ranking-server-tabs #rankingServerStatus{display:none}}
:root{--accent:#dca64d}


/* HERO CTA - đưa Đăng ký / Tải game / Facebook / Zalo lên sát tiêu đề */
.hero-copy{top:23%!important;}
.hero h1{margin:16px 0 8px!important;}
.hero-actions{
  justify-content:flex-start!important;
  gap:10px!important;
  margin:6px 0 0!important;
  transform:none!important;
  width:auto!important;
  flex-wrap:wrap!important;
}
.hero-actions .cta-red{
  min-width:155px!important;
  height:46px!important;
  padding:0 18px!important;
}
.hero-actions .social-home-btn{
  min-height:46px!important;
  height:46px!important;
  border-radius:7px!important;
  padding:0 15px!important;
  background:rgba(12,10,8,.78)!important;
}
.hero-actions .social-home-btn span{width:26px!important;height:26px!important;}
.hero-actions .social-home-btn b{font-size:9px!important;letter-spacing:1px!important;}
@media(max-width:900px){
 .hero-copy{top:22%!important;}
 .hero-actions{gap:8px!important;margin-top:5px!important;}
 .hero-actions .cta-red{min-width:145px!important;height:44px!important;}
 .hero-actions .social-home-btn{height:44px!important;min-height:44px!important;}
}
@media(max-width:600px){
 .hero-copy{top:24%!important;}
 .hero h1{margin:12px 0 8px!important;}
 .hero-actions{transform:none!important;gap:7px!important;}
 .hero-actions .cta-red,.hero-actions .social-home-btn{flex:1 1 calc(50% - 7px)!important;min-width:0!important;height:43px!important;min-height:43px!important;padding:0 8px!important;}
}