/* 30PICK'EM v0.9.46 — combat sports (MMA / Boxing) + Fight of the Week.
   Loaded last. Every selector is scoped to markup that only exists for a
   fight (.logoShell--fighter, .p2GotwSport--combat, .p2GotwFighter,
   .pv3Tb--separate, .fightResult*, .stv1FightResult, .fotw), so NFL / CFB /
   MLB / NBA / NHL cards and the frozen football GOTW are untouched.
   Corner colors: red = fighter A (away), blue = fighter B (home). */
:root{
  --cb-red:#e5343f;
  --cb-red-deep:#5a0d14;
  --cb-blue:#2f7dff;
  --cb-blue-deep:#0b2257;
  --cb-glove:url("assets/combat/glove.svg");
}

/* ---- Fighter corner badge inside the shared logo shell ---- */
.logoShell--fighter .logoShellField{
  container-type:size;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.fighterCorner--red .logoShellField{
  background:radial-gradient(circle at 50% 30%,rgba(255,120,128,.38),rgba(120,16,28,.92) 62%,#2a060b 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,92,104,.62),inset 0 -8px 14px rgba(0,0,0,.35);
}
.fighterCorner--blue .logoShellField{
  background:radial-gradient(circle at 50% 30%,rgba(120,176,255,.40),rgba(16,52,128,.94) 62%,#06122e 100%);
  box-shadow:inset 0 0 0 1.5px rgba(96,156,255,.66),inset 0 -8px 14px rgba(0,0,0,.35);
}
.fighterBadge{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}
.fighterBadge b{
  position:relative;
  z-index:1;
  font-family:Oswald,'Barlow Condensed',system-ui,sans-serif;
  font-weight:700;
  font-size:15px;
  font-size:38cqw;
  letter-spacing:.04em;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  line-height:1;
}
.fighterGlove{
  position:absolute;
  inset:18%;
  background:rgba(255,255,255,.14);
  -webkit-mask:var(--cb-glove) center/contain no-repeat;
  mask:var(--cb-glove) center/contain no-repeat;
  pointer-events:none;
}

/* ---- Fight of the Week hero: fallback atmosphere (no art yet) ---- */
.p2GotwSport--combat .p2GotwCinematicFallback{
  background:
    radial-gradient(ellipse 46% 64% at 0% 62%,rgba(229,52,63,.30),transparent 70%),
    radial-gradient(ellipse 46% 64% at 100% 62%,rgba(47,125,255,.32),transparent 70%),
    radial-gradient(ellipse 30% 46% at 50% 0%,rgba(255,244,214,.16),transparent 72%),
    linear-gradient(180deg,#05070d 0%,#0a0d18 52%,#04060b 100%);
}
.p2GotwSport--combat .p2GotwCinematicFallback .p2StadiumLights{opacity:.5;filter:saturate(.4)}
/* Canvas / octagon floor hint */
.p2GotwSport--combat .p2GotwCinematicFallback .p2GotwStadium:before{
  left:50%;
  bottom:-22px;
  width:236px;
  height:236px;
  border:1.5px solid rgba(230,236,255,.18);
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 62%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px);
  clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);
  transform:translateX(-50%) perspective(380px) rotateX(64deg);
  transform-origin:center bottom;
}
/* Overhead spotlight cone through the haze */
.p2GotwSport--combat .p2GotwCinematicFallback .p2GotwStadium:after{
  left:50%;
  top:-40px;
  bottom:auto;
  width:300px;
  height:260px;
  background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(255,246,220,.13),transparent 72%);
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);
  transform:translateX(-50%);
}
.p2GotwFighter{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
}
.p2GotwFighter--red{
  background:radial-gradient(circle at 50% 34%,rgba(255,120,128,.30),rgba(96,14,24,.94) 64%,#22050a 100%);
  border-color:rgba(255,92,104,.55);
  box-shadow:inset 0 0 30px rgba(229,52,63,.28),0 0 34px rgba(229,52,63,.20),0 16px 34px rgba(0,0,0,.40);
}
.p2GotwFighter--blue{
  background:radial-gradient(circle at 50% 34%,rgba(120,176,255,.32),rgba(14,44,112,.95) 64%,#050f28 100%);
  border-color:rgba(96,156,255,.60);
  box-shadow:inset 0 0 30px rgba(47,125,255,.30),0 0 34px rgba(47,125,255,.22),0 16px 34px rgba(0,0,0,.40);
}
.p2GotwFighterGlove{
  position:absolute;
  inset:20%;
  background:rgba(255,255,255,.12);
  -webkit-mask:var(--cb-glove) center/contain no-repeat;
  mask:var(--cb-glove) center/contain no-repeat;
}
.p2GotwFighter b{
  position:relative;
  font-family:Oswald,'Barlow Condensed',system-ui,sans-serif;
  font-size:34px;
  font-weight:700;
  letter-spacing:.04em;
  color:#fff;
  line-height:1;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}
.p2GotwFighter small{
  position:relative;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.16em;
  color:rgba(255,255,255,.78);
}
@media(max-width:430px){
  .p2GotwFighter b{font-size:28px}
  .p2GotwFighter small{font-size:7.5px}
}

/* ---- Fight of the Week tiebreaker on a separate (non-combat) game ----
   One clean hierarchy:
   fight card -> subtle pointer -> tiebreaker game -> attached prediction drawer.
   No extra standalone TIEBREAKER badge above the game. */
.pv3TbGame{
  margin:12px 0 16px;
  scroll-margin-top:150px;
  border-radius:13px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.pv3TbGame .pv3Card{
  margin-bottom:0;
  border-color:rgba(240,193,75,.42);
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom-color:rgba(54,169,255,.35);
  box-shadow:inset 3px 0 0 rgba(240,193,75,.72),inset 0 1px 0 rgba(255,255,255,.04);
}
.pv3TbGame .pv3Tb{
  margin:0;
  padding:11px 12px 10px;
  border-top:0;
  border-radius:0 0 13px 13px;
  grid-template-columns:minmax(0,1fr) 68px 78px;
  box-shadow:
    inset 3px 0 0 rgba(240,193,75,.72),
    inset 0 0 0 1px rgba(89,192,255,.08),
    0 10px 22px rgba(0,0,0,.24);
}
.pv3TbGame .pv3Tb:before{left:18px;right:18px;opacity:.78}
.pv3Tb--separate .pv3TbCopy{gap:3px}
.pv3Tb--separate .pv3TbCopy b{font-size:12.5px;letter-spacing:.13em}
.pv3Tb--separate .pv3TbHint{font-size:10.5px;line-height:1.15}
.pv3Tb--separate .pv3TbInput{height:40px;font-size:20px}
.pv3Tb--separate .gotwTiebreakerStatus{
  min-width:72px!important;
  height:40px;
  min-height:40px;
  padding:0 8px!important;
}
.pv3TbLockNote{
  grid-column:1/-1;
  margin:1px 0 0;
  padding-top:7px;
  border-top:1px solid rgba(91,137,181,.18);
  color:#7f95ad;
  font-size:10.5px;
  font-weight:600;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.pv3Tb--required .pv3TbLockNote{display:none}
.pv3FotwTb{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:calc(100% - 44px);
  margin:-7px 22px 6px;
  padding:5px 6px 0;
  border:0;
  background:none;
  cursor:pointer;
  color:#8fa6bf;
  font-family:Inter,system-ui,sans-serif;
  font-size:10.8px;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  overflow-wrap:anywhere;
}
.pv3FotwTb b{
  color:#e9c869;
  font-family:'Oswald',Inter,sans-serif;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:10px;
  white-space:nowrap;
  flex:0 0 auto;
}
.pv3FotwTb span[aria-hidden="true"]{color:#d0ad54;font-size:11px}
@media(max-width:374px){
  .pv3TbGame .pv3Tb{
    grid-template-columns:minmax(0,1fr) 62px 70px;
    padding-left:10px;
    padding-right:10px;
  }
  .pv3Tb--separate .gotwTiebreakerStatus{min-width:66px!important;font-size:11px}
}

/* ---- Commissioner: fight result editor ---- */
.fightResultGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fightResultOpt{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-height:64px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:#eef4ff;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.fightResultOpt b{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
.fightResultOpt small{font-size:11px;color:rgba(222,232,248,.68)}
.fightResultOpt.red{border-left:4px solid var(--cb-red)}
.fightResultOpt.blue{border-left:4px solid var(--cb-blue)}
.fightResultOpt.neutral{border-left:4px solid rgba(200,210,230,.4)}
.fightResultOpt.selected{background:rgba(242,193,78,.12);border-color:rgba(242,193,78,.75);box-shadow:0 0 0 1px rgba(242,193,78,.45)}
.fightResultOpt.selected.red{border-left-color:var(--cb-red)}
.fightResultOpt.selected.blue{border-left-color:var(--cb-blue)}
.fightResultOpt:focus-visible{outline:2px solid #4fd6ff;outline-offset:2px}
@media(max-width:360px){.fightResultGrid{grid-template-columns:1fr}}
.stv1GotwLine.fotw small{display:block;margin-top:3px}

/* Game Details / Make Your Pick sheets: fighter corner marks */
.studioFighterMark--red{background:radial-gradient(circle at 50% 34%,rgba(255,120,128,.32),rgba(96,14,24,.95) 66%)!important;border:1px solid rgba(255,92,104,.6)!important;color:#fff!important}
.studioFighterMark--blue{background:radial-gradient(circle at 50% 34%,rgba(120,176,255,.34),rgba(14,44,112,.95) 66%)!important;border:1px solid rgba(96,156,255,.62)!important;color:#fff!important}
/* The glove silhouette reads as a plain square at badge sizes; the corner
   colour + initials carry the identity. Kept in markup for future art. */
.fighterGlove,.p2GotwFighterGlove{display:none}