
.nas-hltv{color:#d2ddeb}.nas-hltv-hero{background:linear-gradient(125deg,#031528,#173b59 95%);border:1px solid #204564;border-radius:18px;padding:27px;margin:0 0 19px}.nas-hltv-hero>span{color:#52ded2;font-size:12px;font-weight:800;letter-spacing:2px}.nas-hltv-hero h2{margin:12px 0 8px;color:#fff;font-size:32px;font-weight:900}.nas-hltv-hero p{color:#b1c5d9}.nas-hltv-tabs{display:flex;gap:9px;margin:0 0 20px}.nas-hltv-tabs a,.nas-hltv-search button,.nas-hltv-actions a,.nas-hltv-actions button,.nas-hltv-pages a{display:inline-block;padding:10px 15px;background:#0e2438;border:1px solid #244765;border-radius:9px;color:#d4e5f5;text-decoration:none;cursor:pointer;font-weight:700}.nas-hltv-tabs .active,.nas-hltv-search button{background:#194f73;border-color:#398cbb;color:#fff}.nas-hltv-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.nas-hltv-search{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.nas-hltv-search select,.nas-hltv-search input{background:#0a1c2c;color:#e7eff7;border:1px solid #27435a;padding:10px;border-radius:7px;min-width:140px}.nas-hltv-toolbar iframe{border:0;max-width:100%}.nas-hltv-scroll{overflow-x:auto}.nas-hltv table{width:100%;border-collapse:separate;border-spacing:0 7px;min-width:690px}.nas-hltv th{text-align:left;color:#aac6de;background:#133047;padding:14px}.nas-hltv td{background:#101f2e;border-top:1px solid #263d50;border-bottom:1px solid #263d50;padding:12px;vertical-align:middle}.nas-hltv td:first-child{border-left:1px solid #263d50}.nas-hltv td:last-child{border-right:1px solid #263d50}.nas-hltv-download-name{color:#38c4fc;font-weight:700;overflow-wrap:anywhere}.nas-hltv td small{display:block;color:#94a6b9;margin:7px 0}.nas-hltv-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.nas-hltv-actions a,.nas-hltv-actions button{font-size:11px;padding:6px 8px}.nas-hltv-map{width:95px;max-height:62px;object-fit:cover;display:block;border-radius:5px}.nas-hltv-score{white-space:nowrap;color:#d9e9f5}.nas-hltv-score span:first-child{color:#75aef8}.nas-hltv-score span:last-child{color:#f19a7c}.nas-hltv-player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px}.nas-hltv-player-list>div{background:#091a2b;border:1px solid #27435a;border-radius:7px;padding:10px}.nas-hltv-player-list small{overflow-wrap:anywhere}.nas-hltv-footer{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:12px;color:#a9bed2}.nas-hltv-pages{display:flex;gap:6px}.nas-hltv-pages a[aria-current=page]{background:#1670a5}.nas-hltv-error{background:#452126;color:#ffc4c7;padding:18px;border-radius:9px}@media(max-width:600px){.nas-hltv-hero{padding:18px}.nas-hltv-hero h2{font-size:23px}}

/* Expanded player roster: adapted from the provided demosdm/demosd2 HLTV CSS.
   Scoped to the HLTV plugin so original NasGamers theme and other stats pages are unaffected. */
.nas-hltv-demo-row{cursor:pointer}
.nas-hltv-demo-row:focus-visible{outline:2px solid #25c2f5;outline-offset:-2px}
.nas-hltv-demo-row:hover td{background:#182c40}
.nas-hltv-player-row td{background:#141416!important;padding:16px!important}
.nas-hltv-player-row td>strong{display:block;background:linear-gradient(to top,#1a1b1f,#212528);padding:12px 15px;border:1px solid #000;text-transform:uppercase;color:#bbb}
.nas-hltv .nas-hltv-player-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 0}
.nas-hltv .nas-hltv-player-list>.nas-hltv-player-card{min-width:0;background:linear-gradient(0deg,#100f10,#161515);border:1px solid #000;border-radius:0;box-shadow:3px 3px 10px rgba(0,0,0,.55);padding:12px}
.nas-hltv-player-head b{color:#2091d8;font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nas-hltv-player-head small{display:block;font-size:11px;color:#7f8995;overflow-wrap:anywhere}
.nas-hltv-player-metrics{display:flex;gap:15px;justify-content:center;margin-top:14px;color:#8995a1;font-size:12px}
.nas-hltv-player-metrics b{color:#e5edf3}
.nas-hltv-player-team{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:10px;color:#94a7b9}
.nas-hltv-team-track{height:6px;background:#2091d8;flex:1;overflow:hidden}
.nas-hltv-team-track>div{height:100%;background:#db2c2c}
@media(max-width:900px){.nas-hltv .nas-hltv-player-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.nas-hltv .nas-hltv-player-list{grid-template-columns:1fr}}

/* v3.9.5 team-grouped player cards */
.nas-hltv-player-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:14px}
.nas-hltv-team-section{min-width:0;padding:12px;background:rgba(15,26,40,.85);border:1px solid #273a4b}
.nas-hltv-team-section h3{font-size:14px;letter-spacing:1px;margin:0 0 12px;color:#cbd6e2}
.nas-hltv-team-spectators{grid-column:1/-1}
.nas-hltv .nas-hltv-team-section .nas-hltv-player-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}
.nas-hltv .nas-hltv-team-spectators .nas-hltv-player-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.nas-hltv-player-head{display:flex;gap:9px;align-items:center;min-width:0}
.nas-hltv .nas-hltv-avatar{height:58px;width:58px;object-fit:cover;flex-shrink:0;background:#141b21;border:1px solid #0a111b}
.nas-hltv-player-head>div{min-width:0}.nas-hltv-player-head a{color:#2091d8;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:700}
.nas-hltv-player-head a:hover{text-decoration:underline}
.nas-hltv .nas-hltv-player-head small{margin:3px 0;display:block}
.nas-hltv-session{margin-top:10px;text-align:center;color:#8e9ea8;font-size:11px}
.nas-hltv-session-track{background:#6b7178;height:5px;margin-top:5px}.nas-hltv-session-track span{display:block;height:100%;background:#2091d8}
.nas-hltv-team-t .nas-hltv-session-track span{background:#db2c2c}
.nas-hltv-team-spectators .nas-hltv-session-track span{background:#777}
@media(max-width:900px){.nas-hltv-player-sections{grid-template-columns:1fr}.nas-hltv-team-spectators{grid-column:auto}}
@media(max-width:550px){.nas-hltv .nas-hltv-team-section .nas-hltv-player-list,.nas-hltv .nas-hltv-team-spectators .nas-hltv-player-list{grid-template-columns:1fr}}

/* v3.9.6: original compact player card and theme-hosted pictograms */
.nas-hltv .nas-hltv-player-card{padding:9px 10px;background:linear-gradient(#161515,#100f10);border:1px solid #08090b;box-shadow:3px 3px 9px #0009;min-width:0;color:#69747e}
.nas-hltv-card-main{display:flex;align-items:center;gap:12px;min-height:80px}
.nas-hltv .nas-hltv-card-main .nas-hltv-avatar{width:80px;height:80px;object-fit:cover;border:1px solid #050506;padding:4px;background:#1d1d1d}
.nas-hltv-card-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:80px}
.nas-hltv-card-time{font-size:11px;color:#66717d;text-align:right;white-space:nowrap}
.nas-hltv-card-rank{display:flex;align-items:center;justify-content:flex-end;font-size:25px;line-height:29px;color:#606971}
.nas-hltv-rank-icon{display:inline-block;width:29px;height:30px;background:url('/wp-content/themes/blackfyre/img/military-rank.png') center/contain no-repeat}
.nas-hltv .nas-hltv-card-name{font-size:13px;text-transform:uppercase;font-weight:700;color:#2091d8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.nas-hltv .nas-hltv-card-name:hover{text-decoration:underline}
.nas-hltv-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-top:9px}
.nas-hltv .nas-hltv-card-bottom .nas-hltv-session{width:40%;flex-shrink:0;margin:0;font-size:11px;text-align:center}
.nas-hltv .nas-hltv-card-bottom .nas-hltv-session-track{height:4px;margin-top:5px}
.nas-hltv-card-stats{display:flex;align-items:center;gap:10px;white-space:nowrap}
.nas-hltv-card-stats>span{display:inline-flex;align-items:center;gap:3px;font-size:14px;color:#68737d}
.nas-hltv-kills-icon,.nas-hltv-deaths-icon{width:21px;height:21px;display:inline-block;background-position:center;background-size:contain;background-repeat:no-repeat}
.nas-hltv-kills-icon{background-image:url('/wp-content/themes/blackfyre/img/aim.png')}
.nas-hltv-deaths-icon{background-image:url('/wp-content/themes/blackfyre/img/human-skull.png')}
@media(max-width:500px){.nas-hltv-card-main{gap:8px}.nas-hltv .nas-hltv-card-main .nas-hltv-avatar{width:62px;height:62px}.nas-hltv-card-rank{font-size:20px}}

/* v3.9.7 — match listing polish, keeping the existing player-card styling unchanged */
.nas-hltv .nas-hltv-scroll{overflow-x:auto}
.nas-hltv .nas-hltv-scroll>table{border-collapse:collapse;border-spacing:0;min-width:740px;border:1px solid #080b0d}
.nas-hltv .nas-hltv-scroll thead th{background:linear-gradient(180deg,#24282b,#171a1d);border-bottom:2px solid #07090c;color:#d3d5d8;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.2px;padding:14px 15px}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td{background:#191d20;border-top:0;border-bottom:1px solid #060709;border-left:0;border-right:0;padding:15px;transition:background-color .2s,box-shadow .2s}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row:nth-of-type(4n+3)>td{background:#1d2225}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row:hover>td{background:#252d33}
.nas-hltv .nas-hltv-demo-row.is-open>td{background:#202d36!important;box-shadow:inset 0 -2px #23bdf5}
.nas-hltv .nas-hltv-map-frame{width:92px;height:92px;border:1px solid #69727a;border-radius:5px;padding:3px;background:linear-gradient(#393d40,#17191c);box-shadow:0 2px 8px #0007;margin:0 auto}
.nas-hltv .nas-hltv-map{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:2px}
.nas-hltv .nas-hltv-map-caption{display:block;text-align:center;font-size:12px;color:#b9c5cf;margin-top:6px;font-weight:600}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td:nth-child(2){text-align:center;min-width:125px}
.nas-hltv .nas-hltv-score-display{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.nas-hltv .nas-hltv-score-display .nas-hltv-ct,.nas-hltv .nas-hltv-score-display .nas-hltv-t{display:inline-block;padding:6px 11px;color:#fff;font-size:14px;font-weight:800;line-height:1;border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px 2px #ffffff4a,0 2px 4px #0007}
.nas-hltv .nas-hltv-score-display .nas-hltv-ct{background:linear-gradient(#15c5f1,#007caf);border-color:#1bd4fe}
.nas-hltv .nas-hltv-score-display .nas-hltv-t{background:linear-gradient(#e64b46,#9c1617);border-color:#ef3d3e}
.nas-hltv .nas-hltv-score-display .nas-hltv-versus{color:#eef1f4;font-size:12px;font-weight:900}
.nas-hltv .nas-hltv-actions{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin:0 0 0 8px}
.nas-hltv .nas-hltv-actions .nas-hltv-download-action,.nas-hltv .nas-hltv-actions .nas-hltv-copy{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #555b60;background:#666d74;border-radius:50%;padding:0;color:#fff;font-size:19px;font-weight:bold;line-height:1;transition:transform .18s,background .18s}
.nas-hltv .nas-hltv-actions .nas-hltv-download-action:hover,.nas-hltv .nas-hltv-actions .nas-hltv-copy:hover{background:#158bc4;transform:translateY(-2px)}
.nas-hltv .nas-hltv-actions .nas-hltv-expand{background:transparent;color:#88bcd8;border:1px solid #2c4e65;border-radius:4px;padding:5px 7px;font-size:11px}
.nas-hltv .nas-hltv-expand-icon{display:inline-block;transition:transform .25s}
.nas-hltv .nas-hltv-expand[aria-expanded=true] .nas-hltv-expand-icon{transform:rotate(180deg)}
.nas-hltv .nas-hltv-download-name{font-size:14px;text-decoration:underline}
.nas-hltv .nas-hltv-demo-row>td:first-child small{display:inline-block;margin:6px 0;color:#a1a4a9}
.nas-hltv .nas-hltv-player-row>td{padding:0 14px 18px!important;border-top:0!important}
.nas-hltv .nas-hltv-player-row>.nas-hltv-slide-cell>.nas-hltv-slide{overflow:hidden}
.nas-hltv .nas-hltv-player-row.is-entering .nas-hltv-slide{animation:nas-hltv-slide-in .32s cubic-bezier(.2,.75,.3,1) both;transform-origin:top}
@keyframes nas-hltv-slide-in{from{opacity:0;transform:translateY(-12px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.nas-hltv .nas-hltv-player-row.is-entering .nas-hltv-slide{animation:none}}
@media(max-width:800px){.nas-hltv .nas-hltv-actions{margin-left:0;margin-top:7px}.nas-hltv .nas-hltv-score-display{gap:6px}.nas-hltv .nas-hltv-score-display .nas-hltv-ct,.nas-hltv .nas-hltv-score-display .nas-hltv-t{padding:6px}}

/* v3.9.8 — keep demo filename on its own line and action controls beneath. */
.nas-hltv .nas-hltv-download-cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.nas-hltv .nas-hltv-download-name{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;word-break:normal}
.nas-hltv .nas-hltv-download-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row .nas-hltv-download-meta>small{display:inline-block;margin:0;white-space:nowrap;font-size:12px;color:#a2a7ac}
.nas-hltv .nas-hltv-download-meta .nas-hltv-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0}
.nas-hltv .nas-hltv-score-display{flex-wrap:nowrap;gap:10px;white-space:nowrap}
.nas-hltv .nas-hltv-scroll>table{table-layout:auto}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td:first-child{width:39%;min-width:280px}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td:nth-child(2){width:17%}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td:nth-child(3){width:25%;min-width:210px}
.nas-hltv .nas-hltv-scroll tbody>.nas-hltv-demo-row>td:nth-child(4){width:19%;min-width:140px}
.nas-hltv .nas-hltv-demo-row{cursor:pointer}
.nas-hltv .nas-hltv-demo-row.is-open>td{background:#202d36!important}
@media(max-width:850px){.nas-hltv .nas-hltv-scroll>table{min-width:900px}}

/* beta8.29: match original table button rhythm and compact search control.
   Specificity prevents global Blackfyre form/button sizing from expanding Search. */
body .nas-hltv .nas-hltv-search button[type="submit"] {
  display: inline-flex!important; align-items: center; justify-content: center;
  flex: 0 0 auto!important; width: auto!important; min-width: 75px!important;
  max-width: 125px!important; height: 35px!important; min-height: 0!important;
  margin: 0!important; padding: 7px 13px!important;
  font-size: 12px!important; font-weight: 700; line-height: 1.15!important;
  text-transform: none; border-radius: 5px; white-space: nowrap;
}
.nas-hltv .nas-hltv-actions { gap: 8px; }
.nas-hltv .nas-hltv-actions .nas-hltv-analysis-link,
.nas-hltv .nas-hltv-actions .nas-hltv-viewer-link,
.nas-hltv .nas-hltv-actions .nas-hltv-expand {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  box-sizing: border-box; height: 33px; margin: 0; padding: 7px 11px;
  border: 1px solid #2e83ad; border-radius: 5px; background: linear-gradient(#17577a,#0b344f);
  color: #e7f6ff; text-decoration: none; font-size: 11px; font-weight: 700;
  line-height: 1.1; white-space: nowrap; cursor: pointer; transition: background .17s ease;
}
.nas-hltv .nas-hltv-actions .nas-hltv-analysis-link:hover,
.nas-hltv .nas-hltv-actions .nas-hltv-viewer-link:hover,
.nas-hltv .nas-hltv-actions .nas-hltv-expand:hover { background: #1d80ab; color: #fff; }
.nas-hltv .nas-hltv-actions .nas-hltv-expand[aria-expanded="true"] { border-color: #34c7ff; background: #146f9a; }

/* Match the original HLTV AJAX 400ms slide and circular loader; no extra progress bar. */
.nas-hltv .nas-hltv-player-row .nas-hltv-slide { position: relative; }
.nas-hltv .nas-hltv-player-row.is-entering .nas-hltv-slide { animation: nas-hltv-original-open 400ms ease both; }
.nas-hltv .nas-hltv-player-row.is-closing .nas-hltv-slide { animation: nas-hltv-original-close 400ms ease both; overflow: hidden; }
@keyframes nas-hltv-original-open { from { max-height: 0; opacity: 0; transform: none; } to { max-height: 1300px; opacity: 1; transform: none; } }
@keyframes nas-hltv-original-close { from { max-height: 1300px; opacity: 1; } to { max-height: 0; opacity: 0; } }
.nas-hltv .nas-hltv-load-overlay { display: none; position: absolute; inset: 0; z-index: 4; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: rgba(10,10,10,.5); pointer-events: none; }
.nas-hltv .nas-hltv-player-row.is-loading .nas-hltv-load-overlay { display: flex; }
.nas-hltv-load-spinner { display: block; width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #555; border-radius: 50%; animation: nas-hltv-original-spin 1s linear infinite; box-sizing: border-box; }
@keyframes nas-hltv-original-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .nas-hltv .nas-hltv-player-row.is-entering .nas-hltv-slide,.nas-hltv .nas-hltv-player-row.is-closing .nas-hltv-slide,.nas-hltv-load-spinner { animation: none!important; } }


/* beta8.31: vertically center the entire search + live-server row. Blackfyre
   may apply margins, inherited line heights and different input heights to the
   form controls; normalize their placement without changing the banner itself. */
body .nas-hltv .nas-hltv-toolbar {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 12px;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 9px;
  min-height: 52px;
  margin: 0 !important;
  padding: 0 !important;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search > * {
  align-self: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search label {
  display: inline-flex;
  align-items: center;
  line-height: 1.25;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search select,
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search input {
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  margin: 0 !important;
  line-height: normal;
}
body .nas-hltv .nas-hltv-toolbar > iframe {
  display: block;
  flex: 0 1 450px;
  box-sizing: border-box;
  width: 450px;
  height: 52px;
  max-width: 100%;
  align-self: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  vertical-align: middle;
}


/* beta8.33: preserve the beta8.32 right-aligned server banner but restore
   the compact Search button width used before beta8.32. */
body .nas-hltv .nas-hltv-toolbar {
  justify-content: flex-start;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search {
  flex: 0 1 auto;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search .nas-hltv-value {
  box-sizing: border-box;
  width: 225px;
  flex: 0 1 225px;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-search button[type="submit"] {
  box-sizing: border-box;
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 15px !important;
}
body .nas-hltv .nas-hltv-toolbar > iframe {
  flex: 0 1 450px;
  margin-left: auto !important;
}
@media (max-width: 640px) {
  body .nas-hltv .nas-hltv-toolbar .nas-hltv-search .nas-hltv-value {
    flex-basis: min(225px, 100%);
    max-width: 100% !important;
  }
  body .nas-hltv .nas-hltv-toolbar .nas-hltv-search button[type="submit"] {
    flex-basis: 100px !important;
    max-width: 100px !important;
  }
}

/* beta8.34: Normalize the cross-origin server widget to the same visual
   control height as Search. Scaling the complete iframe proportionally
   preserves its own CONNECT link/online state and keeps the player meter
   circular (its contents cannot be styled directly from this WP page). */
body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner {
  position: relative;
  display: block;
  flex: 0 1 450px;
  box-sizing: border-box;
  width: 450px;
  max-width: 100%;
  height: 52px;
  align-self: center;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  overflow: hidden;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-server-banner > iframe {
  display: block;
  position: absolute;
  top: 5px; /* center the scaled original 52px widget in our 52px toolbar */
  left: 0;
  box-sizing: border-box;
  width: 125%;
  max-width: none;
  height: 52px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  transform: scale(.8);
  transform-origin: top left;
}
@media (max-width: 640px) {
  body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner {
    flex: 0 1 450px;
  }
}

/* beta8.35: A native, accessible CONNECT action lets the button match the
   WordPress Search control while keeping the original cross-origin iframe as
   the source of the live player meter, server name, and current map. If a
   server address isn't uniquely identifiable, PHP displays the intact remote
   widget instead of risking a wrong game connection. */
body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner {
  margin-right: 18px !important; /* a small move left without shifting Search */
}
body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner--native-connect {
  display: flex;
  flex: 0 0 452px;
  align-items: center;
  width: 452px;
  max-width: 100%;
  gap: 10px;
  overflow: visible;
}
body .nas-hltv .nas-hltv-server-banner--native-connect > .nas-hltv-server-status {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  height: 52px;
  overflow: hidden; /* hide only the remote CONNECT; preserve live details */
}
body .nas-hltv .nas-hltv-server-banner--native-connect .nas-hltv-server-status > iframe {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 563px;
  max-width: none;
  height: 52px;
  border: 0;
  padding: 0;
  margin: 0;
  transform: scale(.8);
  transform-origin: top left;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-connect,
body .nas-hltv .nas-hltv-toolbar .nas-hltv-connect:visited {
  display: inline-flex !important;
  flex: 0 0 100px;
  box-sizing: border-box;
  width: 100px;
  min-width: 100px;
  height: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  margin: 0 !important;
  border: 2px solid #25aee0;
  border-radius: 5px;
  background: #424649;
  color: #f4f4f4;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
}
body .nas-hltv .nas-hltv-toolbar .nas-hltv-connect:hover,
body .nas-hltv .nas-hltv-toolbar .nas-hltv-connect:focus-visible {
  background: #555b60;
  border-color: #42c6f5;
  color: #fff;
}
@media (max-width: 700px) {
  body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner { margin-right: 0 !important; }
}


/* beta8.37: restore legibility to the live HLstatsX server banner. Earlier
   CSS shrank the cross-origin widget to 80%, making its server/map text too
   small. Expand the banner so the original information can display at 105%
   scale while keeping the separate native CONNECT action unchanged. */
body .nas-hltv .nas-hltv-toolbar > .nas-hltv-server-banner--native-connect {
  flex: 0 1 590px;
  width: 590px;
  max-width: 100%;
  min-width: 0;
  height: 58px;
  gap: 12px;
}
body .nas-hltv .nas-hltv-server-banner--native-connect > .nas-hltv-server-status {
  height: 58px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
body .nas-hltv .nas-hltv-server-banner--native-connect .nas-hltv-server-status > iframe {
  top: 1px;
  left: 0;
  width: 563px;
  height: 52px;
  transform: scale(1.05);
  transform-origin: top left;
}
