/* PICO · css/pages/squads.css — página SQUADS: la TABLA GENERAL del top 50 (vista TABLA y TARJETAS).
   Se apoya en base.css (.phero, .kpi, .lb/.lbr, .lb__zone, .tcard, .coinchip, .pnl, .zbadge, .mv…): aquí solo lo propio.
   Modelo: la página «Countries» de la referencia (cabecera con 4 teselas, conmutador CARDS | TABLE, filas que se
   reordenan). Animaciones: solo las para html.sin-movimiento (regla global de base.css); nunca prefers-reduced-motion. */

/* =====================================================================
   CABECERA: título a la izquierda, 4 teselas 2×2 a la derecha
   ===================================================================== */
.sqh { padding: 58px 0 66px; }
.sqh__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); align-items: end; gap: 34px 48px; }
.sqh__head { min-width: 0; }
.sqh__meta {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px;
  margin-top: 14px; padding: 9px 14px 8px;
  font: 800 12.5px/1.3 var(--f-num); letter-spacing: .16em; text-transform: uppercase;
  color: var(--mint-2); background: var(--ink);
}
.sqh__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sqh .kpi { min-height: 150px; justify-content: flex-start; }
.sqh .kpi__val { font-size: clamp(38px, 3.5vw, 54px); }
.sqh .kpi__val small { font-size: .5em; letter-spacing: .02em; }
.sqh .kpi__sub { margin-top: auto; }
/* AVG 24H CHANGE se colorea por el signo (verde / rojo); sin dato, tinta */
.kpi--red { background: var(--red); color: var(--ink); }
.kpi--red .kpi__sub { color: #3B0A10; }

/* =====================================================================
   BARRA: TABLE | CARDS · buscador · orden · recuento
   ===================================================================== */
.sqs { padding-top: 46px; }
.sqbar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin-bottom: 26px; }
.seg { display: inline-flex; flex: none; background: var(--ink); border: 3px solid var(--mint); box-shadow: 5px 5px 0 var(--purple); }
.seg button {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 18px 12px;
  font: 800 14px/1 var(--f-num); letter-spacing: .24em; text-transform: uppercase;
  color: var(--white); background: transparent; border: 0; cursor: pointer;
  transition: color .15s, background-color .15s;
}
.seg button .ico { font-size: 17px; stroke-width: 2.4; }
.seg button + button { border-left: 3px solid var(--mint); }
.seg button[aria-pressed="true"] { color: var(--ink); background: var(--green); }
.seg button:not([aria-pressed="true"]):hover { color: var(--green); }
.seg button:focus-visible { outline: 3px solid var(--yellow); outline-offset: -7px; }
.seg button[aria-pressed="true"]:focus-visible { outline-color: var(--ink); }

.srch {
  position: relative; flex: 1 1 260px; max-width: 440px; min-width: 0;
  display: flex; align-items: center; gap: 10px;
  height: 52px; padding: 0 6px 0 14px;
  background: var(--ink-2); border: 3px solid var(--mint);
  transition: border-color .15s, box-shadow .15s;
}
.srch > .ico { font-size: 19px; color: var(--mint-2); }
.srch input {
  flex: 1; min-width: 0; height: 100%; padding: 0;
  font: 600 16px/1 var(--f-body); color: var(--white);
  background: none; border: 0; border-radius: 0;
  -webkit-appearance: none; appearance: none;
}
.srch input::placeholder { color: var(--mint-3); opacity: 1; }
.srch input::-webkit-search-cancel-button, .srch input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.srch input:focus { outline: none; }
.srch:focus-within { border-color: var(--green); box-shadow: 5px 5px 0 var(--green); }
.srch__clear {
  flex: none; width: 36px; height: 36px; display: grid; place-items: center;
  color: var(--mint-2); background: none; border: 0; cursor: pointer;
}
.srch__clear .ico { font-size: 16px; stroke-width: 3; }
.srch__clear:hover { color: var(--green); }
.srch__clear:focus-visible { outline-offset: -3px; }

