/* 30PICK'EM — Year-round sports v1 (0.9.47)
   Loaded last. Every rule is scoped to markup that only exists from 0.9.47:
   the Home pick record + Your Teams module, multi-option pick cards
   (.pv3Card--multi / .pv3Option, EPL away · DRAW · home), the GOTW option
   tile, the soccer GOTW fallback venue, the Make Your Pick Draw card and the
   three-way Locked Picks split. Two-option cards, the frozen GOTW tiles and
   every other screen are untouched. */

/* ---------- Home: season pick record (replaces the rank box) ---------- */
#home .hv3Record{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:76px;
  padding:5px 10px 6px;
  border:1px solid rgba(233,194,100,.6);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(64,48,12,.55),rgba(18,14,6,.6));
  font-family:var(--hv3-head);
}
#home .hv3RecordNum{
  display:flex;
  align-items:baseline;
  gap:3px;
  color:var(--hv3-gold-2);
  font-size:19px;
  font-weight:600;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#home .hv3RecordNum i{font-style:normal;color:rgba(255,226,154,.55);font-size:15px;font-weight:500}
#home .hv3Record small{font-size:9.5px;font-weight:600;letter-spacing:.12em;color:#f4e2b0;white-space:nowrap}

/* ---------- Home: Your Teams module ---------- */
#home .hv3TeamsCount{
  padding:2px 7px;
  border-radius:999px;
  background:rgba(92,200,255,.12);
  color:var(--hv3-cyan-2);
  font-family:var(--hv3-head);
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
}
#home .hv3TeamsPanel{
  padding:10px 12px;
  border:1px solid var(--hv3-line);
  border-radius:14px;
  background:var(--hv3-panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.26);
}
#home .hv3TeamsList{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:6px;
  margin:0;
  overflow:visible;
}
#home .hv3TeamsList li{justify-content:center}
#home .hv3Teams .hv3FavEmpty{margin-top:0}
#home .hv3Teams .logoShell-hv3fav{--ls-size:38px}

/* ---------- Picks: multi-option card (EPL away · DRAW · home) ---------- */
.pv3Card.pv3Card--multi{display:flex;flex-direction:column;min-height:0}
.pv3Card--multi .pv3Center.pv3Center--bar{
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:28px;
  padding:5px 10px;
  border-left:0;
  border-right:0;
  border-bottom:1px solid var(--pv3-line-soft);
}
.pv3Center--bar .pv3When{font-size:12px}
.pv3Center--bar .pv3DetailsLink{margin-left:auto}
.pv3Opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:66px}
.pv3Opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv3Opts--draw{grid-template-columns:minmax(0,1fr) minmax(70px,.6fr) minmax(0,1fr)}
/* Four or more options (future multi-choice picks) wrap two per row on
   phones and sit four across on wider screens. */
