/* PitchPulse Draft V0.3.5
   Desktop/laptop/ultrawide reveal-panel repair + SEO navigation polish */
:root{--app-max:1760px;--reveal-card-w:224px}
.topbar,.shell,footer{width:min(var(--app-max),calc(100vw - 32px))}
.brand small{white-space:nowrap}

/* Do not let desktop card content compress into unreadable columns. */
@media (min-width:1181px){
  .draftgrid{
    grid-template-columns:220px minmax(600px,1fr) minmax(430px,560px);
    gap:14px;
  }
  .reveal{
    overflow:hidden;
    min-width:0;
    max-height:calc(100vh - 28px);
    overscroll-behavior:contain;
  }
  .sourceStage{min-height:178px}
  .cards{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:var(--reveal-card-w);
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding:4px 4px 12px;
    margin-inline:-4px;
  }
  .cards>.playerCard{
    width:var(--reveal-card-w);
    min-width:var(--reveal-card-w);
    scroll-snap-align:start;
    min-height:338px;
  }
  .cards>.emptycards{
    width:100%;
    min-width:min(420px,100%);
    grid-column:auto;
  }
  .playerCard .cardName{font-size:.78rem;line-height:1.2;min-height:1.9em}
  .playerCard .cardMeta{font-size:.54rem;line-height:1.35}
  .playerCard .cardStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .playerCard .cardStats span{text-align:center;padding:5px 4px}
  .playerCard .cardBottom{align-items:stretch;gap:7px}
  .playerCard .sign{min-height:34px;white-space:nowrap}
  .pitch{min-height:clamp(620px,68vh,790px)}
  .pitchwrap{max-width:100%}
  .carouselBar{display:flex}
}
@media (min-width:1500px){
  :root{--app-max:1840px;--reveal-card-w:232px}
  .draftgrid{grid-template-columns:220px minmax(690px,1.15fr) minmax(520px,.85fr)}
}
@media (min-width:1900px){
  :root{--app-max:1880px;--reveal-card-w:226px}
  .draftgrid{grid-template-columns:220px minmax(760px,1fr) minmax(700px,760px)}
  .reveal{max-height:calc(100vh - 24px)}
}
@media (min-width:2300px){
  :root{--app-max:2200px;--reveal-card-w:238px}
  .draftgrid{grid-template-columns:230px minmax(900px,1fr) minmax(780px,900px)}
}

/* Compact desktop / common 1366px laptops */
@media (min-width:1181px) and (max-width:1499px){
  :root{--reveal-card-w:218px}
  .topbar,.shell,footer{width:min(1360px,calc(100vw - 24px))}
  .draftgrid{grid-template-columns:200px minmax(550px,1fr) minmax(390px,440px);gap:10px}
  .sidebar,.reveal{padding:12px}
  .pitch{min-height:clamp(580px,72vh,700px)}
  .slot{width:92px}.slot button{min-height:70px}
}

/* Carousel controls */
.carouselBar{
  align-items:center;justify-content:space-between;gap:8px;
  margin-top:9px;padding:7px 0 1px;border-top:1px solid rgba(255,255,255,.05);
}
.carouselBar .carouselInfo{display:flex;flex-direction:column;gap:1px}
.carouselBar .carouselInfo b{font-size:.64rem}.carouselBar .carouselInfo span{font-size:.54rem;color:var(--muted)}
.carouselBar .carouselBtns{display:flex;gap:6px}
.carouselBar button{
  width:34px;height:32px;border:1px solid var(--line);border-radius:9px;
  background:rgba(255,255,255,.045);color:#fff;font-weight:900
}
.carouselBar button:disabled{opacity:.28;cursor:default}

/* Preserve the V0.3.4 tablet/mobile layout exactly where it is strongest. */
@media (max-width:1180px){
  .carouselBar{display:none!important}
}
@media (max-width:820px){
  .cards{overflow:visible}
}

/* SEO discovery block on game homepage */
.seoExplore{
  margin:0 0 34px;padding:18px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(145deg,rgba(117,255,153,.045),rgba(255,255,255,.018))
}
.seoExploreHead{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}
.seoExploreHead h2{margin:4px 0 0;font-size:1.25rem}.seoExploreHead p{margin:0;color:var(--muted);font-size:.68rem}
.seoExploreGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.seoExploreCard{display:block;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.028);text-decoration:none;color:#fff}
.seoExploreCard:hover{border-color:rgba(117,255,153,.4);transform:translateY(-1px)}
.seoExploreCard span{font-size:1.35rem}.seoExploreCard b{display:block;margin:7px 0 3px}.seoExploreCard small{color:var(--muted);font-size:.6rem;line-height:1.4}
.seoProfileLink{display:inline-flex;margin-top:10px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);color:var(--green);text-decoration:none;font-size:.62rem;font-weight:900}
@media(max-width:680px){.seoExploreGrid{grid-template-columns:1fr}.seoExploreHead{align-items:flex-start;flex-direction:column}}