/* PitchPulse Draft V0.3.6 — all-card desktop reveal, mobile roll dock, matchday/scouting UX */
:root{--v36-safe:env(safe-area-inset-bottom,0px)}

/* Desktop: ALL five revealed players are visible at once. No carousel, no hidden cards. */
@media (min-width:1181px){
  .draftgrid{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"sidebar pitch" "sidebar reveal"!important;
    gap:14px!important;align-items:start
  }
  .draftgrid>.sidebar{grid-area:sidebar;position:sticky;top:94px;max-height:calc(100vh - 112px);overflow:auto}
  .draftgrid>.pitchwrap{grid-area:pitch;min-width:0}
  .draftgrid>.reveal{
    grid-area:reveal;position:static!important;max-height:none!important;min-width:0;overflow:visible!important;
    display:grid!important;grid-template-columns:210px minmax(0,1fr);grid-template-areas:"source cards" "target cards";
    gap:10px 12px;padding:12px
  }
  .reveal .sourceStage{grid-area:source;min-height:194px;height:100%;margin:0}
  .reveal .targetChip{grid-area:target;align-self:start;margin:0}
  .reveal .cards{
    grid-area:cards;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:8px!important;
    overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important
  }
  .reveal .cards>.playerCard{
    width:auto!important;min-width:0!important;max-width:none!important;min-height:300px!important;
    scroll-snap-align:none!important;padding:11px!important
  }
  .playerCard.v36Simultaneous{animation-delay:0s!important;animation-duration:.34s!important}
  .playerCard .cardRating{font-size:1.55rem}
  .playerCard .cardTier{font-size:.48rem}
  .playerCard .cardName{font-size:.69rem;line-height:1.15;min-height:2.3em;overflow-wrap:anywhere}
  .playerCard .cardMeta{font-size:.5rem;line-height:1.3}
  .playerCard .cardStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .playerCard .cardStats span{font-size:.48rem;padding:4px 2px;text-align:center}
  .playerCard .cardBottom{gap:5px}.playerCard .price{font-size:.48rem}.playerCard .sign{font-size:.55rem;min-height:31px;padding:6px 5px}
  #v35CarouselBar,.carouselBar{display:none!important}
  .pitch{min-height:clamp(600px,64vh,770px)}
}
@media (min-width:1181px) and (max-width:1320px){
  .draftgrid{grid-template-columns:195px minmax(0,1fr)!important;gap:10px!important}
  .draftgrid>.reveal{grid-template-columns:1fr;grid-template-areas:"source" "target" "cards"}
  .reveal .sourceStage{min-height:138px}.reveal .cards>.playerCard{min-height:286px!important}
}
@media (min-width:1550px){
  .draftgrid{grid-template-columns:225px minmax(0,1fr)!important}
  .draftgrid>.reveal{grid-template-columns:235px minmax(0,1fr)}
  .reveal .cards{gap:10px!important}.reveal .cards>.playerCard{padding:13px!important;min-height:315px!important}
  .playerCard .cardName{font-size:.76rem}.playerCard .cardStats span{font-size:.53rem}
}
@media (min-width:2100px){.topbar,.shell,footer{width:min(2100px,calc(100vw - 38px))}.reveal .cards>.playerCard{min-height:330px!important}}

