/* ========================
   Base
   ======================== */
:root {
  /* Usadas por tu theme:
     --b-low-opacity, --ww-low-opacity, --gray-light, --gray-darken, --bright-red, --black-shadow */
}
* { box-sizing: border-box; }
body { font-family:'Montserrat', sans-serif; }

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn:focus-visible {
  outline: none;
  outline-offset: 0;
}

/* =========================
   NAVTABS — barra elegante + animación “desde el centro”
   ========================= */
.cs-tabs { margin:24px auto; max-width:1200px; font-family:'Montserrat',sans-serif; }

/* Barra contenedora */
.cs-tabs .cs-nav {
  position: relative;
  display: flex;
  gap: .35rem;
  padding: .5rem .6rem;
  border: 1px solid var(--ww-low-opacity);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ww-low-opacity) transparent;
}
.cs-tabs .cs-nav::-webkit-scrollbar{ height:8px; }
.cs-tabs .cs-nav::-webkit-scrollbar-thumb{ background:var(--ww-low-opacity); border-radius:10px; }

/* Pestañas */
.cs-tabs .cs-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .65rem 1rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 16px;
  color: var(--gray-darken);
  background: transparent;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color .5s ease, background .3s ease, border-color .3s ease;
  text-shadow: 1px 1px 2px rgba(0,0,0,.74);
  border: 1px solid var(--ww-low-opacity);
}
/* Línea roja que nace en el centro y se expande */
.cs-tabs .cs-nav a::after{
  content:'';
  position:absolute;
  bottom:-2px;
  left:50%;
  width:0;
  height:2px;
  background-color: var(--bright-red);
  transition: left .3s ease, width .3s ease;
  transform-origin:center;
}
/* Hover / Focus */
.cs-tabs .cs-nav a:hover{ color: var(--gray-light) !important; }
.cs-tabs .cs-nav a:hover::after{ width:100%; left:0; }
.cs-tabs .cs-nav a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,70,85,.25);
}
.cs-tabs .cs-nav a:focus-visible::after{ width:100%; left:0; }
/* Activa */
.cs-tabs .cs-nav a.active {
  color: var(--gray-light);
  font-weight: 700;
  background: transparent;
  border-bottom: none;
  z-index: 2;
}
.cs-tabs .cs-nav a.active::after{ width:100%; left:0; }

/* Panel contenido */
.cs-tabs .cs-pane {
  display: none;
  padding: 1.25rem;
  background: var(--b-low-opacity);
  color: var(--gray-darken);
  border: 1px solid var(--ww-low-opacity);
  border-top: none;
}
.cs-tabs .cs-pane[aria-hidden="false"]{ display:block; animation: csFadeIn .28s ease; }
@keyframes csFadeIn{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }
@media (prefers-reduced-motion: reduce){
  .cs-tabs .cs-pane[aria-hidden="false"]{ animation: none; }
  .cs-tabs .cs-nav a, .cs-tabs .cs-nav a::after{ transition: none; }
}

/* ========================
   Sección Owner
   ======================== */
.cs-owner-section { margin:28px auto 8px; max-width:1200px; }
.owner-header{
  display:flex; align-items:center; gap:.75rem;
  border:1px solid var(--ww-low-opacity);
  background: var(--b-low-opacity);
  padding:.85rem 1rem;
  text-transform:uppercase;
  color: var(--gray-light);
  letter-spacing:.6px;
  border-left:4px solid var(--bright-red);
  border-right:4px solid var(--bright-red);
}
.owner-header .owner-title{ display:flex; align-items:center; gap:.6rem; font-weight:700; }
.owner-header .owner-title i{ color: var(--bright-red); }
.owner-header .winner-badge{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.3rem .65rem;
  border-radius:999px;
  border:1px solid var(--bright-red);
  background: var(--b-low-opacity);
  color: var(--bright-red);
  font-weight:800; font-size:.9rem;
}
.owner-header .winner-badge i{ color: var(--bright-red); }

