/* ═══════════════════════════════════════
   TEAMS VIEW — league grid (new)
═══════════════════════════════════════ */

/* Search bar */
.gnt-search{
  margin:12px 16px 8px;background:rgba(255,255,255,0.04);
  border:0.5px solid #1C1C24;border-radius:12px;
  display:flex;align-items:center;gap:10px;padding:10px 14px;flex-shrink:0;
  transition:border-color .2s;
}
.gnt-search:focus-within{border-color:rgba(57,255,20,.25);}
.gnt-search-ico{font-size:14px;opacity:.18;color:#fff;flex-shrink:0;}
.gnt-search-ph{font-family:'Barlow',sans-serif;font-size:13px;color:var(--txt2);flex:1;}
.gnt-search-input{
  flex:1;background:none;border:none;outline:none;
  font-family:'Barlow',sans-serif;font-size:13px;color:#e8ecf4;
  caret-color:#39FF14;
}
.gnt-search-input::placeholder{color:var(--txt2);}

/* Home search results dropdown */
.gnt-home-results{
  margin:4px 16px 0;
  background:rgba(10,13,20,0.97);border:0.5px solid #1C1C28;border-radius:10px;
  overflow:hidden;
}
.gnt-hr-item{
  display:flex;align-items:center;gap:10px;padding:10px 14px;
  border-bottom:0.5px solid #111116;cursor:pointer;transition:background .15s;
}
.gnt-hr-item:last-child{border-bottom:none;}
.gnt-hr-item:active{background:#111116;}
.gnt-hr-badge{
  width:32px;height:32px;border-radius:7px;border:1px solid;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:10px;letter-spacing:.5px;
  background:rgba(0,0,0,0.3);flex-shrink:0;
}
.gnt-hr-badge img{width:22px;height:22px;object-fit:contain;}
.gnt-hr-name{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.5px;color:#e8ecf4;}
.gnt-hr-league{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--txt2);letter-spacing:1px;margin-top:1px;}
.gnt-hr-arr{font-size:14px;color:#1C1C28;margin-left:auto;}
.gnt-hr-section{
  padding:6px 14px 4px;
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;
  color:#2A2A3A;text-transform:uppercase;
}
.gnt-hr-pos-dot{
  width:32px;height:32px;border-radius:7px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:9px;letter-spacing:.5px;
  color:rgba(0,0,0,0.7);opacity:.85;
}

.gnt-scroll{flex:1;overflow-y:auto;scrollbar-width:none;background:transparent;}
.gnt-scroll::-webkit-scrollbar{display:none;}

/* Section header */
.gnt-sec{padding:13px 20px 8px;display:flex;justify-content:space-between;align-items:center;}
.gnt-sec-l{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--txt2);letter-spacing:2px;text-transform:uppercase;}
.gnt-sec-r{font-family:'Barlow',sans-serif;font-size:11px;color:#39FF14;cursor:pointer;}

/* Divider */
.gnt-hdiv{height:0.5px;background:#0F0F14;margin:14px 20px 0;}

/* Pages / grid */
.gnt-pages-wrap{overflow:hidden;position:relative;touch-action:pan-y;}
.gnt-pages-track{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform;}
.gnt-page-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
  padding:0 20px;width:100vw;min-width:100vw;flex-shrink:0;align-content:start;
}
.gnt-page-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:6px 0 0;min-height:20px;}
.gnt-page-dot{width:5px;height:5px;border-radius:50%;background:#1C1C28;cursor:pointer;transition:all .25s;}
.gnt-page-dot.on{background:#39FF14;width:14px;border-radius:3px;}
.gnt-page-counter{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#252535;letter-spacing:1px;margin-left:8px;}

/* Slots */
.gnt-slot{
  border-radius:11px;aspect-ratio:1/1;position:relative;overflow:hidden;
  cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;
  padding:10px 9px 9px;transition:transform .17s cubic-bezier(.34,1.56,.64,1);
  border:1px solid #1C1C24;
}
.gnt-slot:active{transform:scale(.93);}
.gnt-slot.filled{background:#111116;}
.gnt-slot.filled.rn{border-color:#39FF14;box-shadow:0 0 0 1px rgba(57,255,20,.08);}
.gnt-slot.filled.rb{border-color:#4A8CFF;box-shadow:0 0 0 1px rgba(74,140,255,.08);}
.gnt-slot.empty{
  background:transparent;border:1px dashed #1C1C2A;
  display:flex;align-items:center;justify-content:center;cursor:default;
}
.gnt-slot.empty .gnt-plus{font-size:18px;color:#1C1C2A;font-family:'Bebas Neue',sans-serif;}

/* Globe card */
.gnt-slot.globe-card{
  background:linear-gradient(160deg,#050D1A,#020509);border-color:#162036;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;padding:4px 4px 8px;overflow:hidden;
}
.gnt-slot.globe-card:active{transform:scale(.94);}
.gnt-globe-wrap{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}

/* CSS Planet */
.gnt-planet-wrap{width:72px;height:72px;position:relative;display:flex;align-items:center;justify-content:center;}
.gnt-planet{
  width:60px;height:60px;border-radius:50%;position:relative;overflow:hidden;
  box-shadow:
    inset -8px -4px 12px rgba(0,0,0,.7),
    inset 6px 4px 12px rgba(80,160,255,.15),
    0 0 18px rgba(50,120,255,.2),
    0 0 40px rgba(30,80,200,.1);
}
.gnt-planet-surface{
  position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(ellipse at 30% 25%, rgba(100,180,80,.35) 0%, transparent 40%),
    radial-gradient(ellipse at 65% 60%, rgba(80,140,60,.25) 0%, transparent 35%),
    radial-gradient(ellipse at 20% 70%, rgba(60,110,180,.4) 0%, transparent 40%),
    radial-gradient(ellipse at 75% 30%, rgba(70,130,200,.3) 0%, transparent 35%),
    linear-gradient(180deg,#1a4080 0%,#0d5c3a 35%,#1a5c8a 55%,#0d3a6e 80%,#091a40 100%);
  animation:gntPlanetSpin 18s linear infinite;
}
.gnt-planet-clouds{
  position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(ellipse at 40% 30%, rgba(255,255,255,.18) 0%, transparent 30%),
    radial-gradient(ellipse at 70% 55%, rgba(255,255,255,.12) 0%, transparent 25%),
    radial-gradient(ellipse at 25% 65%, rgba(255,255,255,.1) 0%, transparent 20%);
  animation:gntPlanetSpin 12s linear infinite;
}
.gnt-planet-shine{
  position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(ellipse at 28% 25%, rgba(180,220,255,.28) 0%, transparent 55%);
  pointer-events:none;
}
.gnt-planet-ring{
  position:absolute;top:50%;left:50%;width:84px;height:16px;
  border-radius:50%;border:2px solid rgba(100,160,255,.18);
  transform:translate(-50%,-50%) rotateX(72deg);
  box-shadow:0 0 8px rgba(100,160,255,.1);
  pointer-events:none;
}
@keyframes gntPlanetSpin{from{background-position:0% 50%}to{background-position:100% 50%}}

.gnt-globe-lbl{font-family:'Bebas Neue',sans-serif;font-size:8px;font-weight:700;color:rgba(255,255,255,.55);text-align:center;line-height:1.2;letter-spacing:.5px;}
.gnt-globe-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(57,255,20,.6);letter-spacing:.5px;}

/* Slot internals */
.gnt-slot-wm{position:absolute;bottom:-4px;right:-2px;font-family:'Bebas Neue',sans-serif;font-size:36px;font-weight:900;opacity:.06;color:#fff;pointer-events:none;user-select:none;line-height:1;letter-spacing:-1px;}
.gnt-slot-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2;}
.gnt-slot-flag{font-size:26px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;}
.gnt-slot-flag img,.gnt-slot-flag-bg img{width:28px;height:28px;object-fit:contain;}
.gnt-slot-flag-bg img{width:52px;height:52px;opacity:.08;filter:blur(1px);}
.gnt-slot-flag-bg{position:absolute;bottom:-10px;right:-6px;font-size:52px;opacity:.08;pointer-events:none;user-select:none;line-height:1;filter:blur(1px);}
.gnt-slot-star{font-size:12px;cursor:pointer;transition:transform .15s,opacity .15s;line-height:1;color:#333;z-index:10;}
.gnt-slot-star.on{color:#C8A84B;}
.gnt-slot-star:active{transform:scale(1.4);}
.gnt-ldot{width:8px;height:8px;border-radius:50%;background:#39FF14;box-shadow:0 0 6px #39FF14;animation:gntBlink 1.8s ease-in-out infinite;flex-shrink:0;}
.gnt-ldot.b{background:#4A8CFF;box-shadow:0 0 6px #4A8CFF;}
@keyframes gntBlink{0%,100%{opacity:1}50%{opacity:.2}}
.gnt-slot-bot{position:relative;z-index:2;}
.gnt-slot-name{font-family:'Bebas Neue',sans-serif;font-size:12px;font-weight:700;color:#fff;letter-spacing:.3px;line-height:1.3;margin-bottom:2px;}
.gnt-slot-sub{font-family:'Barlow',sans-serif;font-size:9px;margin-bottom:2px;opacity:.6;}
.gnt-slot-votes{font-family:'IBM Plex Mono',monospace;font-size:8px;color:var(--txt2);}
.gnt-drag-hint{position:absolute;bottom:7px;right:8px;font-size:11px;color:rgba(255,255,255,.12);pointer-events:none;letter-spacing:-1px;}

/* Remove X button */
.gnt-slot-x{
  position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;
  background:#FF3B30;border:2px solid #0A0A0A;display:none;align-items:center;
  justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:pointer;z-index:50;
  line-height:1;box-shadow:0 2px 10px rgba(255,59,48,.5);
  animation:gntPopIn .2s cubic-bezier(.34,1.56,.64,1);
}
@keyframes gntPopIn{from{transform:scale(0)}to{transform:scale(1)}}
.gnt-slot.has-x{border-color:rgba(255,59,48,.35)!important;box-shadow:0 0 0 1px rgba(255,59,48,.1)!important;}
.gnt-slot.has-x .gnt-slot-x{display:flex;}

/* Discover row */
.gnt-disc-wrap{padding:0 20px;overflow-x:auto;scrollbar-width:none;display:flex;gap:7px;}
.gnt-disc-wrap::-webkit-scrollbar{display:none;}
.gnt-dc{
  display:flex;align-items:center;gap:6px;flex-shrink:0;
  background:#111116;border:0.5px solid #1C1C24;border-radius:9px;
  padding:7px 11px;cursor:pointer;transition:border-color .2s;position:relative;
}
.gnt-dc:active{border-color:var(--txt2);}
.gnt-dc-flag{font-size:14px;display:flex;align-items:center;}
.gnt-dc-flag img{width:18px;height:18px;object-fit:contain;}
.gnt-dc-name{font-family:'Barlow',sans-serif;font-size:11px;font-weight:500;color:var(--txt2);white-space:nowrap;}
.gnt-dc-star{font-size:11px;color:#252535;cursor:pointer;margin-left:2px;transition:color .15s,transform .15s;}
.gnt-dc-star.on{color:#C8A84B;}
.gnt-dc-star:active{transform:scale(1.4);}

/* ═══════════════════════════════════════
   ALL LEAGUES VIEW
═══════════════════════════════════════ */
.gnt-al-top{padding:50px 20px 14px;display:flex;align-items:center;gap:12px;flex-shrink:0;}
.gnt-back-btn{
  width:34px;height:34px;border-radius:10px;background:#111116;
  border:0.5px solid #1C1C24;display:flex;align-items:center;justify-content:center;
  font-size:20px;cursor:pointer;color:#fff;flex-shrink:0;
}
.gnt-al-title{font-family:'Bebas Neue',sans-serif;font-size:13px;font-weight:800;color:#fff;letter-spacing:-.1px;}
.gnt-al-sub{font-family:'Barlow',sans-serif;font-size:11px;color:var(--txt2);margin-top:2px;}
.gnt-al-leg{display:flex;gap:14px;padding:8px 20px 10px;border-bottom:0.5px solid #0F0F14;flex-wrap:wrap;flex-shrink:0;}
.gnt-al-li{display:flex;align-items:center;gap:5px;}
.gnt-al-ld{width:6px;height:6px;border-radius:50%;}
.gnt-al-ll{font-family:'Barlow',sans-serif;font-size:10px;color:var(--txt2);}
.gnt-al-scroll{flex:1;overflow-y:auto;scrollbar-width:none;}
.gnt-al-scroll::-webkit-scrollbar{display:none;}
.gnt-al-tier-lbl{padding:10px 20px 6px;font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--txt2);letter-spacing:2px;text-transform:uppercase;}
.gnt-al-row{
  display:flex;align-items:center;gap:10px;padding:11px 20px;
  border-bottom:0.5px solid #0F0F14;cursor:pointer;transition:background .15s;
}
.gnt-al-row:active{background:#111116;}
.gnt-al-row.t5{border-left:2px solid #39FF14;}
.gnt-al-row.t10{border-left:2px solid #4A8CFF;}
.gnt-al-row.t20{border-left:2px solid #C8A84B;}
.gnt-al-row.tx{border-left:2px solid #1C1C24;}
.gnt-al-num{font-family:'Bebas Neue',sans-serif;font-size:16px;font-weight:900;color:#1E1E28;min-width:32px;line-height:1;}
.gnt-al-ico{width:36px;height:36px;border-radius:9px;background:#111116;border:0.5px solid #1C1C24;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.gnt-al-ico img{width:24px;height:24px;object-fit:contain;}
.gnt-al-info{flex:1;}
.gnt-al-name{font-family:'Barlow',sans-serif;font-size:13px;font-weight:600;color:#fff;}
.gnt-al-meta{font-family:'Barlow',sans-serif;font-size:10px;color:var(--txt2);margin-top:1px;}
.gnt-al-right{text-align:right;flex-shrink:0;}
.gnt-al-coeff{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--txt2);}
.gnt-al-coeff-l{font-family:'Barlow',sans-serif;font-size:9px;color:#1E1E28;margin-top:1px;}
.gnt-al-star{font-size:14px;cursor:pointer;margin-left:8px;transition:color .15s,transform .15s;color:#252535;}
.gnt-al-star.on{color:#C8A84B;}
.gnt-al-star:active{transform:scale(1.4);}
.gnt-al-arr{font-size:14px;color:#1C1C24;margin-left:6px;}

/* ═══════════════════════════════════════
   LEAGUE MAP VIEW
═══════════════════════════════════════ */
.gnt-map-wrap{display:flex;flex-direction:column;height:100%;}
.gnt-map-header{
  position:absolute;top:0;left:0;right:0;z-index:10;
  padding:50px 20px 14px;display:flex;align-items:center;gap:12px;
  background:linear-gradient(to bottom,rgba(7,9,12,.95) 60%,transparent);
}
.gnt-map-bg{
  flex:1;background:radial-gradient(ellipse at 50% 45%,#0C1018,#07090C);
  position:relative;overflow:hidden;
}
.gnt-map-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(57,255,20,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,255,20,.02) 1px,transparent 1px);
  background-size:40px 40px;
}
.gnt-map-svg{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-52%);width:330px;opacity:.14;
}
.gnt-map-pin{
  position:absolute;transform:translate(-50%,-100%);
  display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:20;
}
.gnt-map-dot{
  width:38px;height:38px;border-radius:50%;background:rgba(7,9,12,.8);
  border:1.5px solid rgba(255,255,255,.14);display:flex;align-items:center;
  justify-content:center;font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.gnt-map-tail{width:2px;height:8px;background:rgba(255,255,255,.18);margin-top:-1px;}
.gnt-map-lbl{
  font-family:'IBM Plex Mono',monospace;font-size:7px;padding:2px 6px;
  border-radius:8px;background:rgba(7,9,12,.8);border:0.5px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.45);margin-top:4px;white-space:nowrap;
}
.gnt-map-pin--gold .gnt-map-dot{border-color:rgba(200,168,75,.5);animation:gntMapGold 2.5s ease-in-out infinite;}
.gnt-map-pin--gold .gnt-map-tail{background:rgba(200,168,75,.3);}
.gnt-map-pin--gold .gnt-map-lbl{border-color:rgba(200,168,75,.25);color:#C8A84B;}
.gnt-map-pin--neon .gnt-map-dot{border-color:rgba(57,255,20,.5);animation:gntMapNeon 2s ease-in-out infinite;}
.gnt-map-pin--neon .gnt-map-tail{background:rgba(57,255,20,.25);}
.gnt-map-pin--neon .gnt-map-lbl{border-color:rgba(57,255,20,.2);color:#39FF14;}
@keyframes gntMapGold{0%,100%{box-shadow:0 0 0 0 rgba(200,168,75,.4)}60%{box-shadow:0 0 0 8px rgba(200,168,75,0)}}
@keyframes gntMapNeon{0%,100%{box-shadow:0 0 0 0 rgba(57,255,20,.4)}60%{box-shadow:0 0 0 8px rgba(57,255,20,0)}}

/* ═══════════════════════════════════════
   TEAM VIEW (single team page · cinematic)
   Prefixed #view-team so it wins over inline_extracted.css
═══════════════════════════════════════ */
#view-team{
  --team-c: #00e676;
  --team-c2: #ffffff;
  background: #07090E;
}
#view-team .gn-team-wrap{
  display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;
  background:#07090E;
}
#view-team .gn-team-scroll{flex:1;overflow-y:auto;scrollbar-width:none;}
#view-team .gn-team-scroll::-webkit-scrollbar{display:none;}

#view-team .gn-team-hero{
  position:relative;flex-shrink:0;min-height:168px;padding:10px 16px 18px;
  overflow:hidden;z-index:2;
}
#view-team .gn-team-hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 90% 80% at 18% 0%, color-mix(in srgb, var(--team-c) 42%, transparent), transparent 70%),
    linear-gradient(165deg, color-mix(in srgb, var(--team-c) 22%, #0d1119), #07090E 78%);
}
#view-team .gn-team-hero-mark{
  position:absolute;right:-8px;top:-18px;z-index:0;
  font-family:'Bebas Neue',sans-serif;font-size:148px;letter-spacing:-.04em;line-height:.8;
  color:var(--team-c);opacity:.14;pointer-events:none;user-select:none;
}
#view-team .gn-team-back-btn{
  position:relative;z-index:2;display:inline-flex;align-items:center;
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;
  color:color-mix(in srgb, var(--team-c) 70%, #fff);
  text-transform:uppercase;cursor:pointer;padding:6px 0 10px;
  background:none;border:none;
}
#view-team .gn-team-back-btn:active{opacity:.7;}
#view-team .gn-team-hero-row{
  position:relative;z-index:2;display:flex;align-items:flex-end;gap:12px;
}
#view-team .gn-team-crest{
  width:56px;height:56px;flex-shrink:0;border-radius:14px;
  border:none;
  background:transparent;
  display:flex;align-items:center;justify-content:center;overflow:visible;
  box-shadow:none;
}
#view-team .gn-team-crest .hv2-mark{width:48px;height:48px;}
#view-team .gn-team-crest img{width:42px;height:42px;object-fit:contain;}
#view-team .gn-team-crest-init{
  font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.04em;color:var(--team-c);
}
#view-team .gn-team-hero-copy{min-width:0;flex:1;padding-bottom:2px;}
#view-team .gn-team-name{
  font-family:'Bebas Neue',sans-serif;font-size:34px;line-height:.88;
  text-transform:uppercase;letter-spacing:-.5px;color:#fff;
  position:relative;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#view-team .gn-team-name::after{
  content:'';position:absolute;bottom:-4px;left:0;width:64px;height:2px;
  background:linear-gradient(90deg,var(--team-c),transparent);
}
#view-team .gn-team-season{
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2.5px;
  color:rgba(255,255,255,.45);text-transform:uppercase;margin-top:10px;display:block;
}

#view-team .gn-team-kpi-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:rgba(255,255,255,0.04);flex-shrink:0;position:relative;z-index:2;
  border-top:1px solid color-mix(in srgb, var(--team-c) 18%, transparent);
  border-bottom:1px solid rgba(255,255,255,.05);
}
#view-team .gn-team-kpi{background:rgba(7,9,14,0.86);padding:11px 4px;text-align:center;}
#view-team .gn-team-kpi-val{
  font-family:'Bebas Neue',sans-serif;font-size:20px;display:block;line-height:1;
  color:var(--team-c);
}
#view-team .gn-team-kpi-label{
  font-family:'IBM Plex Mono',monospace;font-size:6px;letter-spacing:1px;
  color:rgba(255,255,255,0.28);text-transform:uppercase;display:block;margin-top:3px;
}

#view-team .gn-team-form{
  display:flex;gap:5px;padding:10px 16px 0;flex-shrink:0;position:relative;z-index:2;
  min-height:32px;align-items:center;
}
#view-team .gn-team-form-empty{
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,255,255,.22);
}
#view-team .gn-team-form-dot{
  width:22px;height:22px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:10px;
}
#view-team .gn-team-form-dot.w{background:rgba(0,200,80,0.15);border:1px solid rgba(0,200,80,0.4);color:#00e676;}
#view-team .gn-team-form-dot.d{background:rgba(255,200,0,0.1);border:1px solid rgba(255,200,0,0.3);color:#FFD700;}
#view-team .gn-team-form-dot.l{background:rgba(255,80,0,0.1);border:1px solid rgba(255,80,0,0.3);color:#ff5252;}

#view-team .gn-team-tabs{
  display:flex;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;position:relative;z-index:2;margin-top:8px;
}
#view-team .gn-team-tabs::-webkit-scrollbar{display:none;}
#view-team .gn-team-tab{
  flex:1;padding:12px 8px;font-family:'Rajdhani',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.28);cursor:pointer;border-bottom:2px solid transparent;
  transition:all 0.15s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;
}
#view-team .gn-team-tab.active{
  color:var(--team-c);
  border-bottom-color:var(--team-c);
  text-shadow:0 0 12px color-mix(in srgb, var(--team-c) 55%, transparent);
}

#view-team .gn-team-panel{display:none;position:relative;z-index:2;}
#view-team .gn-team-panel.active{display:block;}

.gn-team-pitch-wrap{width:100%;aspect-ratio:3/4;margin:12px 0;border-radius:8px;
  border:1px solid color-mix(in srgb, var(--team-c, #00e676) 22%, transparent);overflow:hidden;position:relative;
  background:linear-gradient(170deg,#0a1628 0%,#061020 50%,#0a1628 100%);}
.gn-team-pitch-loading,.gn-team-pitch-empty{width:100%;height:100%;min-height:200px;
  display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;color:rgba(255,255,255,0.25);}
.gn-tp-canvas{position:relative;width:100%;height:100%;}
.gn-tp-canvas .fp-pitch-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.gn-tp-logo-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  pointer-events:none;opacity:0.08;}
.gn-tp-logo{max-width:42%;max-height:42%;object-fit:contain;filter:grayscale(0.2);}
.gn-tp-logo-bg .hv2-mark{width:140px;height:140px;}
.gn-tp-logo-txt{font-family:'Bebas Neue',sans-serif;font-size:72px;letter-spacing:4px;line-height:1;}
.gn-tp-form-lbl{position:absolute;top:8px;right:10px;z-index:4;
  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;
  color:rgba(255,255,255,0.22);pointer-events:none;}
.gn-tp-players{position:absolute;inset:0;z-index:5;}
.gn-tp-mins-lbl{position:absolute;top:8px;left:10px;z-index:4;
  font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1.5px;
  color:rgba(0,230,118,0.35);pointer-events:none;text-transform:uppercase;}
.gn-tp-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;
  align-items:center;gap:3px;cursor:pointer;max-width:88px;}
.gn-tp-player:active{transform:translate(-50%,-50%) scale(0.94);}
.gn-tp-dot{width:46px;height:46px;border-radius:50%;border:2px solid;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:0.5px;
  overflow:hidden;}
.gn-tp-name{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:0.3px;color:rgba(255,255,255,0.9);text-align:center;line-height:1.1;
  max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-shadow:0 1px 4px rgba(0,0,0,0.85);}
.gn-team-history-loading{padding:12px 0;color:var(--txt3);font-size:11px;font-family:'IBM Plex Mono',monospace;}
.gn-team-history-event-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.gn-team-history-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:0.5px;
  color:rgba(255,255,255,0.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gn-team-squad-row-ph{height:44px;background:rgba(255,255,255,0.02);
  border-bottom:1px solid rgba(255,255,255,0.03);display:flex;align-items:center;padding:0 16px;gap:12px;}
.gn-team-squad-ph-num{font-family:'Bebas Neue',sans-serif;font-size:18px;
  color:color-mix(in srgb, var(--team-c, #ff5000) 35%, transparent);width:28px;flex-shrink:0;}
.gn-team-squad-ph-bar{flex:1;height:1px;background:rgba(255,255,255,0.04);}
.gn-team-squad-ph-score{font-family:'Bebas Neue',sans-serif;font-size:16px;color:rgba(255,255,255,0.35);}

#view-team .gn-team-crowd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;
  margin:12px 16px;background:rgba(255,255,255,0.03);}
#view-team .gn-team-crowd-cell{background:rgba(0,0,0,0.4);padding:14px 12px;}
#view-team .gn-team-crowd-cell-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;
  color:rgba(255,255,255,0.22);text-transform:uppercase;display:block;margin-bottom:6px;}
#view-team .gn-team-crowd-cell-val{font-family:'Bebas Neue',sans-serif;font-size:28px;
  color:var(--team-c);display:block;line-height:1;}
#view-team .gn-team-crowd-cell-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;
  color:rgba(255,255,255,0.18);letter-spacing:1px;display:block;margin-top:3px;}
#view-team .gn-team-crowd-ranks{padding:4px 0 16px;}
#view-team .gn-team-player-slot{
  margin:0 16px 4px;background:rgba(0,0,0,0.4);
  border:1px solid rgba(255,255,255,0.05);padding:10px 12px;display:flex;align-items:center;gap:10px;
  cursor:pointer;
}
#view-team .gn-team-player-slot:active{background:rgba(255,255,255,0.04);}
#view-team .gn-team-player-slot-rank{font-family:'Bebas Neue',sans-serif;font-size:22px;
  color:color-mix(in srgb, var(--team-c) 40%, transparent);width:24px;flex-shrink:0;}
#view-team .gn-team-player-slot-info{flex:1;min-width:0;}
#view-team .gn-team-player-slot-name{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.85);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#view-team .gn-team-player-slot-pos{font-family:'IBM Plex Mono',monospace;font-size:7px;
  color:rgba(255,255,255,0.28);letter-spacing:1px;margin-top:1px;}
#view-team .gn-team-player-slot-score{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--team-c);}
#view-team .gn-team-crowd-empty{
  padding:18px 16px;text-align:center;color:rgba(255,255,255,.28);
  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.5px;
}

#view-team .gn-team-history-section{padding:14px 16px 0;}
#view-team .gn-team-history-title{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:4px;
  color:color-mix(in srgb, var(--team-c) 55%, #fff);
  text-transform:uppercase;
  border-bottom:1px solid rgba(255,255,255,0.04);padding-bottom:6px;margin-bottom:10px;}
#view-team .gn-team-history-year{color:color-mix(in srgb, var(--team-c) 70%, #fff);}
#view-team .gn-team-titles-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
#view-team .gn-team-title-badge{background:color-mix(in srgb, var(--team-c) 8%, transparent);
  border:1px solid color-mix(in srgb, var(--team-c) 22%, transparent);padding:6px 12px;text-align:center;}
#view-team .gn-team-title-badge-num{font-family:'Bebas Neue',sans-serif;font-size:28px;
  color:var(--team-c);display:block;line-height:1;}
#view-team .gn-team-title-badge-label{font-family:'IBM Plex Mono',monospace;font-size:6px;letter-spacing:2px;
  color:rgba(255,255,255,.35);text-transform:uppercase;display:block;margin-top:2px;}
#view-team .gn-team-history-row{display:flex;align-items:center;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,0.03);gap:10px;}
#view-team .gn-team-history-event{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:0.5px;color:rgba(255,255,255,0.75);flex:1;}
#view-team .gn-team-history-trophy{font-size:14px;}

#view-team .gn-team-identity-section{padding:14px 16px 18px;}
#view-team .gn-team-club-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:16px;background:rgba(255,255,255,.03);
}
#view-team .gn-team-club-cell{background:rgba(0,0,0,.4);padding:12px;}
#view-team .gn-team-club-k{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;
  color:rgba(255,255,255,.22);text-transform:uppercase;margin-bottom:4px;
}
#view-team .gn-team-club-v{
  display:block;font-family:'Bebas Neue',sans-serif;font-size:20px;color:#fff;line-height:1.1;
}
#view-team .gn-team-colors-row{display:flex;gap:6px;margin-bottom:14px;}
#view-team .gn-team-color-swatch{flex:1;height:52px;border:1px solid rgba(255,255,255,0.08);border-radius:6px;
  display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;
  font-size:8px;letter-spacing:1px;font-weight:600;}
#view-team .gn-team-kits-row{display:flex;gap:8px;margin-bottom:8px;}
#view-team .gn-team-kit{flex:1;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);
  border-radius:8px;padding:12px 8px;text-align:center;}
#view-team .gn-team-kit-visual{width:36px;height:46px;border-radius:4px;margin:0 auto 6px;
  border:1px solid rgba(255,255,255,0.08);}
#view-team .gn-team-kit-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1px;
  color:rgba(255,255,255,0.28);text-transform:uppercase;}