/* Survivor One v0.3.14 — presentation-only polish.
   Scope: flash-free Make Pick rendering + Standings readability. */

/* Make Pick: give the legacy DOM the final visual geometry immediately so the
   async v0.3.10 data enrichment no longer flashes a different card design. */
.pick-sheet .pick-game:not(.v0310-matchup-card){padding:0!important;overflow:hidden!important;border-radius:19px!important;border:1px solid color-mix(in srgb,var(--secondary) 30%,var(--line))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--panel)),var(--panel) 48%,color-mix(in srgb,var(--secondary) 5%,var(--panel)))!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .match-time{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:11px 12px!important;border-bottom:1px solid var(--line)!important;background:rgba(255,255,255,.025)!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .match-time>span:first-child{font-size:13px!important;line-height:1.15!important;font-weight:900!important;color:#f8fafc!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .match-time>span:last-child{font-size:9px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--secondary)!important;border:1px solid color-mix(in srgb,var(--secondary) 35%,var(--line))!important;border-radius:999px!important;padding:5px 7px!important;white-space:nowrap!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .match-teams{display:grid!important;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;width:100%!important;background:#0b111d!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .versus{display:grid!important;place-items:center!important;font-size:11px!important;font-weight:1000!important;color:#94a3b8!important;background:#0b111d!important;border-left:1px solid rgba(148,163,184,.18)!important;border-right:1px solid rgba(148,163,184,.18)!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option{position:relative!important;min-width:0!important;min-height:178px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(10,15,26,.94),rgba(15,23,42,.88))!important;color:#f8fafc!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;text-align:center!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option .logo{width:58px!important;height:58px!important;border-radius:16px!important;margin:0 0 2px!important;background:#eef2f7!important;border:1px solid rgba(15,23,42,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 5px 16px rgba(0,0,0,.2)!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option .logo img{width:50px!important;height:50px!important;object-fit:contain!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-choice-copy{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-choice-copy small{order:-1!important;font-size:18px!important;line-height:1!important;font-weight:1000!important;color:#f8fafc!important;margin:0 0 4px!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-choice-copy b{font-size:10px!important;line-height:1.15!important;font-weight:800!important;color:#cbd5e1!important;min-height:24px!important;white-space:normal!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .pickmark{margin-top:auto!important;min-width:62px!important;border-radius:999px!important;padding:5px 7px!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.08em!important;color:var(--secondary)!important;background:var(--theme-secondary-soft)!important;border:1px solid color-mix(in srgb,var(--secondary) 28%,var(--line))!important}
.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option.used,.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option.kicked,.pick-sheet .pick-game:not(.v0310-matchup-card) .team-option:disabled{opacity:.42!important;filter:grayscale(.92)!important}

/* Standings: mobile becomes a readable card list instead of a miniature table. */
.view:has(.standings-card) .week-head{align-items:center!important;margin:8px 0 18px!important}
.view:has(.standings-card) .week-head h1{font-size:34px!important;line-height:1!important;letter-spacing:-.05em!important}
.view:has(.standings-card) .week-head p{font-size:14px!important;line-height:1.35!important;margin-top:6px!important}
.view:has(.standings-card) .health{font-size:12px!important;padding:9px 12px!important;gap:7px!important}
.view:has(.standings-card) .health .dot{width:8px!important;height:8px!important}
.standings-card .stand-row{grid-template-columns:46px minmax(0,1fr) 72px 100px!important;gap:12px!important;padding:18px 16px!important;min-height:76px!important}
.standings-card .stand-row.head{font-size:11px!important;line-height:1.1!important;letter-spacing:.09em!important;padding-top:14px!important;padding-bottom:14px!important}
.standings-card .rank{font-size:17px!important;line-height:1!important;font-weight:1000!important}
.standings-card .stand-player b{font-size:18px!important;line-height:1.15!important;font-weight:1000!important}
.standings-card .stand-player small{font-size:12px!important;line-height:1.3!important;margin-top:5px!important}
.standings-card .lives{font-size:15px!important;line-height:1.15!important;letter-spacing:.04em!important}
.standings-card .stand-pick{font-size:14px!important;line-height:1.3!important;font-weight:950!important;overflow-wrap:anywhere!important}

@media(max-width:720px){
  .view:has(.standings-card) .week-head{align-items:flex-end!important;margin-top:4px!important}
  .view:has(.standings-card) .week-head h1{font-size:36px!important}
  .view:has(.standings-card) .week-head p{font-size:14px!important;max-width:230px!important}
  .view:has(.standings-card) .health{font-size:11px!important;padding:8px 10px!important;flex:0 0 auto!important}
  .standings-card{border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important;display:grid!important;gap:12px!important}
  .standings-card .stand-row.head{display:none!important}
  .standings-card .stand-row:not(.head){display:grid!important;grid-template-columns:50px minmax(0,1fr) minmax(82px,auto)!important;grid-template-areas:"rank player player" "rank lives pick"!important;gap:12px 13px!important;align-items:center!important;min-height:0!important;padding:16px!important;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line))!important;border-radius:19px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 8%,var(--panel)),var(--panel) 58%,color-mix(in srgb,var(--secondary) 4%,var(--panel)))!important;box-shadow:0 12px 30px rgba(0,0,0,.11)!important}
  .standings-card .stand-row:not(.head) .rank{grid-area:rank!important;width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;align-self:start!important;font-size:18px!important;color:#fff!important;background:color-mix(in srgb,var(--primary) 22%,var(--panel3))!important;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line))!important}
  .standings-card .stand-player{grid-area:player!important;min-width:0!important}
  .standings-card .stand-player b{font-size:19px!important;line-height:1.12!important;letter-spacing:-.02em!important}
  .standings-card .stand-player small{font-size:13px!important;line-height:1.25!important;margin-top:5px!important}
  .standings-card .lives{grid-area:lives!important;font-size:16px!important;font-weight:950!important;color:#fff!important;align-self:end!important}
  .standings-card .stand-pick{grid-area:pick!important;font-size:15px!important;line-height:1.2!important;text-align:right!important;align-self:end!important}
  .standings-card .lives::before,.standings-card .stand-pick::before{display:block!important;margin-bottom:5px!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.12em!important;color:var(--muted)!important}
  .standings-card .lives::before{content:"LIVES"}
  .standings-card .stand-pick::before{content:"CURRENT PICK"}
}

@media(max-width:390px){
  .pick-sheet .pick-game:not(.v0310-matchup-card) .match-teams{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important}
  .pick-sheet .pick-game:not(.v0310-matchup-card) .team-option{min-height:170px!important;padding-left:5px!important;padding-right:5px!important}
  .pick-sheet .pick-game:not(.v0310-matchup-card) .team-option .logo{width:52px!important;height:52px!important}
  .pick-sheet .pick-game:not(.v0310-matchup-card) .team-option .logo img{width:45px!important;height:45px!important}
  .pick-sheet .pick-game:not(.v0310-matchup-card) .team-choice-copy small{font-size:17px!important}
  .pick-sheet .pick-game:not(.v0310-matchup-card) .team-choice-copy b{font-size:9px!important}
  .view:has(.standings-card) .week-head h1{font-size:33px!important}
  .view:has(.standings-card) .week-head p{font-size:13px!important}
  .standings-card .stand-row:not(.head){grid-template-columns:46px minmax(0,1fr) minmax(74px,auto)!important;padding:14px!important;gap:11px!important}
  .standings-card .stand-row:not(.head) .rank{width:42px!important;height:42px!important;font-size:17px!important}
  .standings-card .stand-player b{font-size:18px!important}
  .standings-card .stand-player small{font-size:12px!important}
  .standings-card .lives{font-size:15px!important}
  .standings-card .stand-pick{font-size:14px!important}
}