/* ========================
   Banner imponente
   ======================== */
.siege-banner{
  display:flex; align-items:center; justify-content:center;
  padding:2rem; margin-top:12px;
  border:1px solid var(--ww-low-opacity);
  position:relative; overflow:hidden; backdrop-filter: blur(20px);
}
.siege-banner::before{ position:absolute; inset:-2px; pointer-events:none; content:""; }
.fortress-logo{ display:block; margin:0; max-width:140px; height:auto; filter:drop-shadow(0 0 10px rgba(255,215,0,.55)); border-radius:10px; }
.siege-info{ display:flex; flex-direction:column; justify-content:center; text-align:center; min-width:1000px; }
.victory-alliance{ font-size:clamp(2.2rem, 3vw + 1rem, 3.5rem); font-weight:800; text-transform:uppercase; color: var(--gray-light); margin:0; line-height:1.05; letter-spacing:.5px; }
.guild-leader{ font-size:.95rem; color:var(--gray-darken); margin-top:1rem; text-transform:uppercase; letter-spacing:.6px; }
.leader-nickname{ font-size:1.45rem; font-weight:700; color:var(--gray-light); margin-top:4px; }

/* Timer */
.battle-countdown{
  width:100%; text-align:center; font-size:1.2rem; color: var(--gray-light);
  margin-top:1.6rem; padding:1rem;
  border-top:1px dashed rgba(255,255,255,.08);
  border-bottom:1px dashed rgba(255,255,255,.08);
  text-transform:uppercase;
}
.battle-countdown i{ color: var(--bright-red); margin-right:6px; }
#siegeTimer{ margin-top:.4rem; font-size:1.25rem; font-weight:700; color:#fff; }

/* Responsive banner/tabs */
@media (max-width: 900px){
  .cs-tabs .cs-nav{ gap:.25rem; padding:.4rem; }
  .cs-tabs .cs-nav a{ padding:.55rem .8rem; font-size:.9rem; }
  .siege-banner{ flex-direction:column; align-items:center; text-align:center; }
  .siege-info{ text-align:center; min-width: unset; }
  .fortress-logo{ max-width:120px; }
}

/* ========================
   Encabezado de Ranking
   ======================== */
.castlesiegeranking-header {
  display: flex;
  align-items: center;
  gap: .75rem;
  border: 1px solid var(--ww-low-opacity);
  background: var(--b-low-opacity);
  padding: 1.3rem 1rem;
  text-transform: uppercase;
  color: var(--gray-light);
  letter-spacing: .6px;
  border-left: 4px solid var(--bright-red);
  border-right: 4px solid var(--bright-red);
  margin: 20px auto 6px;
  max-width: 1200px;
}
.castlesiegeranking-title{ display:flex; align-items:center; gap:.6rem; font-weight:700; }
.castlesiegeranking-header .castlesiegeranking-title i{ color: var(--bright-red); }

/* ========================
   Winners V2 — Filtros
   ======================== */
#csWinnersV2 .cs-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}

/* Select (Edge/Chromium): simple con chevron */

#csWinnersV2 select {
    border-radius: 0;
    padding: 8px 12px;
    background: var(--black-shadow);
    font-weight: 700;
    min-width: 160px;
    color: var(--gray-light);
    border: 1px solid var(--ww-low-opacity);
}

/* Botón simple (texto) en filtros */

#csWinnersV2 .cs-filters .btn:disabled{opacity:.6;cursor:not-allowed}

#csWinnersV2 .cs-filters .btn {
  border: 1px solid var(--ww-low-opacity);
  background: var(--black-shadow);
  color: var(--gray-darken);
  border-radius: 0;
  padding: 8px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

#csWinnersV2 .cs-filters .btn:hover {
  background: var(--bright-red);
  color: var(--gray-light);
  border: 1px solid var(--ww-low-opacity);
}
/* ========================
   Winners V2 — Week / Entry
   ======================== */