.sortsel {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  height: 52px; padding: 0 0 0 14px;
  font: 800 12px/1 var(--f-num); letter-spacing: .24em; text-transform: uppercase; color: var(--mint-2);
  background: var(--ink-2); border: 3px solid var(--mint);
}
.sortsel select {
  height: 100%; padding: 0 38px 0 8px;
  font: 800 15px/1 var(--f-num); letter-spacing: .1em; text-transform: uppercase; color: var(--white);
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312E680' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 15px 15px;
  border: 0; border-radius: 0; cursor: pointer;
  -webkit-appearance: none; appearance: none;
}
.sortsel select:focus { outline: none; }
.sortsel:focus-within { border-color: var(--green); box-shadow: 5px 5px 0 var(--green); }
.sortsel option { color: var(--white); background: var(--ink-2); text-transform: none; }

.sqbar__info {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-left: auto;
  font: 800 13px/1 var(--f-num); letter-spacing: .18em; text-transform: uppercase; color: var(--mint-3);
}
.sqbar__count b { color: var(--white); }

/* =====================================================================
   TABLA (lb--squads): mismas filas que el top 10 de la portada (.lbr), con 10 columnas
   POS · 1H · SQUAD · PNL · COIN · MCAP · 24H · VOL · HOLDERS · BUY
   ===================================================================== */
.lb--squads { position: relative; }
.lb--squads .lb__head, .lb--squads .lbr {
  grid-template-columns: 52px 50px minmax(0, 1fr) 182px 140px 84px 82px 82px 82px 92px;
  column-gap: 12px;
  padding: 0 18px 0 22px;
}
/* cabecera pegada bajo la cabecera del sitio mientras se baja por los 50 */
.lb--squads .lb__head {
  position: sticky; top: var(--hdr-h); z-index: 6;
  height: 50px;
  font-size: 11.5px; letter-spacing: .22em;
  box-shadow: 0 6px 0 rgba(7, 18, 12, .55);
}
.lb--squads .lb__head > span { min-width: 0; display: flex; align-items: center; }
.lb--squads .lb__head > .c-pos { justify-content: center; }
.lb--squads .lb__head > .r { justify-content: flex-end; }
.lb--squads .lb__head button {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 0; margin: 0;
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit;
  background: none; border: 0; cursor: pointer; white-space: nowrap;
}
.lb--squads .lb__head button::after { content: '\2195'; font-size: 12px; letter-spacing: 0; opacity: .45; }
.lb--squads .lb__head [aria-sort="ascending"] button::after { content: '\25B2'; font-size: 9px; opacity: 1; }
.lb--squads .lb__head [aria-sort="descending"] button::after { content: '\25BC'; font-size: 9px; opacity: 1; }
.lb--squads .lb__head [aria-sort="ascending"] button,
.lb--squads .lb__head [aria-sort="descending"] button,
.lb--squads .lb__head button:hover { color: var(--green); }
.lb--squads .lb__head button:focus-visible { outline-offset: 2px; }
.lb--squads .lb__head .l-m { display: none; }

