/* players.css
   Crew-page shell and mini-card module. Home reuses the scoped card artwork
   for its featured-player card; Crew-only surfaces remain uniquely targeted. */

.crew-page .crew-header-shell{
  --site-page-hero-accent-rgb:239,68,68;
  --site-page-hero-secondary-rgb:168,85,247;
  margin:0 0 18px;
}

.crew-page .crew-header-shell .site-page-hero-title{
  color:#fff;
}

.crew-page .crew-header-controls{
  display:grid;
  gap:12px;
}

.crew-page #players-help-copy{
  margin:0;
  color:#dfe7ef;
  line-height:1.35;
}

.crew-page #players-explainer{
  margin:0;
  color:var(--gold);
  line-height:1.5;
}

.crew-view-toolbar{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:nowrap;
  margin:0;
  padding:14px 16px;
  border-left:1px solid rgba(239,68,68,.22);
  border-right:1px solid rgba(239,68,68,.22);
  border-bottom:1px solid rgba(239,68,68,.22);
  border-top:none;
  border:1px solid rgba(239,68,68,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(239,68,68,.08);
  backdrop-filter:blur(2px);
}

.crew-view-toolbar .btn{
  min-height:42px;
  padding:10px 16px;
  border-radius:12px;
  border-color:rgba(215,70,70,.34);
  background:
    linear-gradient(180deg, rgba(255,220,220,.08), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(120,26,26,.24), rgba(46,10,10,.94));
  color:#ffdede;
  font-weight:700;
  font-size:.96rem;
  box-shadow:
    inset 0 1px 0 rgba(255,235,235,.10),
    inset 0 -2px 4px rgba(38,8,8,.44),
    0 8px 18px rgba(0,0,0,.22);
}

.crew-view-toolbar .btn:hover{
  border-color:#f9a8d4;
  background:
    linear-gradient(180deg, rgba(255,228,240,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(249,168,212,.34), rgba(112,28,72,.94));
  color:#fff4fa;
  box-shadow:
    inset 0 1px 0 rgba(255,240,246,.14),
    inset 0 -2px 4px rgba(56,10,34,.46),
    0 10px 22px rgba(0,0,0,.24),
    0 0 16px rgba(249,168,212,.10);
}

.crew-view-toolbar .btn.active{
  border-color:rgba(215,70,70,.58);
  background:
    linear-gradient(180deg, rgba(255,210,210,.10), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(215,70,70,.38), rgba(92,14,14,.96));
  color:#fff4f4;
  box-shadow:
    inset 0 1px 0 rgba(255,225,225,.14),
    inset 0 -2px 4px rgba(44,6,6,.52),
    0 10px 22px rgba(0,0,0,.24),
    0 0 0 1px rgba(215,70,70,.16);
}

.crew-view-toolbar #players-help-copy{
  margin-left:18px;
  padding-left:4px;
  color:#dfe7ef;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  flex:0 1 420px;
  min-width:260px;
  align-self:center;
}

.crew-view-toolbar #players-help-copy[hidden]{
  margin-left:0;
  padding-left:0;
}

.crew-view-toolbar::before{
  content:none;
}

#players-visual{
  position:relative;
  margin:0 0 22px;
  margin-top:16px;
  padding:16px 18px;
  border:1px solid rgba(239,68,68,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 26%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.22),
    0 0 18px rgba(239,68,68,.08);
}

#players-visual::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(59,130,246,.42) 56%, rgba(255,184,28,.22) 100%);
}

.crew-page .crew-card-shape-defs{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}

.crew-page .tier-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:20px;
  align-items:start;
  justify-items:center;
}