#csWinnersV2 .cs-week-head{
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid var(--ww-low-opacity); border-radius:0; padding:12px 14px; margin-bottom:10px;
}
#csWinnersV2 .cs-week-title{ font-weight:500; font-size:11px; color: var(--gray-light); }

#csWinnersV2 .cs-youtube a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--b-low-opacity);
	border: 1px solid var(--ww-low-opacity);
	padding: 4px 10px;
	border-radius: 0;
	color: var(--gray-darken);
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	transition: all 0.6s ease-in-out;
}

#csWinnersV2 .fa-brands.fa-youtube {
	font-size: 20px;
}

#csWinnersV2 .cs-youtube a:hover {
	background: var(--bright-red);
	color: var(--gray-light) !important;
}

#csWinnersV2 .fa-brands.fa-youtube:hover {
	font-size: 20px;
}
#csWinnersV2 .cs-entry {
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 14px;
  backdrop-filter: blur(20px);
}

#csWinnersV2 .cs-entry-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border: 1px solid var(--ww-low-opacity);
}

#csWinnersV2 .cs-entry-date{ color: var(--gray-darken); font-weight:600; }

/* ========================
   Winners V2 — Tabla
   ======================== */
#csWinnersV2 .cs-table{width:100%;border-collapse:collapse}
#csWinnersV2 .cs-table th,#csWinnersV2 .cs-table td{
  border:1px solid var(--ww-low-opacity);
  padding:10px 12px;vertical-align:middle;text-align:center
}
#csWinnersV2 .cs-table thead th {
	color: var(--gray-light);
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	border: 1px solid var(--ww-low-opacity);
	border-top: none;
	background: var(--b-low-opacity);
}

#csWinnersV2 .cs-table tbody tr:nth-child(odd){background:transparent}
#csWinnersV2 .cs-table tbody tr:nth-child(even){background:transparent}

/* Columna Mark */
#csWinnersV2 .cs-col-mark{width:46px;text-align:center}
#csWinnersV2 .cs-mark{
  width:38px;height:38px;
  background: var(--b-low-opacity);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;margin:0 auto;
}
#csWinnersV2 .cs-logo-img{max-width:100%;max-height:100%;display:block}
#csWinnersV2 .cs-mark-fallback{font-weight:800;font-size:12px;color:#ffd700;letter-spacing:.3px}

/* Texto */
#csWinnersV2 .cs-col-clan{min-width:240px}
#csWinnersV2 .cs-clan-name a, #csWinnersV2 .cs-clan-name {
  color: var(--gray-light);
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.5s ease-in-out;
}

#csWinnersV2 .cs-clan-name:hover {
  transform: scale(1.1);
}

#csWinnersV2 .cs-master a, #csWinnersV2 .cs-master {
	color: var(--gray-darken);
	font-size: 12.5px;
	transition: transform 0.5s ease-in-out;
}

#csWinnersV2 .cs-master:hover {
	transform: scale(1.1);
}

#csWinnersV2 .cs-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#614c1f;color:#ffd700;font-size:12px;margin-left:8px}
#csWinnersV2 .cs-td-max {
    display: inline-block;
    background: transparent;
    color: var(--gray-light);
    padding: 4px 6px;
    margin-left: 8px;
    font-size: 10px;
    border: 1px solid var(--ww-low-opacity);
    text-transform: uppercase;
}

#csWinnersV2 .cs-def-final {
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
    color: var(--gray-light);
}

#csWinnersV2 .cs-finished{margin-top:8px;color:#bbb;text-align:center;font-style:italic}

