/* =====================================================================
   Skyzo Squad — Home 2.0  (page styles; .pcard etc. live in theme.v2)
   ===================================================================== */
.skyzo{ max-width:1160px; margin:0 auto; }
.skyzo *,.skyzo *::before,.skyzo *::after{ box-sizing:border-box; }
.sk-section{ margin:0 0 3.4rem; }

/* ---- HERO ---- */
.hud-hero{
  position:relative; overflow:hidden; padding:3.2rem 1.6rem 2.8rem; margin:0 0 3.2rem;
  border:1px solid var(--line); background:
    linear-gradient(120deg, rgba(255,91,61,.10), transparent 55%),
    linear-gradient(300deg, rgba(34,211,238,.08), transparent 55%),
    rgba(14,16,24,.55);
}
.hud-hero::after{ content:""; position:absolute; right:-60px; top:-60px; width:280px; height:280px;
  background:radial-gradient(circle, rgba(255,91,61,.22), transparent 70%); filter:blur(10px); }
.hud-hero__inner{ position:relative; z-index:2; text-align:center; }
.hud-hero__mark{ width:76px; height:76px; object-fit:contain; filter:drop-shadow(0 6px 22px rgba(255,91,61,.5)); margin-bottom:1rem; }
.hud-hero__title{ font:700 clamp(2.3rem,7vw,4rem)/1 'Chakra Petch',sans-serif; text-transform:uppercase; letter-spacing:.02em; color:#fff; margin:.7rem 0 0; }
.hud-hero__title span{ color:var(--ember); }
.hud-hero__sub{ max-width:52ch; margin:1rem auto 0; color:var(--muted); line-height:1.6; }

.hud-stats{ display:flex; justify-content:center; flex-wrap:wrap; gap:.8rem; margin-top:1.9rem; }
.hud-stat{ min-width:104px; padding:.8rem 1.15rem; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.hud-stat b{ display:block; font:700 1.7rem/1 'JetBrains Mono',monospace; color:#fff; }
.hud-stat span{ font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.hud-stat.e b{ color:var(--ember-2); } .hud-stat.c b{ color:var(--cyan); } .hud-stat.g b{ color:var(--gold); }

.hud-cta{ display:flex; justify-content:center; flex-wrap:wrap; gap:.7rem; margin-top:1.9rem; }
.hud-btn{ display:inline-flex; align-items:center; gap:.55rem; padding:.8rem 1.5rem; text-decoration:none;
  font:700 .92rem/1 'Chakra Petch',sans-serif; text-transform:uppercase; letter-spacing:.04em;
  border:1px solid transparent; transition:transform .18s ease, box-shadow .18s ease; }
.hud-btn--ember{ background:linear-gradient(180deg,var(--ember-2),var(--ember)); color:#180500; box-shadow:0 8px 22px rgba(255,91,61,.3); }
.hud-btn--ember:hover{ transform:translateY(-2px); color:#180500; }
.hud-btn--ghost{ background:rgba(255,255,255,.03); border-color:var(--line-2); color:var(--text); }
.hud-btn--ghost:hover{ transform:translateY(-2px); border-color:var(--ember); color:#fff; }

/* ---- SEARCH ---- */
.sk-search{ position:relative; }
.sk-search__icon{ position:absolute; left:1.05rem; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none; }
.sk-search input{ width:100%; padding:1rem 1rem 1rem 2.9rem; color:var(--text); background:rgba(8,10,16,.7);
  border:1px solid var(--line-2); font-size:1rem; outline:none; transition:border-color .18s, box-shadow .18s; }
.sk-search input::placeholder{ color:#6b7089; }
.sk-search input:focus{ border-color:var(--ember); box-shadow:0 0 0 3px rgba(255,91,61,.2); }
.sk-results{ margin-top:1.4rem; }
.pgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1rem; }
.sk-hint,.sk-state{ padding:1.5rem; text-align:center; color:var(--muted); border:1px dashed var(--line); grid-column:1/-1; }
.sk-spin{ color:var(--ember); }

/* ---- TEAM (division) ---- */
.sk-teams{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.sk-team{ position:relative; border:1px solid var(--line); background:var(--panel); overflow:hidden; cursor:pointer; transition:transform .2s, border-color .2s; }
.sk-team:hover{ transform:translateY(-4px); border-color:var(--line-2); }
.sk-team__media{ height:130px; display:grid; place-items:center; border-bottom:1px solid var(--line);
  background:radial-gradient(150px 90px at 50% 30%, rgba(255,91,61,.14), transparent 70%), rgba(0,0,0,.25); }
.sk-team__media img{ max-height:100px; max-width:78%; object-fit:contain; }
.sk-team__body{ padding:.9rem 1rem; display:flex; align-items:center; justify-content:space-between; }
.sk-team__name{ margin:0; font:700 1.1rem/1 'Chakra Petch',sans-serif; text-transform:uppercase; color:#fff; }
.sk-team__pick{ font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-family:'JetBrains Mono',monospace; }
.sk-team.is-active{ border-color:var(--ember); }
.sk-team.is-active .sk-team__pick{ color:var(--ember); }
.sk-team.is-active::after{ content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; top:.6rem; right:.6rem;
  width:26px; height:26px; display:grid; place-items:center; font-size:.7rem; color:#180500; background:var(--ember); }

/* ---- ROLES ---- */
.sk-roles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr)); gap:1rem; }
.sk-role{ border:1px solid var(--line); background:var(--panel); overflow:hidden; cursor:pointer; transition:transform .2s, border-color .2s; }
.sk-role:hover{ transform:translateY(-4px); border-color:var(--ember); }
.sk-role__media{ position:relative; height:150px; overflow:hidden; border-bottom:1px solid var(--line); }
.sk-role__media img{ width:100%; height:100%; object-fit:cover; object-position:top center; filter:saturate(.9) blur(6px); transform:scale(1.05); transition:filter .3s, transform .3s; }
.sk-role:hover .sk-role__media img{ filter:none; transform:scale(1); }
.sk-role__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(8,9,14,.78)); }
.sk-role__body{ position:relative; padding:.85rem 1rem 1rem; text-align:center; }
.sk-role__name{ margin:0; font:700 1.08rem/1 'Chakra Petch',sans-serif; text-transform:uppercase; color:var(--ember-2); }
.sk-role__hint{ margin:.3rem 0 0; font-size:.74rem; color:var(--muted); }

@media (max-width:720px){ .sk-teams{ grid-template-columns:1fr; } .hud-hero{ padding:2.4rem 1.1rem; } .pgrid{ grid-template-columns:1fr; } }