/* Squad ready checkpoint: finishing XI never auto-navigates to tournament. */
.squadReadyPanel{margin-top:12px;padding:14px;border:1px solid rgba(117,255,153,.26);border-radius:16px;background:linear-gradient(135deg,rgba(117,255,153,.08),rgba(255,255,255,.025));box-shadow:0 14px 42px rgba(0,0,0,.18)}
.squadReadyPanel.hidden{display:none}.readyTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.readyTop>div{min-width:0}.readyTop small{display:block;color:var(--green);font-weight:900;letter-spacing:.09em;font-size:.57rem}.readyTop h3{margin:3px 0 0;font-size:1rem}.readyTop p{margin:5px 0 0;color:var(--muted);font-size:.62rem}.readyActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.readyChecks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:11px}.readyCheck{padding:8px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:.55rem;color:var(--muted)}.readyCheck b{display:block;color:#fff;font-size:.64rem;margin-top:2px}.readyCheck.good{border-color:rgba(117,255,153,.22)}

/* Mobile fixed roll control */
.mobileRollDock{display:none;position:fixed;z-index:27;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(75px + var(--v36-safe));padding:7px;border:1px solid rgba(117,255,153,.24);border-radius:16px;background:rgba(6,17,10,.95);box-shadow:0 16px 44px rgba(0,0,0,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mobileRollDock.show{display:flex}.mobileRollDock button{width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#8cff9f,#52e875);color:#06150a;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px}.mobileRollDock button:disabled{opacity:.55}.mobileRollDock small{font-size:.6rem}
@media(max-width:820px){body.v36DraftActive{padding-bottom:calc(138px + var(--v36-safe))}.squadReadyPanel{margin-bottom:8px}.readyTop{align-items:flex-start;flex-direction:column}.readyActions{width:100%;display:grid;grid-template-columns:1fr 1fr}.readyActions .goTournament{grid-column:1/-1}.readyChecks{grid-template-columns:1fr 1fr}.reveal{scroll-margin-top:78px}.cards{scroll-margin-top:78px}}
@media(min-width:821px){.mobileRollDock{display:none!important}}

/* Matchday preview & opponent scouting */
.matchScout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:12px 0;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.matchScout small{display:block;color:var(--muted);font-size:.58rem}.matchScout b{display:block;margin:2px 0;font-size:.76rem}.scoutTags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.scoutTags span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.05);font-size:.5rem;color:#dce8df}.scoutActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.momentumWrap{margin:9px 0}.momentumHead{display:flex;justify-content:space-between;color:var(--muted);font-size:.54rem}.momentumTrack{height:7px;background:linear-gradient(90deg,rgba(255,97,117,.35) 0 50%,rgba(117,255,153,.35) 50% 100%);border-radius:999px;position:relative;overflow:hidden;margin-top:5px}.momentumNeedle{position:absolute;top:-2px;bottom:-2px;width:3px;left:50%;background:#fff;border-radius:99px;box-shadow:0 0 12px rgba(255,255,255,.65);transition:left .25s ease}
.matchObjectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.matchObjective{padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.022)}.matchObjective span{display:block;color:var(--muted);font-size:.5rem}.matchObjective b{font-size:.58rem}.matchObjective.done{border-color:rgba(117,255,153,.4);background:rgba(117,255,153,.06)}
.matchAwards{min-height:0;margin:8px 0}.awardLine{display:flex;gap:6px;flex-wrap:wrap}.awardLine span{padding:6px 8px;border-radius:9px;border:1px solid rgba(255,215,102,.19);background:rgba(255,215,102,.05);font-size:.55rem}

/* Opponent squad modal */
.opponentHero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.opponentHero h2{margin:3px 0}.opponentHero p{margin:0;color:var(--muted);font-size:.65rem}.oppOvr{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:var(--green);color:#06150a;font-size:1.5rem;font-weight:950}.oppUnitStats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.oppUnitStats div{padding:10px;border:1px solid var(--line);border-radius:11px;text-align:center}.oppUnitStats span{display:block;color:var(--muted);font-size:.5rem}.oppUnitStats b{font-size:.84rem}.opponentPitch{padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(rgba(17,111,55,.94),rgba(10,78,39,.96));display:grid;gap:7px}.oppLine{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.oppPlayer{width:min(150px,30%);min-width:95px;padding:8px;border-radius:11px;background:rgba(4,18,9,.82);border:1px solid rgba(255,255,255,.12);text-align:center}.oppPlayer strong{display:block;font-size:.62rem}.oppPlayer small{display:block;color:#a9c9b2;font-size:.48rem;margin-top:2px}.oppPlayer em{display:inline-block;margin-top:4px;font-style:normal;font-size:.55rem;font-weight:900;color:#07120a;background:#f0d76c;border-radius:6px;padding:2px 5px}.oppGenerated{opacity:.72}.rivalryBox{padding:10px;border:1px solid var(--line);border-radius:11px;margin-top:10px;color:var(--muted);font-size:.58rem}.rivalryBox b{color:#fff}

/* Resume strip + monetization/retention polish */
.resumeStrip{display:none;margin:-12px 0 24px;padding:12px 14px;border:1px solid rgba(102,183,255,.26);border-radius:14px;background:rgba(102,183,255,.055);align-items:center;justify-content:space-between;gap:12px}.resumeStrip.show{display:flex}.resumeStrip small{display:block;color:var(--muted);font-size:.58rem}.resumeStrip b{font-size:.74rem}.resumeStrip div:last-child{display:flex;gap:6px;flex-wrap:wrap}.careerRecordGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.careerRecordGrid div{padding:10px;border:1px solid var(--line);border-radius:11px}.careerRecordGrid span{display:block;color:var(--muted);font-size:.5rem}.careerRecordGrid b{font-size:.78rem}.newsTicker{margin-top:10px;display:grid;gap:5px}.newsTicker div{padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.025);font-size:.55rem;color:var(--muted)}.newsTicker b{color:#fff}
.privacyChoices{border:0;background:transparent;color:var(--green);font:inherit;font-size:.64rem;cursor:pointer;padding:0}
@media(max-width:760px){.matchScout{grid-template-columns:1fr}.scoutActions{justify-content:stretch}.scoutActions button{flex:1}.matchObjectives{grid-template-columns:1fr}.oppUnitStats{grid-template-columns:1fr 1fr}.oppPlayer{width:46%;min-width:0}.resumeStrip{align-items:flex-start;flex-direction:column}.careerRecordGrid{grid-template-columns:1fr 1fr}}