/* Responsive tabla */
@media (max-width:900px){
  #csWinnersV2 .cs-entry-head{flex-direction:column;gap:8px;align-items:flex-start}
  #csWinnersV2 .cs-table thead{display:none}
  #csWinnersV2 .cs-table, #csWinnersV2 .cs-table tbody, #csWinnersV2 .cs-table tr, #csWinnersV2 .cs-table td{display:block;width:100%}
  #csWinnersV2 .cs-table tr{border:1px solid #3a3a3a;margin-bottom:10px}
  #csWinnersV2 .cs-table td{border:none;border-bottom:1px solid #3a3a3a}
  #csWinnersV2 .cs-table td:last-child{border-bottom:none}
  #csWinnersV2 .cs-table td[data-label]{position:relative;padding-left:42%}
  #csWinnersV2 .cs-table td[data-label]::before{content:attr(data-label);position:absolute;left:12px;top:10px;font-weight:700;color:#d8d8d8}
  #csWinnersV2 .cs-col-mark{width:auto}
  #csWinnersV2 .cs-mark{margin-left:0}
}

/* ========================
   Firefox: dropdown custom oscuro
   ======================== */
@supports (-moz-appearance: none) {
  /* Ocultamos el select real si se usa wrapper custom */
  #csWinnersV2 .cs-filters select.ff-hidden {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Contenedor del custom */
  .ff-select {
    position: relative;
    display: inline-block;
    min-width: 180px;
    max-width: 100%;
    font: inherit;
    vertical-align: middle;
  }

  .ff-select__button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--b-low-opacity);
    color: var(--gray-light);
    border: 1px solid var(--ww-low-opacity);
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
    user-select: none;
  }
  .ff-select__button:hover { background: rgba(255,255,255,.06); }
  .ff-select__button:focus-visible {
    outline: none;
    border-color: var(--bright-red);
    box-shadow: 0 0 0 2px rgba(255,70,85,.25);
  }
  .ff-select__arrow {
    flex: 0 0 auto;
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--gray-light);
    opacity: .9;
    transition: transform .2s ease;
  }
  .ff-select[aria-expanded="true"] .ff-select__arrow { transform: rotate(180deg); }

  /* Lista */
  .ff-select__list {
    position: absolute;
    inset: auto 0  auto 0;
    top: calc(100% + 6px);
    z-index: 9999;
    background: #121212;
    color: #eaeaea;
    border: 1px solid var(--ww-low-opacity);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.45);
    max-height: 240px;
    overflow: auto;
    padding: 6px;
    display: none;
    scrollbar-width: thin;
    scrollbar-color: var(--ww-low-opacity) transparent;
  }
  .ff-select__list::-webkit-scrollbar { width: 8px; }
  .ff-select__list::-webkit-scrollbar-thumb { background: var(--ww-low-opacity); border-radius: 10px; }

  .ff-select__option {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    line-height: 1.2;
    transition: background .15s ease, color .15s ease;
    color: #eaeaea;
  }
  .ff-select__option:hover { background: rgba(255,70,85,.18); color: #fff; }
  .ff-select__option[aria-selected="true"] { background: rgba(255,70,85,.28); color: #fff; }
  .ff-select__option[aria-disabled="true"] { opacity: .6; cursor: not-allowed; }

  .ff-select.is-open .ff-select__list { display: block; }
}

/* ========================
   Layout viejo OFF
   ======================== */
.cs-log,.cs-row{display:none!important}


#csTopMonth{ color:var(--we-text); font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif; }

/* Cuadro único */
#csTopMonth .tm-section {
    border: 1px solid var(--ww-low-opacity);
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

#csTopMonth .tm-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: transparent;
    color: var(--gray-darken);
}

#csTopMonth .tm-section-header h3{ margin:0; font-size:16px; font-weight:900; }

/* Controles */
#csTopMonth .tm-controls {
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ww-low-opacity);
}

#csTopMonth label {
    font-weight: 800;
    font-size: 13px;
    margin-right: 6px;
    color: var(--gray-darken);
}