.lb--squads .lbr { min-height: 72px; padding-top: 10px; padding-bottom: 10px; }
.lb--squads .lbr__rank { font-size: 30px; }
.lb--squads .c-mv .mv { font-size: 17px; }
.lb--squads .c-mv .mv--new { font-size: 11.5px; padding: 4px 6px 3px; }
.lb--squads .c-squad { min-width: 0; }
.lb--squads .sq { gap: 12px; }
.lb--squads .sq__id { gap: 6px; }
.lb--squads .sq__name { font-size: 21px; }
/* toda la fila lleva a la ficha: el enlace del nombre se estira sobre la fila (el botón BUY queda por encima) */
.lb--squads .lbr .sq__name::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.lb--squads .lbr:focus-within { background-color: #10251A; }
.lb--squads .lbr:hover .sq__name { color: var(--green); }
.sqr__sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-width: 0; }
.sqr__sub .members { font-size: 14px; }
.sqr__sub .members i { font-style: normal; margin-left: 4px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: 11px; color: var(--mint-3); }
.sqr__new {
  padding: 3px 6px 2px;
  font: 900 11px/1 var(--f-num); letter-spacing: .16em; text-transform: uppercase;
  color: var(--ink); background: var(--yellow);
}
.lb--squads .c-pnl { justify-self: end; text-align: right; min-width: 0; }
.lb--squads .pnl__v { font-size: 22px; }
.lb--squads .pnl__split { flex-direction: column; align-items: flex-end; gap: 3px; font-size: 11.5px; }
.lb--squads .c-coin { min-width: 0; justify-self: start; max-width: 100%; }
.lb--squads .c-coin .coinchip { font-size: 13.5px; }
.lb--squads .c-coin .coinchip--soon { font-size: 12px; }
.t-n {
  justify-self: end; text-align: right;
  font: 800 17px/1 var(--f-num); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap;
  color: var(--white);
}
.t-n.up { color: var(--green); }
.t-n.dn { color: var(--red-2); }
.t-n.is-na { font-weight: 700; color: var(--mint-3); }
.t-n small { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--mint-3); }
.lb--squads .c-buy { justify-self: end; }
.buy {
  position: relative; z-index: 2;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 11px 8px;
  font: 900 14px/1 var(--f-num); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
  color: var(--ink); background: var(--yellow); text-decoration: none;
  border: 2px solid var(--ink); box-shadow: 3px 3px 0 var(--green);
  transition: translate .12s ease-out, box-shadow .12s ease-out;
}
.buy .ico { font-size: 14px; stroke-width: 3; }
.buy:hover { translate: -2px -2px; box-shadow: 5px 5px 0 var(--green); }
.buy:active { translate: 2px 2px; box-shadow: 1px 1px 0 var(--green); }
.buy.is-off { color: var(--mint-3); background: transparent; border: 2px dashed var(--mint-3); box-shadow: none; cursor: not-allowed; translate: none; }

/* separadores de zona (solo con el orden por puesto y sin búsqueda) */
.lb--squads .lb__zone { height: 32px; padding: 0 18px 0 22px; }

/* fila de estado dentro de la tabla: cargando / sin conexión */
.sqmsg {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 160px; padding: 30px 20px; text-align: center;
  font: 800 15px/1.4 var(--f-num); letter-spacing: .2em; text-transform: uppercase; color: var(--mint-2);
}
.sqmsg .dot { animation-duration: 1s; }
.sqmsg--off { color: var(--red-2); }

/* búsqueda sin resultados */
.sqempty {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px;
  margin-top: 4px; padding: 26px 26px 24px;
  font: 700 17px/1.4 var(--f-num); letter-spacing: .08em; color: var(--white);
  background: var(--ink-2); border: 3px dashed var(--mint-3);
}
.sqempty b { color: var(--yellow); }

.sqs .board__legend, .sqs__legend { margin-top: 16px; font: 700 12.5px/1.6 var(--f-num); letter-spacing: .16em; text-transform: uppercase; color: var(--mint-3); }
.sqs__legend b { color: var(--mint-2); font-weight: 800; }

/* =====================================================================
   TARJETAS 16:9 (vista CARDS): emblema como «bandera», píldoras, precio, mcap/vol/holders
   1–3 con los colores del premio · 4–10 FEE SHARE · 11+ en tinta. Los squads sensitive no salen en tarjetas.
   ===================================================================== */
