/* HERO - keeps the existing HLL: Vietnam background asset */

/* SHARED SERVER FOUNDATION */
.foundation-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:65px;align-items:start;margin-top:48px}.foundation-intro{position:sticky;top:110px}.small-title{color:#fff;font-size:clamp(1.7rem,3vw,3rem);font-weight:900;line-height:1;letter-spacing:-.04em;text-transform:uppercase}.small-copy{margin-top:18px;color:rgba(255,255,255,.40);font-size:.8rem;line-height:1.72}.setting-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.setting-row{display:grid;grid-template-columns:48px minmax(170px,.55fr) minmax(0,1fr);gap:18px;align-items:center;min-height:82px;padding:12px 6px;border-bottom:1px solid var(--border-soft)}.setting-row:last-child{border-bottom:0}.setting-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--red-border);color:var(--red-bright);background:var(--red-soft)}.setting-title{color:#fff;font-size:.74rem;font-weight:800}.setting-value{margin-top:4px;color:var(--red-bright);font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.setting-copy{color:rgba(255,255,255,.35);font-size:.70rem;line-height:1.58}
/* MULTI-SERVER DIRECTORY */
.server-name-box{margin-top:20px;padding:15px 17px;border:1px solid var(--border);background:rgba(0,0,0,.22)}.server-name-box span{display:block;color:rgba(255,255,255,.25);font-size:.53rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.server-name-box strong{display:block;margin-top:6px;color:#fff;font-size:.68rem;line-height:1.5}
/* CONFIG + ROTATION */
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:55px;border:1px solid var(--border);background:var(--border)}.compare-col{background:#0d0d0d}.compare-head{padding:22px 24px;border-bottom:1px solid var(--border)}.compare-head span{display:block;color:var(--red-bright);font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.compare-head strong{display:block;margin-top:7px;color:#fff;font-size:1.05rem}.compare-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:15px 24px;border-bottom:1px solid var(--border-soft);font-size:.7rem}.compare-row:last-child{border-bottom:0}.compare-row span{color:rgba(255,255,255,.34)}.compare-row strong{color:#fff;font-weight:700;text-align:right}.reward-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:25px;align-items:center;margin-top:28px;padding:25px 28px;border:1px solid var(--red-border);background:linear-gradient(120deg,rgba(189,0,0,.09),#0d0d0d 55%)}.reward-big{color:#fff;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:900;letter-spacing:-.03em}.reward-copy{color:rgba(255,255,255,.38);font-size:.73rem;line-height:1.65}.mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:48px;border:1px solid var(--border-soft);background:var(--border-soft)}.mode-card{min-height:180px;padding:25px;background:#0d0d0d}.mode-card i{color:var(--red-bright)}.mode-title{margin-top:22px;color:#fff;font-size:.85rem;font-weight:800}.mode-time{margin-top:7px;color:var(--red-bright);font-size:1.35rem;font-weight:900}.mode-note{margin-top:7px;color:rgba(255,255,255,.31);font-size:.66rem;line-height:1.5}.rotation-layout{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);gap:45px;margin-top:48px}.rotation-summary{position:sticky;top:110px}.rotation-list{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.rotation-group{padding:22px 6px;border-bottom:1px solid var(--border-soft)}.rotation-group:last-child{border-bottom:0}.rotation-group h3{margin:0 0 13px;color:var(--red-bright);font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.layer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:7px 0;color:rgba(255,255,255,.38);font-size:.7rem}.layer strong{color:#fff;font-weight:600}.layer span{text-align:right}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:48px;border:1px solid var(--border-soft);background:var(--border-soft)}.admin-item{min-height:205px;padding:28px;background:#0d0d0d}.admin-item i{color:var(--red-bright);font-size:1rem}.admin-title{margin-top:21px;color:#fff;font-size:.9rem;font-weight:800}.admin-value{margin-top:7px;color:var(--red-bright);font-size:.63rem;font-weight:800;text-transform:uppercase}.admin-copy{margin-top:9px;color:rgba(255,255,255,.34);font-size:.72rem;line-height:1.64}

/* RESPONSIVE */
@media(max-width:1199.98px){
  .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:991.98px){
  .foundation-layout,
    .rotation-layout {
    grid-template-columns:minmax(0,1fr);
  }

  .foundation-intro,
  .rotation-summary{
    position:static;
  }

  .compare-grid{
    grid-template-columns:minmax(0,1fr);
  }

  
}

@media(max-width:767.98px){
  .foundation-layout>*,
  .server-heading>*,
  .rotation-layout>*,
  .reward-strip>*,
  .compare-grid>*{
    min-width:0;
  }

  .foundation-layout,
    .rotation-layout {
    gap:32px;
  }


  .server-name-box strong {
    overflow-wrap:anywhere;
  }


  .small-title{
    font-size:clamp(1.55rem,8vw,2.4rem);
  }

  .mode-grid,
  .admin-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .setting-row{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
  }

  .setting-copy{
    grid-column:2;
  }

  .reward-strip{
    grid-template-columns:minmax(0,1fr);
    padding:22px 20px;
  }

  .reward-big{
    overflow-wrap:anywhere;
  }

  .compare-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }

  .layer{
    grid-template-columns:minmax(0,1fr);
    gap:2px;
  }

  .layer span{
    text-align:left;
  }

  .rotation-group{
    min-width:0;
  }
}

@media(max-width:480px){


  .compare-head{
    padding:19px 17px;
  }

  .compare-row{
    grid-template-columns:minmax(0,1fr);
    padding:14px 17px;
    gap:4px;
  }

  .compare-row strong{
    text-align:left;
  }

  .reward-strip{
    padding:20px 17px;
  }

  .mode-card,
  .admin-item{
    min-height:0;
    padding:22px 20px;
  }

  .setting-row{
    padding:16px 0;
  }
}