.pv3Opts--many{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv3Opts--many>.pv3Team:nth-child(n+3){border-top:1px solid var(--pv3-line-soft)}
.pv3Opts>.pv3Team+.pv3Team{border-left:1px solid var(--pv3-line-soft)}
.pv3Opts--many>.pv3Team:nth-child(odd){border-left:0}
.pv3Option{align-items:center;text-align:center}
.pv3Option .pv3TeamTop{flex-direction:column;justify-content:center;gap:4px}
.pv3Option .pv3TeamName{
  font-family:'Oswald',Inter,sans-serif;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.14em;
  color:#c9d8e8;
}
.pv3Option.selected .pv3TeamName{color:#fff}
.pv3OptionGlyph{display:grid;place-items:center;align-content:center;gap:4px;width:100%;height:100%}
.pv3OptionGlyph i{display:block;width:42%;height:2.5px;border-radius:2px;background:#8fd0ff;box-shadow:0 0 6px rgba(63,176,255,.35)}
.pv3Option.selected .pv3OptionGlyph i{background:#fff}
.pv3Option.lost .pv3OptionGlyph i{background:#6d8196;box-shadow:none}
.pv3Option.lost .logoShell{opacity:.6}
.pv3Option.lost .pv3TeamName{color:#6d8196}
.pv3Option.won .pv3OptionGlyph i{background:#e8f6ff}
@media(min-width:600px){
  .pv3Opts--many{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pv3Opts--many>.pv3Team:nth-child(n+3){border-top:0}
  .pv3Opts--many>.pv3Team:nth-child(odd){border-left:1px solid var(--pv3-line-soft)}
  .pv3Opts--many>.pv3Team:first-child{border-left:0}
}
@media(max-width:374px){
  .pv3Opts--draw{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr)}
  .pv3Card--multi .pv3Team{padding:7px 6px}
  .pv3Option .pv3TeamName{font-size:10.5px;letter-spacing:.1em}
}

/* ---------- GOTW: option tile (Draw) and three-tile body ---------- */
.p2GotwPickBody.p2GotwPickBody--3{grid-template-columns:minmax(0,1fr) minmax(0,.74fr) minmax(0,1fr)!important}
.p2GotwPickBody--options .p2TeamPick{padding-left:8px!important;padding-right:8px!important}
.p2GotwOptionPick .p2TeamRow{justify-content:center;flex-direction:column;align-items:center;text-align:center}
.p2GotwOptionPick .p2TeamName{letter-spacing:.16em}
.p2GotwOptionPick .p2Price{text-align:center}
.p2OptionShell .pv3OptionGlyph i{width:40%;height:3px}
/* Three tiles are narrower than two: a smaller pick dot in the corner and a
   little headroom keep it clear of the crest at every width. */
.p2GotwPickBody--options .p2PickDot{width:20px!important;height:20px!important;top:6px!important;right:6px!important}
.p2GotwPickBody--options .selected .p2PickDot:after{left:5px!important;top:2px!important}
.p2GotwPickBody--options .p2TeamRow{padding-top:14px}
@media(max-width:480px){
  .p2GotwPickBody--options .logoShell-gotw-pick{--ls-size:54px}
}
@media(max-width:374px){
  .p2GotwPickBody.p2GotwPickBody--3{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
  .p2GotwPickBody--options .logoShell-gotw-pick{--ls-size:48px}
  .p2GotwPickBody--options .p2TeamName{font-size:11px!important}
}

/* ---------- GOTW: soccer fallback venue (no generated art yet) ---------- */
.p2GotwSport--soccer .p2GotwCinematicFallback .p2GotwStadium:before{
  left:-8%;
  right:-8%;
  bottom:0;
  width:auto;
  height:118px;
  border-top:1px solid rgba(150,230,200,.26);
  background:
    repeating-linear-gradient(90deg,rgba(150,230,200,.06) 0 22px,rgba(150,230,200,0) 22px 44px),
    linear-gradient(180deg,rgba(26,110,96,.24),rgba(8,46,44,.34) 55%,rgba(4,16,29,.70));
  box-shadow:0 -12px 32px rgba(90,220,180,.10);
  transform:perspective(300px) rotateX(46deg);
  transform-origin:bottom;
}
.p2GotwSport--soccer .p2GotwCinematicFallback .p2GotwStadium:after{
  left:50%;
  bottom:8px;
  width:164px;
  height:50px;
  border:1.5px solid rgba(170,235,215,.26);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(90,220,180,.10),transparent 70%);
  transform:translateX(-50%);
}

/* ---------- Make Your Pick sheet: Draw card ---------- */
.studioMakePickGrid.studioMakePickGrid--draw{grid-template-columns:minmax(0,1fr) minmax(0,.78fr) minmax(0,1fr);gap:8px}
.studioDrawMark{display:grid;place-items:center;align-content:center;gap:5px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1a3d66 0%,#0e2645 56%,#091a33 100%);box-shadow:inset 0 0 0 1px rgba(130,205,255,.2)}
.studioDrawMark i{display:block;width:24px;height:3px;border-radius:2px;background:#8fd0ff}
.studioPickCard.draw.selected .studioDrawMark i{background:#fff}

/* ---------- Locked Picks: three-way split ---------- */
.pickSplit--draw .pickSplitLabels{display:flex;justify-content:space-between;gap:6px}
.pickSplit--draw .pickSplitBar{position:relative}
.pickSplit--draw .pickSplitBar>.pickSplitDraw{position:absolute;top:0;height:100%;border-radius:0;background:#c9d6e3!important}

/* ---------- Preview-only showcase label (?showcase=yearround) ---------- */
#yearRoundShowcaseTag{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);transform:translateX(-50%);z-index:60;padding:5px 12px;border:1px solid rgba(233,194,100,.55);border-radius:999px;background:rgba(18,14,6,.88);color:#ffe29a;font:600 10px/1.2 Oswald,Inter,sans-serif;letter-spacing:.12em;white-space:nowrap;pointer-events:none}


/* ---------- v0.9.48 candidate: Featured Week visual showcase ---------- */
#featuredShowcaseTag{
  position:fixed;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom,0px) + 74px);
  transform:translateX(-50%);
  z-index:60;
  padding:5px 12px;
  border:1px solid rgba(233,194,100,.55);
  border-radius:999px;
  background:rgba(18,14,6,.90);
  color:#ffe29a;
  font:600 10px/1.2 Oswald,Inter,sans-serif;
  letter-spacing:.12em;
  white-space:nowrap;
  pointer-events:none;
}
.featuredShowcaseWrap{
  display:grid;
  gap:24px;
  max-width:680px;
  margin:0 auto;
  padding:12px 12px calc(env(safe-area-inset-bottom,0px) + 110px);
}
.featuredShowcaseSection{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(108,151,194,.18);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,18,33,.72),rgba(4,11,22,.52));
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.featuredShowcaseKicker{
  color:#8fb4d9;
  font:700 10.5px/1.2 Oswald,Inter,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.featuredShowcaseSection .p2Game,
.featuredShowcaseSection .pv3Card,
.featuredShowcaseSection .pv3Tb,
.featuredShowcaseSection .pv3FotwTb{
  pointer-events:none;
}
.featuredShowcaseTbGame{display:grid;gap:4px;margin-top:8px}
.featuredShowcaseTbGame .pv3TbBadge{margin-left:2px}

/* Match of the Week candidate: soccer-only night-stadium treatment.
   NFL/CFB Game of the Week selectors are untouched. */
.p2GotwSport--soccer .p2GotwCinematicFallback{
  background:
    radial-gradient(ellipse 44% 68% at 0% 58%,rgba(190,34,52,.25),transparent 70%),
    radial-gradient(ellipse 44% 68% at 100% 58%,rgba(82,176,255,.27),transparent 70%),
    radial-gradient(ellipse 34% 40% at 18% 0%,rgba(255,250,235,.19),transparent 70%),
    radial-gradient(ellipse 34% 40% at 82% 0%,rgba(255,250,235,.19),transparent 70%),
    linear-gradient(180deg,#040a14 0%,#07151c 58%,#03100f 100%);
}
.p2GotwSport--soccer .p2GotwHeroTitle{letter-spacing:.055em}
@media(max-width:380px){
  .p2GotwSport--soccer .p2GotwHeroTitle{font-size:.92em}
  .featuredShowcaseWrap{padding-left:8px;padding-right:8px}
  .featuredShowcaseSection{padding:8px}
}