.sqcards { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 22px; }
.sqcard.tcard { padding: 14px 16px 13px; gap: 8px; }
.sqcard .tcard__top { gap: 10px; }
.sqcard .tcard__name { margin: 0 0 8px; font-size: calc(clamp(22px, 1.75vw, 28px) * var(--ds)); line-height: .9; overflow-wrap: anywhere; }
.sqcard .tcard__pills { gap: 6px; }
.sqcard .tick, .sqcard .rar, .zpill { padding: 4px 6px 3px; font: 800 11px/1 var(--f-num); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.tick--soon { color: var(--mint-2); background: rgba(7, 18, 12, .82); border-style: dashed; border-color: var(--mint-2); }
.zpill { color: var(--ink); border: 2px solid var(--ink); }
.zpill--1 { background: var(--gold); }
.zpill--2 { background: var(--silver); }
.zpill--3 { background: var(--bronze); }
.zpill--fee { background: var(--green); }
.sqcard .emb { --es: 54px; }
/* [Rematar] 29-oct: «Squad PnL» / «Price» (10 px) bajaba de 4,5:1 sobre el vídeo del owner y sobre las banderas claras:
   va sobre una placa de tinta, como las píldoras (.tick--soon). Padding y márgenes negativos iguales: no mueve nada.
   Medido CON la placa: web/_revision/final_rematar/contraste_lbl.txt */
.sqcard .tcard__bot .lbl { width: fit-content; padding: 2px 5px; margin: -2px 0 -2px -5px; font-size: 10px; letter-spacing: .26em; background: rgba(7, 18, 12, .82); }
.sqcard .tcard__price { margin: 4px 0 8px; gap: 2px 10px; }
.sqcard .tcard__price b { font-size: clamp(26px, 2.1vw, 34px); }
.sqcard .tcard__price b.is-soon { font: 900 calc(clamp(20px, 1.6vw, 26px) * var(--ds)) / 1 var(--f-display); letter-spacing: .04em; text-transform: uppercase; color: var(--mint); }
.sqcard .chg { font-size: 17px; }
.sqcard .chg--tag { padding: 3px 6px 2px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); background: var(--yellow); filter: none; }
.sqcard .tcard__stats { gap: 8px; }
.sqcard .tcard__stats dt { font-size: 9.5px; letter-spacing: .22em; }
.sqcard .tcard__stats dd { margin-top: 4px; font-size: 15.5px; }
.sqcard .tcard__stats dd.up { color: var(--green); }
.sqcard .tcard__stats dd.dn { color: var(--red-2); }
.sqcard--p1 { border-color: var(--gold); box-shadow: 6px 6px 0 var(--gold); }
.sqcard--p2 { border-color: var(--silver); box-shadow: 6px 6px 0 var(--silver); }
.sqcard--p3 { border-color: var(--bronze); box-shadow: 6px 6px 0 var(--bronze); }
.sqcard--fee { border-color: var(--green); }
.sqcard--storm { border-color: var(--mint-3); }
.sqcards__note {
  grid-column: 1 / -1;
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
  padding: 16px 18px 15px;
  font: 700 13px/1.5 var(--f-num); letter-spacing: .14em; text-transform: uppercase; color: var(--mint-2);
  background: var(--ink-2); border: 2px dashed var(--ink-4);
}
.sqcards__note button { padding: 0; font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--yellow); background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* [Tarjetas] el VÍDEO DEL OWNER de fondo (squads.js pone una capa fija por squad, la misma entre repintados).
   card.mp4 ya viene difuminado (banco/videos_owners.py): aquí solo se oscurece, sin filter, para que el navegador no
   gaste al reproducir. Debajo del vídeo, su póster (card.jpg); mientras carga, la bandera de siempre.
   isolation: la capa (z-index -1) queda detrás de todo el contenido de la tarjeta, pero delante de su fondo.
   El oscurecido, medido el 29-oct en los 20 vídeos del top 50 (póster + 7 fotogramas, 1366 y 390): el texto se lee
   igual o mejor que hoy sobre las banderas (peor nombre 2,9:1 frente a 1,7:1; peor etiqueta 2,5:1 frente a 2,1:1). */