.crew-page .crew-ultimate-card{
  --crew-card-edge:#ffe39a;
  --crew-card-surface-a:#1a1409;
  --crew-card-surface-b:#6d4a0a;
  --crew-card-surface-c:#251b09;
  --crew-card-ink:#fff1b9;
  --crew-card-muted:#d8c07b;
  --crew-card-line:rgba(255,227,154,.30);
  --crew-card-glow:rgba(255,184,28,.28);
  display:block;
  width:100%;
  max-width:250px;
  aspect-ratio:.655;
  padding:2px;
  color:var(--crew-card-ink);
  background:var(--crew-card-frame,linear-gradient(
    145deg,
    #fff4c2 0%,
    var(--crew-card-edge) 32%,
    #916411 63%,
    #ffeaa5 100%
  ));
  clip-path:polygon(13% 5.5%,23% 1.4%,50% 0,77% 1.4%,87% 5.5%,88% 9.4%,92% 12.7%,100% 14%,100% 85.5%,91% 93.4%,50% 100%,9% 93.4%,0 85.5%,0 14%,8% 12.7%,12% 9.4%);
  clip-path:url(#tlpt-crew-card-shape);
  filter:
    drop-shadow(0 15px 16px rgba(0,0,0,.30))
    drop-shadow(0 0 13px var(--crew-card-glow));
  isolation:isolate;
  transition:transform .22s ease, filter .22s ease;
}

.crew-page .crew-ultimate-card:hover,
.crew-page .crew-ultimate-card:focus-visible{
  color:var(--crew-card-ink);
  transform:translateY(-5px);
  filter:
    drop-shadow(0 20px 20px rgba(0,0,0,.36))
    drop-shadow(0 0 20px var(--crew-card-glow));
}

.crew-page .crew-ultimate-card:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:5px;
}

.crew-page .crew-ultimate-card-inner{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows:52px minmax(88px,1fr) 48px 82px 16px;
  overflow:hidden;
  padding:18px 18px 22px;
  color:var(--crew-card-ink);
  background:
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.20), transparent 21%),
    radial-gradient(circle at 26% 38%, rgba(255,255,255,.09), transparent 30%),
    linear-gradient(
      145deg,
      var(--crew-card-surface-a) 0%,
      var(--crew-card-surface-b) 48%,
      var(--crew-card-surface-c) 100%
    );
  clip-path:polygon(13% 5.5%,23% 1.4%,50% 0,77% 1.4%,87% 5.5%,88% 9.4%,92% 12.7%,100% 14%,100% 85.5%,91% 93.4%,50% 100%,9% 93.4%,0 85.5%,0 14%,8% 12.7%,12% 9.4%);
  clip-path:url(#tlpt-crew-card-shape);
}

.crew-page .crew-ultimate-card-inner::after{
  content:"";
  position:absolute;
  inset:-38% -68%;
  z-index:5;
  pointer-events:none;
  transform:translateX(-58%) rotate(20deg);
  background:linear-gradient(
    90deg,
    transparent 42%,
    rgba(255,255,255,.02) 47%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,.02) 53%,
    transparent 58%
  );
  transition:transform .58s ease;
}

.crew-page .crew-ultimate-card:hover .crew-ultimate-card-inner::after,
.crew-page .crew-ultimate-card:focus-visible .crew-ultimate-card-inner::after{
  transform:translateX(58%) rotate(20deg);
}

.crew-page .crew-ultimate-metal{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    linear-gradient(
      118deg,
      transparent 0 14%,
      rgba(255,255,255,.05) 15%,
      rgba(255,255,255,.17) 18%,
      transparent 23% 42%,
      rgba(255,255,255,.10) 45%,
      transparent 49% 72%,
      rgba(255,255,255,.07) 75%,
      transparent 79%
    ),
    repeating-linear-gradient(
      102deg,
      rgba(255,255,255,.023) 0,
      rgba(255,255,255,.023) 1px,
      rgba(0,0,0,.017) 1px,
      rgba(0,0,0,.017) 4px
    );
}

.crew-page .crew-ultimate-metal::before,
.crew-page .crew-ultimate-metal::after{
  content:"";
  position:absolute;
}

.crew-page .crew-ultimate-metal::before{
  top:18%;
  left:-18%;
  width:136%;
  height:28%;
  transform:rotate(-13deg);
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(0,0,0,.12);
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.02),
    rgba(255,255,255,.16) 28%,
    rgba(255,255,255,.03) 52%,
    rgba(0,0,0,.09) 100%
  );
}

.crew-page .crew-ultimate-metal::after{
  inset:0;
  background:
    radial-gradient(ellipse at 72% 18%, rgba(255,255,255,.18), transparent 23%),
    radial-gradient(ellipse at 19% 48%, rgba(255,255,255,.08), transparent 27%),
    linear-gradient(145deg, transparent 0 47%, rgba(255,255,255,.10) 48%, transparent 50% 100%);
  mix-blend-mode:soft-light;
}

.crew-page .crew-ultimate-header,
.crew-page .crew-ultimate-portrait,
.crew-page .crew-ultimate-identity,
.crew-page .crew-ultimate-attributes,
.crew-page .crew-ultimate-footer{
  position:relative;
  z-index:2;
}

