/* GIZMO KAKA V0.42.98 — FAN CLUB TEAMS / NETWORK SIGNAL */

/* TEAMS stays a ranking instrument, not another card dashboard. */
.aka-world-team-head {
  grid-template-columns:3.65rem minmax(0,1fr) 7.4rem 7rem 3.8rem;
  gap:.46rem;
}
.aka-world-team-row {
  position:relative;
  min-height:4rem;
  grid-template-columns:3.65rem minmax(0,1fr) 7.4rem 7rem 3.8rem;
  gap:.46rem;
  padding:.38rem .62rem;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(var(--aka-rank-cyan),.018),rgba(0,0,0,.19) 42%,rgba(0,0,0,.22));
}
.aka-world-team-row::before {
  content:"";
  position:absolute;
  inset:.35rem auto .35rem 0;
  width:1px;
  opacity:.32;
  background:linear-gradient(transparent,rgba(var(--aka-rank-cyan),.68),transparent);
  box-shadow:0 0 8px rgba(var(--aka-rank-cyan),.16);
}
.aka-world-team-row.is-own::before { width:2px;opacity:.92;box-shadow:0 0 12px rgba(var(--aka-rank-cyan),.26); }
.aka-world-team-row.is-top {
  background:
    radial-gradient(circle at 2.2rem 50%,rgba(var(--aka-rank-gold),.045),transparent 17%),
    linear-gradient(90deg,rgba(var(--aka-rank-gold),.025),rgba(var(--aka-rank-cyan),.018) 48%,rgba(0,0,0,.21));
}
.aka-world-team-row.is-top-1 {
  border-color:rgba(var(--aka-rank-gold),.17);
  box-shadow:inset 0 1px rgba(255,255,255,.016),inset 0 0 0 1px rgba(var(--aka-rank-gold),.012);
}
.aka-world-team-rank {
  position:relative;
  align-self:center;
  justify-self:start;
  min-width:2.9rem;
  display:flex;
  align-items:baseline;
  gap:.20rem;
}
.aka-world-team-row.is-top-1 .aka-world-team-rank { color:rgba(var(--aka-rank-gold),.98);text-shadow:0 0 11px rgba(var(--aka-rank-gold),.12); }
.aka-world-team-row.is-top-2 .aka-world-team-rank { color:rgba(210,220,226,.86); }
.aka-world-team-row.is-top-3 .aka-world-team-rank { color:rgba(199,131,84,.88); }
.aka-world-team-row.is-top-1 .aka-world-team-rank::after {
  content:"LEAD";
  color:rgba(var(--aka-rank-gold),.42);
  font:600 .42rem/1 "Space Grotesk",sans-serif;
  letter-spacing:.07em;
}

.aka-world-team-identity { grid-template-columns:2.52rem minmax(0,1fr);gap:.58rem; }
.aka-world-team-identity .aka-world-avatar { width:2.52rem;height:2.52rem;border-radius:5px; }
.aka-world-team-row.is-top-1 .aka-world-avatar.is-team { border-color:rgba(var(--aka-rank-gold),.24);box-shadow:inset 0 1px rgba(255,255,255,.028),0 0 13px rgba(var(--aka-rank-gold),.065); }
.aka-world-team-identity b { font-size:.75rem;letter-spacing:.012em; }
.aka-world-team-identity small { color:rgba(var(--aka-rank-gold),.55); }
.aka-world-team-identity em { color:rgba(var(--aka-rank-cream),.35); }

/* The activity ratio is shown as a signal lattice, never as a generic progress bar. */
.aka-world-team-signal {
  min-width:0;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  gap:.16rem;
}
.aka-world-team-signal svg { width:100%;height:.62rem;display:block;overflow:visible; }
.aka-team-signal-track {
  fill:none;
  stroke:rgba(var(--aka-rank-cyan),.10);
  stroke-width:.65;
}
.aka-team-signal-node {
  fill:rgba(var(--aka-rank-cyan),.11);
  stroke:rgba(var(--aka-rank-cyan),.16);
  stroke-width:.55;
}
.aka-team-signal-node.is-live {
  fill:rgba(var(--aka-rank-cyan),.72);
  stroke:rgba(205,247,255,.42);
  filter:drop-shadow(0 0 2px rgba(var(--aka-rank-cyan),.34));
}
.aka-world-team-signal small {
  color:rgba(var(--aka-rank-cyan),.43);
  font:600 .44rem/1 "Space Grotesk",sans-serif;
  letter-spacing:.045em;
  white-space:nowrap;
}
.aka-world-team-signal.is-large { width:min(100%,10.2rem);gap:.22rem; }
.aka-world-team-signal.is-large svg { height:.72rem; }
.aka-world-team-signal.is-large small { color:rgba(var(--aka-rank-cyan),.55);font-size:.47rem;letter-spacing:.055em; }

.aka-world-team-power { padding-inline-start:.34rem;border-inline-start:1px solid rgba(var(--aka-rank-cyan),.075); }
.aka-world-team-power strong { color:rgba(var(--aka-rank-cyan),.84);font-size:.73rem;letter-spacing:.02em; }
.aka-world-team-power small { color:rgba(var(--aka-rank-cyan),.36); }
.aka-world-team-row > .aka-rank-movement { justify-self:end; }