.sqcard.has-vid { isolation: isolate; }
.sqcard__vid { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.sqcard__vid-img, .sqcard__vid-v {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: 0; transition: opacity .6s ease-out;
}
.sqcard__vid-img.is-ok, .sqcard__vid-v.is-on { opacity: 1; }
.sqcard__vid::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 18, 12, .42) 0%, rgba(7, 18, 12, .36) 38%, rgba(7, 18, 12, .92) 100%),
    linear-gradient(90deg, rgba(7, 18, 12, .6), rgba(7, 18, 12, 0) 70%);
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* 4 tarjetas por fila solo si caben a ≥ 313 px (si no, el 16:9 no deja sitio a las cifras) */
@media (max-width: 1365px) {
  .sqcards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1279px) {
  .sqh__in { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 30px 36px; }
  .lb--squads .lb__head, .lb--squads .lbr { grid-template-columns: 48px 46px minmax(0, 1fr) 176px 132px 84px 80px 92px; }
  .lb--squads .c-vol, .lb--squads .c-hold,
  .lb--squads .lb__head > .c-vol, .lb--squads .lb__head > .c-hold { display: none; }
  .sqr__sub { gap: 4px 9px; }
  .sqr__sub .members i { display: none; }
  .lb--squads .sqr__sub .zbadge { font-size: 10px; letter-spacing: .14em; }
}

@media (max-width: 1023px) {
  .sqh__in { grid-template-columns: minmax(0, 1fr); }
  .sqh__kpis { max-width: 640px; }
  .sqh .kpi { min-height: 0; }

  /* tableta: POS(+1h) · SQUAD · PNL · COIN(+24h) · MCAP */
  .lb--squads .lb__head { display: grid; }
  .lb--squads .lb__head, .lb--squads .lbr {
    grid-template-columns: 44px minmax(0, 1fr) 150px 118px 78px;
    column-gap: 12px; padding-left: 18px; padding-right: 14px;
  }
  .lb--squads .lb__head { grid-template-areas: "rank squad pnl ch mcap"; }
  .lb--squads .lbr { grid-template-areas: "rank squad pnl coin mcap" "mv squad pnl ch mcap"; row-gap: 5px; }
  .lb--squads .c-pos { grid-area: rank; }
  .lb--squads .c-mv { grid-area: mv; justify-self: center; align-self: start; }
  .lb--squads .c-squad { grid-area: squad; }
  .lb--squads .c-pnl { grid-area: pnl; }
  .lb--squads .c-coin { grid-area: coin; justify-self: end; align-self: end; }
  .lb--squads .c-ch { grid-area: ch; }
  .lb--squads .lbr .c-ch { align-self: start; font-size: 15px; }
  .lb--squads .c-mcap { grid-area: mcap; }
  .lb--squads .lb__head > .c-ch { justify-content: flex-end; }
  .lb--squads .lb__head .l-d { display: none; }
  .lb--squads .lb__head .l-m { display: inline; }
  .lb--squads .c-vol, .lb--squads .c-hold, .lb--squads .c-buy,
  .lb--squads .lb__head > .c-vol, .lb--squads .lb__head > .c-hold, .lb--squads .lb__head > .c-buy,
  .lb--squads .lb__head > .c-mv, .lb--squads .lb__head > .c-coin { display: none; }
  .lb--squads .lbr__rank { font-size: 28px; align-self: end; }
  .lb--squads .lb__zone { padding: 0 14px 0 18px; }
  .sqcards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; }
  .sqcard .tcard__name { font-size: calc(clamp(22px, 3.2vw, 30px) * var(--ds)); }
  .sqcard .tcard__price b { font-size: clamp(26px, 3.6vw, 34px); }
}