.crew-page .crew-ultimate-header{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 42px;
  align-items:start;
  gap:6px;
  padding:5px 14px 0;
}

.crew-page .crew-ultimate-rating-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  line-height:1;
}

.crew-page .crew-ultimate-overall{
  font-size:2.12rem;
  font-weight:500;
  letter-spacing:-.075em;
  text-shadow:0 1px 0 rgba(255,255,255,.10);
}

.crew-page .crew-ultimate-tier-code{
  min-width:30px;
  margin-top:2px;
  padding-top:3px;
  border-top:1px solid var(--crew-card-line);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
  text-align:center;
}

.crew-page .crew-ultimate-edition{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding-top:5px;
  color:var(--crew-card-muted);
  font-size:.44rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.crew-page .crew-ultimate-edition strong{
  color:var(--crew-card-ink);
  font-size:.49rem;
}

.crew-page .crew-ultimate-chip{
  width:38px;
  height:38px;
  object-fit:contain;
  justify-self:end;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.26));
}

.crew-page .crew-ultimate-portrait{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  margin-top:-3px;
}

.crew-page .crew-ultimate-portrait .player-avatar-wrap{
  width:auto;
  height:min(128px, 100%);
  max-width:128px;
  aspect-ratio:1;
}

.crew-page .crew-ultimate-portrait .player-avatar.crew,
.crew-page .crew-ultimate-portrait .player-avatar-fallback.crew{
  width:100%;
  height:100%;
  image-rendering:auto;
  object-fit:cover;
  object-position:center;
  border:3px solid var(--crew-card-edge);
  color:var(--crew-card-ink);
  background:rgba(10,14,18,.22);
  box-shadow:
    0 0 0 2px rgba(0,0,0,.10),
    0 10px 16px rgba(0,0,0,.25),
    0 0 15px var(--crew-card-glow);
}

.crew-page .crew-ultimate-identity{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  border-top:1px solid var(--crew-card-line);
  border-bottom:1px solid var(--crew-card-line);
  text-align:center;
}