#csTopMonth select {
    border-radius: 0;
    padding: 8px 12px;
    background: var(--black-shadow);
    font-weight: 700;
    min-width: 160px;
    color: var(--gray-light);
    border: 1px solid var(--ww-low-opacity);
}

#csTopMonth .tm-btn {
  border: 1px solid var(--ww-low-opacity);
  background: var(--black-shadow);
  color: var(--gray-darken);
  border-radius: 0;
  padding: 8px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

#csTopMonth .tm-btn:hover {
  background: var(--bright-red);
  color: var(--gray-light);
  border: 1px solid var(--ww-low-opacity);
}

#csTopMonth .tm-table thead th {
	background: var(--b-low-opacity);
	color: var(--gray-darken);
	font-weight: 800;
	text-align: center;
}
/* Tablas */
#csTopMonth .tm-body{ padding:12px 14px }

#csTopMonth .tm-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  backdrop-filter: blur(20px);
}

#csTopMonth .tm-table th, #csTopMonth .tm-table td {
    border: 1px solid var(--ww-low-opacity);
    padding: 10px 12px;
    vertical-align: middle;
    text-align: center;
    color: var(--gray-light);
}

#csTopMonth .tm-table thead th {
	background: var(--b-low-opacity);
	color: var(--gray-darken);
	font-weight: 800;
	text-align: center;
}

#csTopMonth .tm-rank{ width:56px; text-align:center; font-weight:900 }
#csTopMonth .tm-col-mark{ width:48px; text-align:center }
#csTopMonth .tm-col-score{ width:120px; text-align:center }
#csTopMonth .tm-score{ font-size:20px; font-weight:900; line-height:1 }
#csTopMonth .tm-col-detail{ width:140px; text-align:center }

/* Logo / textos */
#csTopMonth .tm-logo {
    width: 38px;
    height: 38px;
    border-radius: 0;
    background: var(--black-shadow);
    display: flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#csTopMonth .tm-logo .tm-logo-fallback{ font-weight:800; font-size:12px; color:#2e7d32; letter-spacing:.3px }
#csTopMonth .tm-clan-name a, #csTopMonth .tm-clan-name {
    color: var(--gray-light);
    font-weight: 900;
    text-decoration: none;
}

#csTopMonth .tm-clan-name a, #csTopMonth .tm-clan-name {
    color: var(--gray-light);
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.5s ease-in-out;
}

#csTopMonth .tm-master a, #csTopMonth .tm-master {
    color: var(--gray-light);
    font-size: 13px;
	transition: transform 0.5s ease-in-out;
}

.tm-clan-name:hover, .tm-master:hover {
    transform: scale(1.1);
}

/* Detalle (botón a la derecha + fila expandida) */
#csTopMonth .tm-detail-btn {
	border: none;
	color: var(--gray-darken);
	border-radius: 0;
	padding: 10px 20px;
	font-weight: 800;
	cursor: pointer;
	font-size: 14px;
	background: transparent;
	transition: all 0.5s ease-in-out;
}

#csTopMonth .tm-detail-btn:hover {
	color: var(--gray-light);
	transform: scale(1.1);
}

#csTopMonth .tm-details-row{ display:none }
#csTopMonth .tm-details-row.open{ display:table-row }

#csTopMonth .tm-details-box {
	background: var(--b-low-opacity);
	border: 1px solid var(--ww-low-opacity);
	padding: 10px;
}

/* Tabla interna de detalles */
#csTopMonth .tm-subtable{ width:100%; border-collapse:collapse; margin:0 }

#csTopMonth .tm-subtable th, #csTopMonth .tm-subtable td {
	border: 1px solid var(--ww-low-opacity);
	padding: 8px 10px;
	vertical-align: middle;
}

#csTopMonth .tm-subtable thead th {
	background: var(--black-shadow);
	font-weight: 900;
}