@media (max-width: 760px) {
  .sqh { padding: 40px 0 46px; }
  .sqh__kpis { gap: 12px; }
  .sqh .kpi__val { font-size: 34px; }
  .sqh__meta { font-size: 11px; letter-spacing: .12em; padding: 8px 10px 7px; }

  .sqs { padding-top: 34px; }
  .sqbar { gap: 12px; margin-bottom: 20px; }
  .seg button { gap: 7px; padding: 12px 11px 11px; font-size: 13px; letter-spacing: .16em; }
  .seg button .ico { font-size: 15px; }
  .sortsel { height: 48px; flex: 1 1 0; min-width: 0; padding-left: 10px; letter-spacing: .16em; font-size: 11px; }
  .sortsel select { flex: 1; width: 100%; min-width: 0; font-size: 14px; letter-spacing: .06em; padding-right: 30px; background-position: right 9px center; }
  .srch { order: 3; flex: 1 1 100%; max-width: none; height: 48px; }
  .sqbar__info { order: 4; width: 100%; margin-left: 0; justify-content: space-between; font-size: 11.5px; letter-spacing: .14em; }

  /* móvil: POS(+1h) · SQUAD · PNL · COIN/24H */
  .lb--squads .lb__head, .lb--squads .lbr { grid-template-columns: 30px minmax(0, 1fr) auto 68px; column-gap: 8px; padding-left: 12px; padding-right: 8px; }
  .lb--squads .lb__head { grid-template-areas: "rank squad pnl ch"; height: 44px; font-size: 10.5px; letter-spacing: .12em; }
  .lb--squads .lb__head button { gap: 4px; }
  .lb--squads .lb__head button::after { font-size: 10px; }
  .lb--squads .lbr { grid-template-areas: "rank squad pnl coin" "mv squad pnl ch"; min-height: 64px; padding-top: 9px; padding-bottom: 9px; row-gap: 4px; }
  .lb--squads .c-mcap, .lb--squads .lb__head > .c-mcap { display: none; }
  .lb--squads .lbr__rank { font-size: 22px; }
  .lb--squads .c-mv .mv { font-size: 12px; }
  .lb--squads .c-mv .mv--new { font-size: 9.5px; padding: 3px 4px 2px; letter-spacing: .06em; }
  .lb--squads .sq { gap: 7px; }
  .lb--squads .emb { --es: 24px; }
  .lb--squads .sq__name { font-size: 15.5px; line-height: 1.05; white-space: normal; overflow-wrap: anywhere; }
  .lb--squads .sqr__sub .zbadge { display: none; }
  .sqr__sub .members { font-size: 12.5px; }
  .sqr__sub .members i { display: none; }
  .sqr__new { font-size: 9.5px; padding: 2px 4px 1px; letter-spacing: .1em; }
  .lb--squads .pnl { gap: 3px; }
  .lb--squads .pnl__v { font-size: 16px; }
  .lb--squads .pnl__split { font-size: 10.5px; gap: 2px; letter-spacing: 0; }
  .lb--squads .pnl__split .l { display: none; }
  .lb--squads .pnl__split .s { display: inline; }
  .lb--squads .c-coin .coinchip { max-width: 68px; padding: 4px 5px 3px; font-size: 11px; gap: 4px; letter-spacing: .02em; }
  .lb--squads .c-coin .coinchip--soon { font-size: 10px; letter-spacing: .08em; white-space: normal; text-align: center; line-height: 1.05; }
  .lb--squads .c-coin .coinchip__tag { font-size: 9px; padding: 2px 3px 1px; }
  .lb--squads .lbr .c-ch { font-size: 13px; }
  .lb--squads .lb__zone { padding: 0 8px 0 12px; }

  .sqcards { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .sqcard.tcard { min-height: 214px; padding: 14px 14px 13px; }
  .sqcard .tcard__name { font-size: calc(28px * var(--ds)); }
  .sqcard .emb { --es: 54px; }
  .sqcard .tcard__price b { font-size: 32px; }
  .sqempty { padding: 20px 16px 18px; font-size: 15px; }
}

@media (max-width: 380px) {
  .seg button { padding-left: 11px; padding-right: 11px; letter-spacing: .14em; }
  .seg button .ico { display: none; }
  .lb--squads .lb__head, .lb--squads .lbr { grid-template-columns: 28px minmax(0, 1fr) auto 64px; column-gap: 6px; }
  .lb--squads .sq__name { font-size: 14.5px; }
  .lb--squads .c-coin .coinchip { max-width: 64px; }
}