.crew-page .crew-ultimate-identity h3{
  width:100%;
  margin:0;
  overflow:hidden;
  color:var(--crew-card-ink);
  font-size:1.02rem;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.01em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.crew-page .crew-ultimate-identity > span{
  width:100%;
  margin-top:4px;
  overflow:hidden;
  color:var(--crew-card-muted);
  font-size:.49rem;
  font-weight:900;
  letter-spacing:.055em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.crew-page .crew-ultimate-attributes{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  grid-template-rows:repeat(3, minmax(0,1fr));
  gap:0 12px;
  padding:5px 10px 2px;
}

.crew-page .crew-ultimate-attribute{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}

.crew-page .crew-ultimate-attribute:nth-child(odd)::after{
  content:"";
  position:absolute;
  top:18%;
  right:-6px;
  width:1px;
  height:64%;
  background:var(--crew-card-line);
}

.crew-page .crew-ultimate-attribute strong{
  font-size:1.12rem;
  font-weight:900;
  line-height:1;
}

.crew-page .crew-ultimate-attribute span{
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.025em;
}

.crew-page .crew-ultimate-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:hidden;
  color:var(--crew-card-muted);
  font-size:.42rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.crew-page .crew-ultimate-footer span + span::before{
  content:"•";
  margin-right:8px;
}

/* Mini-card finishes use the same live power-tier language as the profile. */

.crew-page .crew-ultimate-card-s{
  --crew-card-edge:#ffe694;
  --crew-card-surface-a:#090b0f;
  --crew-card-surface-b:#5f420b;
  --crew-card-surface-c:#12100a;
  --crew-card-ink:#fff0ad;
  --crew-card-muted:#dec781;
  --crew-card-line:rgba(255,230,148,.32);
  --crew-card-glow:rgba(255,184,28,.34);
}

.crew-page .crew-ultimate-card-a{
  --crew-card-edge:#fff0aa;
  --crew-card-surface-a:#f6dc76;
  --crew-card-surface-b:#c99b31;
  --crew-card-surface-c:#f0cf68;
  --crew-card-ink:#2a210b;
  --crew-card-muted:#5b4612;
  --crew-card-line:rgba(67,48,5,.34);
  --crew-card-glow:rgba(255,204,75,.32);
}

.crew-page .crew-ultimate-card-b{
  --crew-card-edge:#f3f7fb;
  --crew-card-surface-a:#dce3e9;
  --crew-card-surface-b:#8e9aa6;
  --crew-card-surface-c:#d3d9df;
  --crew-card-ink:#17202a;
  --crew-card-muted:#344350;
  --crew-card-line:rgba(21,31,40,.28);
  --crew-card-glow:rgba(191,216,232,.26);
}

.crew-page .crew-ultimate-card-c{
  --crew-card-edge:#f0b57e;
  --crew-card-surface-a:#c47a43;
  --crew-card-surface-b:#74401f;
  --crew-card-surface-c:#b96b38;
  --crew-card-ink:#251308;
  --crew-card-muted:#452512;
  --crew-card-line:rgba(51,24,7,.30);
  --crew-card-glow:rgba(211,118,61,.28);
}

.crew-page .crew-ultimate-card-d{
  --crew-card-edge:#c2cbd3;
  --crew-card-surface-a:#76818b;
  --crew-card-surface-b:#3d464f;
  --crew-card-surface-c:#707a83;
  --crew-card-ink:#f5f8fa;
  --crew-card-muted:#d5dde3;
  --crew-card-line:rgba(255,255,255,.24);
  --crew-card-glow:rgba(154,171,184,.22);
}

.crew-page .crew-ultimate-card-provisional{
  --crew-card-edge:#a9d7ff;
  --crew-card-surface-a:#12283b;
  --crew-card-surface-b:#2d77a8;
  --crew-card-surface-c:#162b3b;
  --crew-card-ink:#eff8ff;
  --crew-card-muted:#c2e2fa;
  --crew-card-line:rgba(194,226,250,.28);
  --crew-card-glow:rgba(78,166,224,.30);
}

.crew-page .crew-ultimate-card-prospect,
.crew-page .crew-ultimate-card-rookie{
  --crew-card-edge:#9edbc0;
  --crew-card-surface-a:#10291f;
  --crew-card-surface-b:#218a5b;
  --crew-card-surface-c:#12271f;
  --crew-card-ink:#edfff5;
  --crew-card-muted:#bfe8d2;
  --crew-card-line:rgba(191,232,210,.27);
  --crew-card-glow:rgba(61,220,132,.34);
}

/* Phase 2D special editions preserve the official tier color underneath. */

.crew-page .crew-ultimate-card-special{
  --crew-special-accent:#ffd36a;
  --crew-special-soft:rgba(255,211,106,.28);
  --crew-special-deep:rgba(117,71,0,.36);
  --crew-card-glow:var(--crew-special-soft);
}

.crew-page .crew-ultimate-card-special-hall{
  --crew-special-accent:#ffe995;
  --crew-special-soft:rgba(255,214,91,.38);
  --crew-special-deep:rgba(122,78,0,.44);
}

.crew-page .crew-ultimate-card-special-infamy{
  --crew-special-accent:#ff6a76;
  --crew-special-soft:rgba(255,66,82,.34);
  --crew-special-deep:rgba(111,6,25,.46);
}

.crew-page .crew-ultimate-card-special-leader{
  --crew-special-accent:#c99cff;
  --crew-special-soft:rgba(166,93,255,.34);
  --crew-special-deep:rgba(58,18,112,.46);
}

.crew-page .crew-ultimate-card-special-heater{
  --crew-special-accent:#ffad4a;
  --crew-special-soft:rgba(255,113,35,.38);
  --crew-special-deep:rgba(129,34,0,.48);
}

.crew-page .crew-ultimate-card-special-milestone{
  --crew-special-accent:#8cf3ed;
  --crew-special-soft:rgba(78,222,215,.30);
  --crew-special-deep:rgba(7,87,94,.42);
}

/* The Crew view uses the same complete special-item shells as Player Profiles. */

.crew-page [class*="crew-ultimate-card-edition-hall-"]{
  --crew-card-edge:#d2ad53;
  --crew-card-surface-a:#fff9e8;
  --crew-card-surface-b:#d7c495;
  --crew-card-surface-c:#f4e7c2;
  --crew-card-ink:#2d2517;
  --crew-card-muted:#745f2f;
  --crew-card-line:rgba(86,65,23,.28);
  --crew-card-glow:rgba(255,220,126,.42);
  --crew-special-accent:#a77b20;
  --crew-special-soft:rgba(255,238,178,.58);
  --crew-special-deep:rgba(125,91,24,.20);
  --crew-card-frame:linear-gradient(145deg,#fffdf1 0%,#d8b75f 28%,#8c651c 54%,#f4d98c 76%,#fff7cf 100%);
  --crew-edition-blend:multiply;
  --crew-edition-opacity:.48;
  --crew-edition-overlay:
    radial-gradient(ellipse at 50% 9%,rgba(255,255,255,.92),transparent 29%),
    repeating-linear-gradient(90deg,transparent 0 11%,rgba(103,78,30,.07) 11.5% 12.2%,transparent 12.8% 22%),
    conic-gradient(from 225deg at 50% 82%,transparent 0 18deg,rgba(160,119,34,.10) 20deg 24deg,transparent 26deg 42deg,rgba(160,119,34,.10) 44deg 48deg,transparent 50deg 360deg),
    linear-gradient(118deg,transparent 0 39%,rgba(255,255,255,.65) 45%,transparent 51% 100%);
}

.crew-page [class*="crew-ultimate-card-edition-leader-"]{
  --crew-card-edge:#dbeaff;
  --crew-card-surface-a:#071425;
  --crew-card-surface-b:#123b67;
  --crew-card-surface-c:#07111f;
  --crew-card-ink:#f4f9ff;
  --crew-card-muted:#bfd1e6;
  --crew-card-line:rgba(222,238,255,.26);
  --crew-card-glow:var(--crew-special-soft);
  --crew-special-accent:#a8d8ff;
  --crew-special-soft:rgba(88,173,255,.36);
  --crew-special-deep:rgba(10,43,82,.58);
  --crew-card-frame:linear-gradient(145deg,#f4fbff 0%,var(--crew-special-accent) 26%,#507392 48%,#dcecff 72%,var(--crew-special-accent) 100%);
  --crew-edition-opacity:.78;
  --crew-edition-overlay:
    conic-gradient(from 228deg at 50% 36%,transparent 0 10deg,var(--crew-special-soft) 11deg 16deg,transparent 17deg 31deg,var(--crew-special-soft) 32deg 37deg,transparent 38deg 360deg),
    linear-gradient(122deg,transparent 0 30%,var(--crew-special-soft) 31% 34%,transparent 35% 63%,rgba(255,255,255,.16) 64% 67%,transparent 68%),
    radial-gradient(circle at 50% 86%,var(--crew-special-deep),transparent 44%);
}

.crew-page .crew-ultimate-card-edition-leader-profit{
  --crew-special-accent:#65f0aa;
  --crew-special-soft:rgba(48,219,133,.35);
  --crew-special-deep:rgba(4,85,56,.58);
}

.crew-page .crew-ultimate-card-edition-leader-knockouts{
  --crew-special-accent:#ff7884;
  --crew-special-soft:rgba(255,67,83,.36);
  --crew-special-deep:rgba(103,3,21,.62);
}

.crew-page .crew-ultimate-card-edition-leader-roi{
  --crew-special-accent:#6de8ff;
  --crew-special-soft:rgba(41,207,244,.37);
  --crew-special-deep:rgba(3,72,101,.62);
}

.crew-page .crew-ultimate-card-edition-leader-cash-rate{
  --crew-special-accent:#d29aff;
  --crew-special-soft:rgba(169,83,255,.38);
  --crew-special-deep:rgba(65,14,112,.62);
}

.crew-page [class*="crew-ultimate-card-edition-heater-"]{
  --crew-card-edge:#ffb347;
  --crew-card-surface-a:#080808;
  --crew-card-surface-b:#8d2109;
  --crew-card-surface-c:#1b0804;
  --crew-card-ink:#fff4dd;
  --crew-card-muted:#ffc47d;
  --crew-card-line:rgba(255,181,79,.30);
  --crew-card-glow:rgba(255,83,24,.48);
  --crew-special-accent:#ffb24c;
  --crew-special-soft:rgba(255,104,29,.45);
  --crew-special-deep:rgba(121,15,0,.64);
  --crew-card-frame:linear-gradient(145deg,#fff0b5 0%,#ffad3b 23%,#a92508 50%,#ff6324 72%,#ffe29a 100%);
  --crew-edition-opacity:.86;
  --crew-edition-overlay:
    radial-gradient(ellipse at 24% 105%,rgba(255,219,73,.58),transparent 28%),
    radial-gradient(ellipse at 55% 104%,rgba(255,59,12,.60),transparent 36%),
    radial-gradient(ellipse at 82% 105%,rgba(255,172,42,.50),transparent 25%),
    repeating-linear-gradient(104deg,transparent 0 18px,rgba(255,193,87,.12) 20px,transparent 23px),
    linear-gradient(118deg,transparent 0 39%,rgba(255,219,142,.28) 44%,transparent 50% 100%);
}

.crew-page .crew-ultimate-card-edition-infamy-boy-in-the-bubble{
  --crew-card-edge:#ff5b76;
  --crew-card-surface-a:#07060a;
  --crew-card-surface-b:#4b081d;
  --crew-card-surface-c:#10050b;
  --crew-card-ink:#fff1f4;
  --crew-card-muted:#ff9bac;
  --crew-card-line:rgba(255,105,131,.28);
  --crew-card-glow:rgba(255,34,92,.46);
  --crew-special-accent:#ff6385;
  --crew-special-soft:rgba(255,37,99,.38);
  --crew-special-deep:rgba(91,0,28,.66);
  --crew-card-frame:linear-gradient(145deg,#ffd0da 0%,#ff426d 22%,#3a0617 49%,#b70e3c 72%,#ff9ab0 100%);
  --crew-edition-opacity:.84;
  --crew-edition-overlay:
    repeating-radial-gradient(circle at 50% 43%,transparent 0 34px,rgba(255,93,133,.13) 36px,transparent 39px 54px),
    repeating-linear-gradient(132deg,transparent 0 20px,rgba(255,58,104,.13) 21px,transparent 24px),
    radial-gradient(circle at 50% 88%,var(--crew-special-deep),transparent 44%);
}

.crew-page .crew-ultimate-card-edition-milestone-10{
  --crew-card-edge:#e7a66d;
  --crew-card-surface-a:#3c180d;
  --crew-card-surface-b:#ad5e31;
  --crew-card-surface-c:#4d2012;
  --crew-card-ink:#fff0dd;
  --crew-card-muted:#9ff0dc;
  --crew-card-line:rgba(155,239,217,.28);
  --crew-card-glow:rgba(54,210,177,.34);
  --crew-special-accent:#79e3c8;
  --crew-special-soft:rgba(65,205,174,.30);
  --crew-special-deep:rgba(48,17,8,.54);
  --crew-card-frame:linear-gradient(145deg,#ffe2c3 0%,#d78750 24%,#6a2c17 50%,#46bda1 74%,#f0b17d 100%);
  --crew-edition-opacity:.72;
  --crew-edition-overlay:
    repeating-radial-gradient(circle at 50% 52%,transparent 0 17px,rgba(112,229,199,.12) 18px,transparent 20px 34px),
    linear-gradient(118deg,transparent 0 40%,rgba(255,220,177,.25) 45%,transparent 51% 100%);
}

.crew-page .crew-ultimate-card-edition-milestone-25{
  --crew-card-edge:#dffcff;
  --crew-card-surface-a:#dcecef;
  --crew-card-surface-b:#79bfc7;
  --crew-card-surface-c:#ecf8f9;
  --crew-card-ink:#10292e;
  --crew-card-muted:#245d65;
  --crew-card-line:rgba(11,72,82,.27);
  --crew-card-glow:rgba(91,236,239,.40);
  --crew-special-accent:#1f8994;
  --crew-special-soft:rgba(81,226,232,.38);
  --crew-special-deep:rgba(17,104,116,.22);
  --crew-card-frame:linear-gradient(145deg,#ffffff 0%,#b8e9ed 23%,#5da8b2 50%,#dffcff 74%,#8ce5e5 100%);
  --crew-edition-blend:multiply;
  --crew-edition-opacity:.46;
  --crew-edition-overlay:
    repeating-conic-gradient(from 45deg at 50% 45%,rgba(255,255,255,.30) 0 8deg,transparent 9deg 22deg,rgba(31,137,148,.08) 23deg 31deg,transparent 32deg 45deg),
    linear-gradient(118deg,transparent 0 39%,rgba(255,255,255,.70) 45%,transparent 51% 100%);
}

.crew-page .crew-ultimate-card-edition-milestone-50{
  --crew-card-edge:#f2cb67;
  --crew-card-surface-a:#05070a;
  --crew-card-surface-b:#242a31;
  --crew-card-surface-c:#080a0d;
  --crew-card-ink:#ffe9a1;
  --crew-card-muted:#d7bd69;
  --crew-card-line:rgba(242,203,103,.30);
  --crew-card-glow:rgba(247,198,62,.42);
  --crew-special-accent:#f3c956;
  --crew-special-soft:rgba(238,190,54,.34);
  --crew-special-deep:rgba(0,0,0,.66);
  --crew-card-frame:linear-gradient(145deg,#fff4bf 0%,#e1b33e 21%,#171b20 48%,#775915 69%,#ffe08a 100%);
  --crew-edition-opacity:.78;
  --crew-edition-overlay:
    repeating-conic-gradient(from 45deg at 50% 44%,rgba(255,213,98,.10) 0 8deg,transparent 9deg 22deg,rgba(255,255,255,.05) 23deg 31deg,transparent 32deg 45deg),
    radial-gradient(circle at 50% 88%,rgba(163,111,8,.30),transparent 41%);
}

.crew-page .crew-ultimate-card-edition-milestone-75{
  --crew-card-edge:#eee4ff;
  --crew-card-surface-a:#130720;
  --crew-card-surface-b:#6b2c9d;
  --crew-card-surface-c:#180926;
  --crew-card-ink:#fff8ff;
  --crew-card-muted:#e4c5ff;
  --crew-card-line:rgba(231,208,255,.29);
  --crew-card-glow:rgba(185,104,255,.46);
  --crew-special-accent:#dfb0ff;
  --crew-special-soft:rgba(175,79,255,.40);
  --crew-special-deep:rgba(57,4,88,.64);
  --crew-card-frame:linear-gradient(145deg,#fff8ff 0%,#d9b1f5 21%,#6f289f 47%,#58d7e5 70%,#f0caff 100%);
  --crew-edition-opacity:.82;
  --crew-edition-overlay:
    conic-gradient(from 210deg at 50% 36%,transparent 0 18deg,rgba(102,222,239,.20) 19deg 26deg,transparent 27deg 51deg,rgba(223,176,255,.22) 52deg 60deg,transparent 61deg 360deg),
    radial-gradient(circle at 50% 88%,var(--crew-special-deep),transparent 43%),
    linear-gradient(118deg,transparent 0 39%,rgba(255,255,255,.24) 45%,transparent 51% 100%);
}

.crew-page .crew-ultimate-card-edition-milestone-100{
  --crew-card-edge:#f1cb5f;
  --crew-card-surface-a:#ffffff;
  --crew-card-surface-b:#cbd0d7;
  --crew-card-surface-c:#f7f7f5;
  --crew-card-ink:#080a0d;
  --crew-card-muted:#4e4330;
  --crew-card-line:rgba(24,25,27,.28);
  --crew-card-glow:rgba(255,220,116,.52);
  --crew-special-accent:#b98516;
  --crew-special-soft:rgba(255,218,103,.46);
  --crew-special-deep:rgba(12,13,15,.22);
  --crew-card-frame:linear-gradient(145deg,#ffffff 0%,#efd16f 18%,#0a0d10 42%,#f8f8f4 63%,#c08d19 82%,#ffffff 100%);
  --crew-edition-blend:multiply;
  --crew-edition-opacity:.54;
  --crew-edition-overlay:
    repeating-radial-gradient(circle at 50% 44%,transparent 0 23px,rgba(13,15,18,.08) 24px,transparent 27px 40px,rgba(185,133,22,.10) 41px,transparent 44px 60px),
    conic-gradient(from 45deg at 50% 42%,rgba(92,222,235,.10),rgba(255,128,188,.10),rgba(255,220,91,.12),rgba(92,222,235,.10)),
    linear-gradient(118deg,transparent 0 39%,rgba(255,255,255,.92) 45%,transparent 51% 100%);
}

.crew-page .crew-ultimate-card-special .crew-ultimate-card-inner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:var(--crew-edition-overlay,
    radial-gradient(circle at 50% 5%,var(--crew-special-soft),transparent 25%),
    linear-gradient(118deg,transparent 0 37%,var(--crew-special-soft) 43%,transparent 49% 100%),
    radial-gradient(circle at 50% 88%,var(--crew-special-deep),transparent 40%)
  );
  mix-blend-mode:var(--crew-edition-blend,screen);
  opacity:var(--crew-edition-opacity,.72);
}

.crew-page .crew-ultimate-card-special-infamy .crew-ultimate-card-inner::before{
  background:var(--crew-edition-overlay,
    radial-gradient(circle at 50% 6%,var(--crew-special-soft),transparent 25%),
    repeating-linear-gradient(128deg,transparent 0 14px,rgba(255,71,83,.11) 15px,transparent 18px),
    radial-gradient(circle at 50% 88%,var(--crew-special-deep),transparent 42%)
  );
}

.crew-page .crew-ultimate-card-special-heater .crew-ultimate-card-inner::before{
  background:var(--crew-edition-overlay,
    radial-gradient(ellipse at 50% 100%,rgba(255,59,19,.36),transparent 46%),
    linear-gradient(118deg,transparent 0 36%,rgba(255,183,61,.23) 43%,transparent 50% 100%),
    radial-gradient(circle at 50% 5%,var(--crew-special-soft),transparent 25%)
  );
}

.crew-page .crew-ultimate-edition em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:72px;
  margin-top:2px;
  padding:2px 5px;
  overflow:hidden;
  border:1px solid var(--crew-special-accent,#80909d);
  border-radius:999px;
  color:var(--crew-special-accent,#d6e0e7);
  background:rgba(6,10,14,.68);
  font-size:.34rem;
  font-style:normal;
  line-height:1;
  letter-spacing:.045em;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
}

.crew-page .crew-ultimate-edition em.is-base-featured{
  border-color:rgba(255,227,154,.42);
  color:var(--crew-card-ink);
  background:rgba(8,12,16,.58);
}

/* Developmental sections are visible, but deliberately unranked. */

.crew-page .tier-section.tier-section-provisional{
  border-color:rgba(78,166,224,.24);
  background:
    linear-gradient(180deg, rgba(78,166,224,.11), rgba(78,166,224,.025) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(78,166,224,.08),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(78,166,224,.07);
}

.crew-page .tier-section.tier-section-rookie{
  border-color:rgba(61,220,132,.22);
  background:
    linear-gradient(180deg, rgba(61,220,132,.10), rgba(61,220,132,.022) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(61,220,132,.07),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(61,220,132,.06);
}

.crew-page .tier-section-provisional .tier-section-head{
  color:#bfe5ff;
}

.crew-page .tier-section-rookie .tier-section-head{
  color:#bff2d5;
}

.crew-page .tier-section-provisional .tier-header-stats,
.crew-page .tier-section-rookie .tier-header-stats{
  border:1px solid currentColor;
  background:rgba(8,15,20,.30);
  color:inherit;
}

.crew-page .tier-distribution-fill.provisionals{
  background:linear-gradient(90deg, rgba(78,166,224,.95), rgba(78,166,224,.28));
  box-shadow:0 0 12px rgba(78,166,224,.16);
}

.crew-page .tier-distribution-fill.rookies{
  background:linear-gradient(90deg, rgba(61,220,132,.94), rgba(61,220,132,.26));
  box-shadow:0 0 12px rgba(61,220,132,.15);
}

@media (max-width:980px){
  .crew-view-toolbar,
  #players-visual{
    padding-left:12px;
    padding-right:12px;
  }
}

@media (max-width:1100px){
  .crew-page .tier-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width:800px){
  .crew-view-toolbar,
  #players-visual{
    padding-left:12px;
    padding-right:12px;
  }

  .crew-view-toolbar{
    gap:12px;
  }

  .crew-view-toolbar .btn{
    min-width:0;
  }

  .crew-page .tier-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:18px 14px;
  }
}

@media (max-width:640px){
  .crew-view-toolbar{
    padding-left:12px;
    padding-right:12px;
  }
}

@media (max-width:520px){
  .crew-page .tier-grid{
    grid-template-columns:1fr !important;
  }

  .crew-page .crew-ultimate-card{
    max-width:250px;
  }
}

@media (prefers-reduced-motion:reduce){
  .crew-page .crew-ultimate-card,
  .crew-page .crew-ultimate-card-inner::after{
    transition:none;
  }

  .crew-page .crew-ultimate-card:hover,
  .crew-page .crew-ultimate-card:focus-visible{
    transform:none;
  }

  .crew-page .crew-ultimate-card:hover .crew-ultimate-card-inner::after,
  .crew-page .crew-ultimate-card:focus-visible .crew-ultimate-card-inner::after{
    transform:translateX(-58%) rotate(20deg);
  }
}