/* Team inspect gets one coherent signal core before the branch tree. */
.aka-world-inspect-rank > em { margin-top:.26rem;font-style:normal; }
.aka-world-inspect-rank > em .aka-rank-movement { font-size:.52rem; }
.aka-world-team-core {
  min-width:0;
  display:grid;
  grid-template-columns:minmax(8rem,.85fr) minmax(9rem,1.2fr) minmax(5.6rem,.58fr);
  align-items:center;
  gap:.72rem;
  padding:.56rem .66rem;
  border:1px solid rgba(var(--aka-rank-cyan),.12);
  border-radius:5px;
  background:
    radial-gradient(circle at 52% 50%,rgba(var(--aka-rank-cyan),.045),transparent 42%),
    linear-gradient(90deg,rgba(var(--aka-rank-cyan),.025),rgba(0,0,0,.18));
  box-shadow:inset 0 1px rgba(255,255,255,.014);
}
.aka-world-team-core-copy,.aka-world-team-core-power { min-width:0;display:flex;flex-direction:column; }
.aka-world-team-core-copy small,.aka-world-team-core-power small { color:rgba(var(--aka-rank-cyan),.48);font:600 .47rem/1 "Space Grotesk",sans-serif;letter-spacing:.08em; }
.aka-world-team-core-copy strong { margin-top:.26rem;color:rgba(var(--aka-rank-cream),.88);font:400 1.03rem/1 "Bebas Neue","Arial Narrow",sans-serif;letter-spacing:.08em; }
.aka-world-team-core-copy em { margin-top:.20rem;color:rgba(var(--aka-rank-cream),.34);font:normal 600 .46rem/1 "Space Grotesk",sans-serif;letter-spacing:.035em; }
.aka-world-team-core-power { align-items:flex-end;padding-inline-start:.68rem;border-inline-start:1px solid rgba(var(--aka-rank-cyan),.09);text-align:right; }
.aka-world-team-core-power strong { margin-top:.26rem;color:rgba(var(--aka-rank-cyan),.82);font:400 1rem/1 "Bebas Neue","Arial Narrow",sans-serif;letter-spacing:.065em; }

.aka-world-inspect.is-team .aka-world-inspect-stats {
  gap:0;
  overflow:hidden;
  border:1px solid rgba(var(--aka-rank-cyan),.08);
  border-radius:4px;
  background:rgba(0,0,0,.10);
}
.aka-world-inspect.is-team .aka-world-inspect-stats > span {
  border-inline-start:1px solid rgba(var(--aka-rank-cyan),.07);
  background:transparent;
}
.aka-world-inspect.is-team .aka-world-inspect-stats > span:first-child { border-inline-start:0; }

.aka-world-tree {
  position:relative;
  background:
    linear-gradient(90deg,rgba(var(--aka-rank-cyan),.018),rgba(0,0,0,.15)),
    rgba(0,0,0,.08);
}
.aka-world-tree::before {
  content:"";
  position:absolute;
  top:2.72rem;
  left:50%;
  width:1px;
  height:.72rem;
  transform:translateX(-50%);
  background:linear-gradient(rgba(var(--aka-rank-gold),.25),rgba(var(--aka-rank-cyan),.12));
  box-shadow:0 0 7px rgba(var(--aka-rank-cyan),.10);
  pointer-events:none;
}
.aka-world-tree-captain { position:relative;z-index:1; }
.aka-world-tree-node { transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease; }
.aka-world-tree-node:hover { border-color:rgba(var(--aka-rank-cyan),.18);background:rgba(var(--aka-rank-cyan),.032);box-shadow:inset 0 0 12px rgba(var(--aka-rank-cyan),.018); }

@media (max-width:720px) {
  .aka-world-team-row {
    min-height:3.84rem;
    grid-template-columns:2.42rem minmax(0,1fr) 4.75rem 2.85rem;
    gap:.28rem;
    padding:.32rem .36rem;
  }
  .aka-world-team-row > .aka-world-team-signal { display:none; }
  .aka-world-team-identity { grid-template-columns:2.08rem minmax(0,1fr);gap:.34rem; }
  .aka-world-team-identity .aka-world-avatar { width:2.08rem;height:2.08rem; }
  .aka-world-team-rank { min-width:0; }
  .aka-world-team-row.is-top-1 .aka-world-team-rank::after { display:none; }
  .aka-world-team-power { padding-inline-start:.24rem; }
  .aka-world-team-core { grid-template-columns:minmax(0,1fr) minmax(6.2rem,.8fr);gap:.48rem; }
  .aka-world-team-core .aka-world-team-signal { grid-column:1 / -1;width:100%;max-width:none; }
  .aka-world-team-core-power { padding-inline-start:.44rem; }
}

@media (max-width:430px) {
  .aka-world-team-row {
    grid-template-columns:2.06rem minmax(0,1fr) 4.15rem 2.48rem;
    gap:.18rem;
    padding-inline:.26rem;
  }
  .aka-world-team-identity { grid-template-columns:1.82rem minmax(0,1fr);gap:.24rem; }
  .aka-world-team-identity .aka-world-avatar { width:1.82rem;height:1.82rem; }
  .aka-world-team-power strong { font-size:.60rem; }
  .aka-world-team-core { grid-template-columns:minmax(0,1fr) 4.7rem;padding:.48rem .50rem; }
  .aka-world-team-core-copy strong { font-size:.94rem; }
  .aka-world-team-core-copy em { font-size:.42rem; }
}

@media (prefers-reduced-motion:reduce) {
  .aka-team-signal-node.is-live { filter:none; }
}
