/* V13.5: one real fixed wallpaper, placed as a direct child of BODY.
   The site-wide .gck-world otherwise draws a solid gradient over the HTML background.
   Keep the image out of any transformed or scrolling site container. */
.gchte{--te-ink:#172742;--te-text:#eaf4ff;--te-muted:#a5b7d2;--te-aqua:#68e3dd;--te-lime:#d8f675;--te-pink:#ff93ca;--te-line:#061427;box-sizing:border-box;width:100%;max-width:none;min-height:100vh;margin:0;padding:clamp(14px,1.8vw,38px);background:transparent!important;color:var(--te-text);font-family:inherit}
html:has(body.gch-teams-page),
html:has(body.gch-teams-page) body.gch-teams-page {
    background:transparent!important;
    background-image:none!important;
}
body.gch-teams-page > .gchte-fixed-background {
    position:fixed!important;
    inset:0!important;
    width:100vw;
    height:100vh;
    height:100dvh;
    z-index:0;
    pointer-events:none;
    background-image:var(--gchte-bg-url, url('../misc/bg_teams.webp'))!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
}
/* Global theme scenery and its overlays were hiding the original fixed image. */
body.gck-body.gch-site-v8.gch-teams-page > .gck-world {
    position:relative;
    z-index:1;
    min-height:100vh;
    background:none!important;
    background-image:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
body.gck-body.gch-site-v8.gch-teams-page > .gck-world::before,
body.gck-body.gch-site-v8.gch-teams-page > .gck-world::after,
body.gch-teams-page::before,
body.gch-teams-page::after {
    content:none!important;
    display:none!important;
    background:none!important;
}
body.gch-teams-page .gchte { background:transparent!important; }
/* The site header has no opaque bar on this page. */
body.gck-body.gch-site-v8.gch-teams-page > .gck-world > .gck-header {
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
body.gck-body.gch-site-v8.gch-teams-page > .gck-world > .gck-header::before,
body.gck-body.gch-site-v8.gch-teams-page > .gck-world > .gck-header::after {
    content:none!important;
    display:none!important;
}

.gchte *,.gchte *::before,.gchte *::after{box-sizing:border-box}
.gchte button,.gchte input,.gchte select{font:inherit}
.gchte [hidden]{display:none!important}
/* Compact heading replaces the former full-width hero banner. */
.gchte-sidebar-intro{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(153,219,238,.42)}
.gchte-sidebar-intro h1{font-size:clamp(19px,1.8vw,27px);line-height:1.2;letter-spacing:-.02em;font-weight:950;text-transform:uppercase;margin:0 0 8px;color:#fff}
.gchte-sidebar-count{display:flex;align-items:baseline;gap:8px;color:#eaf4ff;margin:0;letter-spacing:.025em;font-size:12px;font-weight:900;text-transform:uppercase}
.gchte-sidebar-count strong{color:var(--te-lime);font-size:clamp(25px,2.3vw,34px);line-height:1;font-weight:950;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #102d3c}
.gchte-sidebar-sort{padding:2px 0 18px;margin:0 0 18px;border-bottom:1px solid rgba(153,219,238,.42)}
.gchte-sidebar-sort .gchte-label{margin:2px 0 7px}
.gchte-main-layout{display:grid;grid-template-columns:clamp(248px,18vw,320px) minmax(0,1fr);align-items:start;gap:22px}
.gchte-filters{position:sticky;top:20px;border:3px solid var(--te-line);border-radius:18px;padding:22px;background:rgba(22,43,72,.96);backdrop-filter:blur(8px);box-shadow:5px 6px 0 #0a1831}
.gchte-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.gchte-panel-heading h2{margin:0;font-size:19px;text-transform:uppercase;letter-spacing:.02em;font-weight:950}
.gchte-text-button{background:transparent;color:var(--te-aqua);border:0;padding:5px;cursor:pointer;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.gchte-label{display:block;color:#d7eaff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;margin:17px 0 8px}
.gchte-label:first-of-type{margin-top:0}
.gchte-filters input[type=search],.gchte-filters select{width:100%;border:2px solid #07152b;border-radius:10px;background:#eff7ff;color:#192a46;padding:11px 12px;min-height:44px;outline-offset:2px}
.gchte-filters input:focus-visible,.gchte-filters select:focus-visible,.gchte button:focus-visible,.gchte a:focus-visible{outline:3px solid var(--te-lime);outline-offset:3px}
.gchte-range{width:100%;accent-color:#82e4dd;cursor:pointer}
.gchte-label output{float:right;color:var(--te-lime);font-size:14px;font-variant-numeric:tabular-nums}
.gchte-hint{color:var(--te-muted);font-size:11px;line-height:1.5;margin:20px 0 0}
.gchte-selected-characters{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.gchte-filter-chip{background:#14263f;border:1px solid #537b94;border-radius:6px;color:#e7fffa;display:inline-flex;gap:8px;align-items:center;max-width:100%;font-size:12px;padding:5px 7px}
.gchte-filter-chip button{border:0;background:transparent;color:var(--te-pink);font-size:16px;cursor:pointer;font-weight:900;padding:0}
.gchte-results{min-width:0}
.gchte-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gchte-team-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(160deg,rgba(39,62,98,.97),rgba(27,48,79,.96));backdrop-filter:blur(5px);border:3px solid var(--te-line);box-shadow:5px 6px 0 #0b1b35;border-radius:17px;padding:14px;transition:transform .14s ease,box-shadow .14s ease}
@media(prefers-reduced-motion:no-preference){.gchte-team-card:hover{transform:translateY(-2px);box-shadow:6px 8px 0 #0b1b35}}
.gchte-team-header{display:flex;align-items:start;justify-content:space-between;gap:8px;min-height:34px;margin-bottom:12px}
.gchte-team-header h3{margin:0;font-weight:950;font-size:17px;line-height:1.25;overflow-wrap:anywhere;color:#fff}
.gchte-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.gchte-member{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;color:#ecf6ff!important;text-decoration:none!important;gap:5px;border-radius:9px;padding:5px 2px 6px;background:#102642;border:1px solid #46647f;transition:background .15s}
.gchte-member:hover{background:#244b69}
.gchte-member-portrait{display:block;position:relative;overflow:hidden;width:min(100%,76px);aspect-ratio:1;border-radius:10px;border:2px solid #82abc5;background:#385d80;box-shadow:0 2px 0 #07192d}
.gchte-member-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gchte-no-portrait{display:flex;align-items:center;justify-content:center;font-size:27px;color:#e9f1ae;width:100%;height:100%}
.gchte-element-pyro .gchte-member-portrait{border-color:#f4a57e}.gchte-element-hydro .gchte-member-portrait{border-color:#7cc9fa}.gchte-element-electro .gchte-member-portrait{border-color:#c5a9f7}.gchte-element-dendro .gchte-member-portrait{border-color:#bce782}.gchte-element-cryo .gchte-member-portrait{border-color:#a8eef4}.gchte-element-anemo .gchte-member-portrait{border-color:#99f0d9}.gchte-element-geo .gchte-member-portrait{border-color:#f6d48d}
.gchte-member-name{font-size:11px;font-weight:850;overflow-wrap:anywhere;line-height:1.2;min-height:27px;max-width:100%}
.gchte-role-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:100%;margin-top:auto}
.gchte-role{font-size:9px;font-weight:800;color:#0a2a3e;background:#93ede2;padding:2px 3px;border-radius:3px;line-height:1.1}
.gchte-team-footer{margin-top:auto;padding-top:15px}
/* A larger editorial score strip makes each tier legible at a glance. */
.gchte-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid rgba(148,183,213,.6);padding-top:12px;font-variant-numeric:tabular-nums}
.gchte-score{min-width:0;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;border-radius:11px;background:#1a3554;border:1px solid #557997}
.gchte-score-power{background:linear-gradient(125deg,#315574,#213b5e);border-color:#80cbd7;box-shadow:inset 3px 0 0 #8ae4dc}
.gchte-score-ease{background:linear-gradient(125deg,#213854,#182d4a)}
.gchte-score-label{color:#e1f1ff;font-weight:900;font-size:clamp(11px,.88vw,14px);line-height:1.3;overflow-wrap:anywhere}
.gchte-grade{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:55px;min-height:45px;padding:3px 8px;border:2px solid #8dd5eb;border-radius:9px;background:#38658b;color:#fff;font-size:clamp(21px,1.9vw,28px);line-height:1;font-weight:1000;letter-spacing:.015em;text-shadow:0 1px 2px #182b42;box-shadow:0 3px 0 rgba(5,16,32,.55)}
.gchte-grade[data-grade="SS"]{background:linear-gradient(135deg,#fff2a7,#d6ee7c);border-color:#fff5c5;color:#1b2a3d;text-shadow:none;box-shadow:0 2px 0 #8b9d60,0 0 14px rgba(243,238,154,.22)}
.gchte-grade[data-grade="S"]{background:linear-gradient(135deg,#8cf3e5,#43cad0);border-color:#c8fff7;color:#132941;text-shadow:none}
.gchte-grade[data-grade="A"]{background:linear-gradient(135deg,#a6d6ff,#6ea7f5);border-color:#d3ebff;color:#102e4d;text-shadow:none}
.gchte-grade[data-grade="B"]{background:#486894;border-color:#a3c7e7}
.gchte-grade[data-grade="C"]{background:#4e566c;border-color:#9faec2}
.gchte-grade[data-grade="—"],.gchte-grade[data-grade="-"]{background:#1c3049;border-color:#54718f;color:#a8bed6;box-shadow:none}
.gchte-empty,.gchte-notice{border:2px dashed #7cc8d4;border-radius:13px;background:#1a304d;color:#e2efff;padding:24px;text-align:center;font-weight:800;margin-top:18px}
.gchte-notice{text-align:left;margin:0 0 24px;color:#fff2cb;border-color:#f9da7e}
.gchte-more{display:block;margin:30px auto 0;border:3px solid #102037;border-radius:9px;background:var(--te-lime);color:#15243c;padding:11px 25px;font-weight:950;box-shadow:4px 5px 0 #08162a;cursor:pointer}
@media(max-width:760px){.gchte-main-layout{grid-template-columns:minmax(0,1fr)}.gchte-filters{position:static}.gchte-card-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.gchte-card-grid{grid-template-columns:minmax(0,1fr)}.gchte-score{padding:8px 10px}.gchte-grade{min-width:48px;min-height:42px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.gchte *{transition:none!important}}

/* Disabled filters are explicit when their data is not yet populated. */
.gchte-filters select:disabled,.gchte-filters input:disabled{opacity:.45;cursor:not-allowed;}

/* Keep the illustrated background fixed at every viewport width. */

/* Larger team portraits with just two readable cards per row. */
.gchte-team-card{padding:clamp(14px,1.3vw,22px)}
.gchte-team-header h3{font-size:clamp(17px,1.35vw,22px)}
.gchte-member-portrait{width:min(100%,92px)}
.gchte-member-name{font-size:clamp(11px,.9vw,14px)}
@media(max-width:1120px){.gchte-card-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:400px){.gchte-scores{gap:7px}.gchte-score{padding:8px 7px;gap:5px}.gchte-grade{min-width:43px;min-height:40px;font-size:20px}}