#csTopMonth .delta-pos{ font-weight:900; color:var(--we-green-dark) }
#csTopMonth .delta-neg{ font-weight:900; color:var(--we-red-dark) }

/* Vacío */
#csTopMonth .tm-empty{ color:#9aa0a6; padding:10px 0; text-align:center }


#tcV3{color:var(--t); font-family:'Montserrat',system-ui,Segoe UI,Arial,sans-serif}

/* Title */
.tc-section {
    border: 1px solid var(--ww-low-opacity);
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

.tc-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: transparent;
    color: var(--gray-darken);
}

.tc-section-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 900;
}

/* Filtros */
#tcV3 .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}

#tcV3 select {
	border-radius: 0;
	padding: 8px 12px;
	background: var(--black-shadow);
	font-weight: 700;
	min-width: 160px;
	color: var(--gray-light);
	border: 1px solid var(--ww-low-opacity);
}

#btnShow {
  border: 1px solid var(--ww-low-opacity);
  background: var(--black-shadow);
  color: var(--gray-darken);
  border-radius: 0;
  padding: 8px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

#btnShow:hover {
  background: var(--bright-red);
  color: var(--gray-light);
  border: 1px solid var(--ww-low-opacity);
}

/* Card + tabla */
#tcV3 .card {
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--ww-low-opacity);
	border-radius: 0;
	padding: 12px 14px;
	margin-bottom: 10px;
	color: var(--gray-darken);
}

#tcV3 .crumb {
	font-size: 11px;
	color: var(--gray-light);
}

#tcV3 b {
	font-weight: 500;
}

#tcV3 .table {
	width: 100%;
	border-collapse: collapse;
	backdrop-filter: blur(20px);
}

#tcV3 .table th, #tcV3 .table td {
	border: 1px solid var(--ww-low-opacity);
	padding: 10px 12px;
	vertical-align: middle;
	text-align: center;
}

#tcV3 .table thead th {
	background: var(--b-low-opacity);
	text-align: center;
	font-weight: 800;
}

#tcV3 .col-logo{width:46px; text-align:center}

#tcV3 tr {
	border: 1px solid var(--ww-low-opacity);
}

#tcV3 th {
	background: var(--b-low-opacity);
}

/* Logo / nombres */
#tcV3 .logo {
	width: 38px;
	height: 38px;
	border-radius: 0;
	background: var(--black-shadow);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#tcV3 .logo-fb{font-weight:800;font-size:12px;color:#2e7d32}

#tcV3 .gname a, #tcV3 .gname {
	color: var(--gray-light);
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.5s ease-in-out;
}

#tcV3 .gname a:hover{text-decoration:underline}

#tcV3 .gm, #tcV3 .gm a {
	color: var(--gray-darken);
	font-size: 12px;
	transition: transform 0.5s ease-in-out;
}

#tcV3 .gname:hover, .gm:hover {
	transform: scale(1.1);
}

/* Chips / expander */
#tcV3 .chip {
	display: inline-block;
	border-radius: 0;
	padding: 4px 10px;
	font-weight: 700;
	background: transparent;
	color: var(--gray-light);
	border: 1px solid var(--ww-low-opacity);
	margin: 2px 6px 2px 0;
}

#tcV3 .exp {
	border: none;
	color: var(--gray-darken);
	border-radius: 0;
	padding: 10px 20px;
	font-weight: 800;
	cursor: pointer;
	font-size: 14px;
	background: transparent;
	transition: all 0.5s ease-in-out;
}

#tcV3 .exp:hover {
  color: var(--gray-light);
  transform: scale(1.1);
}


#tcV3 .arr{display:inline-block;transform:rotate(0deg);transition:transform .18s ease}
#tcV3 .exp[aria-expanded="true"] .arr{color:var(--gray-light)}
#tcV3 .detail-row {
	background: var(--b-low-opacity);
}

#tcV3 .detail-box {
	padding: 5px 10px;
	text-align: left;
}