.play{padding-inline:clamp(16px,4vw,32px);flex-direction:column;gap:1.5rem;padding-bottom:48px;display:flex}.play-rating{background-color:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.play-skeleton{justify-content:center;padding:2rem;display:flex}.play-name{flex-direction:column;gap:1rem;display:flex}.play-name-row{align-items:center;gap:1rem;display:flex}.play-name-row .inp{flex:1}.play-none{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.play-draft{flex-direction:column;gap:1rem;display:flex}.play-draft .hand{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.play-path{flex-direction:column;gap:1.5rem;display:flex}.play-lineup{flex-direction:column;gap:1rem;display:flex}.play-queue{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.play-searching{flex-direction:column;align-items:center;gap:1rem;display:flex}.play-ring{border:4px solid var(--primary);border-radius:50%;width:64px;height:64px;animation:1.5s ease-in-out infinite play-pulse}@keyframes play-pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}.play-searching-text{color:var(--text);font-weight:600}.play-elapsed{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.play-queue-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.play-queue-stats li{flex-direction:column;align-items:center;gap:.25rem;display:flex}.play-queue-stats .stat{color:var(--text);font-size:1.25rem;font-weight:700}.play-over{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}@media (min-width:1000px){.play.draft-page{gap:6px;padding-bottom:0}.play.draft-page .page-head{align-items:center;gap:14px;margin-block:8px 2px;display:flex}}.play-shopbar{flex-wrap:wrap;gap:8px;display:flex}.play-pick{gap:14px;display:grid}.play-pick-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.play-pick-head h3{margin-top:6px;font-size:16px}.play-pick-timer{gap:8px;min-width:200px;display:grid}.play-pick-timer b.px{color:var(--gold);text-align:right;font-size:20px}.play-pick-timer b.px.low{color:var(--fire);animation:pop .5s var(--spring) infinite alternate}.play-pick-wait{text-align:center;color:var(--gold)}.play>.bs{width:100%}@media (min-width:1000px){.play.pick-page{gap:8px;padding-bottom:0}.play.pick-page .page-head{display:none}.play-pick{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"head head""lineup roster";align-items:start}.play-pick>:first-child{grid-area:head}.play-pick>:nth-child(2){grid-area:roster}.play-pick>:nth-child(3){grid-area:lineup}.play-pick .cup-lineup{grid-template-columns:repeat(3,minmax(0,1fr))}}body:has(.pick-page){padding-bottom:0}.play .cup-lineup{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));justify-items:center;gap:14px 12px;display:grid}.play .cup-lineup .pcard.compact{width:100%;max-width:150px}@media (min-width:1000px){.play-pick .cup-lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.play-pick .cup-lineup .pcard.compact{zoom:.8}}