@layer components{.bp{flex-direction:column;justify-content:center;gap:24px;min-height:calc(100svh - 220px);display:flex}.bp-arrive{flex-direction:column;gap:8px;display:flex}.bp-count{color:var(--color-mute)}.bp-card{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;min-height:76px;padding:16px;display:flex}.bp-who{flex-direction:column;gap:2px;min-width:0;display:flex}.bp-who .t-h3{color:var(--color-ink)}.bp-who .t-meta{color:var(--color-mute)}.bp-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.bp-slot{background:var(--color-card);border-radius:var(--radius-ctl);width:100%;min-width:0;min-height:72px;color:var(--color-ink);text-align:left;padding:10px 12px;position:relative}.bp-slot.open{transition:background-color var(--dur-fast);align-items:center;gap:10px;display:flex}.bp-slot.open svg{flex:none}.bp-lbl{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:400;line-height:1.25}.bp-slot.open:disabled{cursor:default}.bp-slot.open[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);transition:none}@media (hover:hover){.bp-slot.open:not(:disabled):hover{background:var(--color-line)}}.bp-slot.open:not(:disabled):active{background:var(--color-ink-2);color:var(--color-paper)}.bp-slot.placed{grid-template-columns:20px auto minmax(0,1fr);grid-template-areas:"rank rank tier""flag lbl lbl";align-content:center;align-items:center;gap:6px 8px;display:grid}.bp-sflag{grid-area:flag;align-self:start;margin-top:1px}.bp-rank{white-space:nowrap;color:var(--color-ink);grid-area:rank}.bp-tier{color:var(--color-ink);white-space:nowrap;grid-area:tier}.bp-slbl{color:var(--color-mute);overflow-wrap:anywhere;grid-area:lbl;min-width:0;line-height:1.2}.bp-line{color:var(--color-mute);text-align:center;min-height:20px}@media (min-width:1024px){.bp{gap:32px}.bp-arrive{align-items:center}.bp-card{width:320px;min-height:80px}.bp-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(960px,100vw - 48px);margin-inline:calc(50% + min(960px,100vw - 48px)/-2)}.bp-slot{min-height:96px;padding:12px}.bp-slot.open{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.bp-lbl{font-size:14px;line-height:1.3}.bp-slot.placed{grid-template-columns:20px minmax(0,1fr);grid-template-areas:"flag rank""tier tier""lbl lbl";align-content:start;row-gap:6px}}@media (prefers-reduced-motion:no-preference){.bp-in{animation:bp-in var(--dur-base) var(--ease-out)}.bp-flip{animation:bp-flip .24s var(--ease-out)}}@keyframes bp-in{0%{transform:translate(16px)}to{transform:none}}@keyframes bp-flip{0%{transform:perspective(480px)rotateX(-75deg)}to{transform:none}}.bp-ov{flex-direction:column;gap:4px;display:flex}.bp-ov .rhead{flex-wrap:wrap}.rrow.bp-ovrow{grid-template-columns:18px minmax(0,1fr) 72px 72px}.bp-ovrow svg{color:var(--color-ink)}.bp-ovhead{min-height:0;color:var(--color-mute);border-top:0;padding:8px 0 4px}.bp-ovhead .t-meta{text-align:right}.bp-cell{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.bp-cell.mute{color:var(--color-mute)}.bp-cell .ic-ok{color:var(--color-ink)}.bp-swaps{margin-top:12px}.bp-swaps-h{width:fit-content;min-height:44px;color:var(--color-mute);cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.bp-swaps-h:before{content:"+";font-size:18px}.bp-swaps[open] .bp-swaps-h:before{content:"−"}.bp-swaps-h:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.bp-swap{border-top:1px solid var(--color-line);color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.bp-saved{color:var(--color-mute);white-space:nowrap}.bp-saved .t-num{color:var(--color-ink)}.play-root[data-game=blind-pick]{max-width:1000px}.bp-ovrow .nm{white-space:normal;text-overflow:clip;line-height:20px;overflow:visible}@media (max-width:359px){.rrow.bp-ovrow{grid-template-columns:18px minmax(0,1fr) 58px 58px;gap:8px}.bp-cell{gap:4px;font-size:13px}}}@supports not (color:color-mix(in srgb, red, blue)){.bp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;justify-content:center;gap:24px;min-height:calc(100vh - 220px);display:flex}.bp-arrive:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:8px;display:flex}.bp-count:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}.bp-card:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;min-height:76px;padding:16px;display:flex}.bp-who:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:2px;min-width:0;display:flex}.bp-who .t-h3:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-ink)}.bp-who .t-meta:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}.bp-slots:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.bp-slot:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-card);border-radius:var(--radius-ctl);width:100%;min-width:0;min-height:72px;color:var(--color-ink);text-align:left;padding:10px 12px;position:relative}.bp-slot.open:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){transition:background-color var(--dur-fast);align-items:center;gap:10px;display:flex}.bp-slot.open svg:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex:none}.bp-lbl:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:400;line-height:1.25}.bp-slot.open:disabled:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){cursor:default}.bp-slot.open[aria-pressed=true]:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-ink);color:var(--color-paper);transition:none}@media (hover:hover){.bp-slot.open:not(:disabled):hover:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-line)}}.bp-slot.open:not(:disabled):active:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-ink-2);color:var(--color-paper)}.bp-slot.placed:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:20px auto minmax(0,1fr);grid-template-areas:"rank rank tier""flag lbl lbl";align-content:center;align-items:center;gap:6px 8px;display:grid}.bp-sflag:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-area:flag;align-self:start;margin-top:1px}.bp-rank:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){white-space:nowrap;color:var(--color-ink);grid-area:rank}.bp-tier:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-ink);white-space:nowrap;grid-area:tier}.bp-slbl:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute);overflow-wrap:anywhere;grid-area:lbl;min-width:0;line-height:1.2}.bp-line:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute);text-align:center;min-height:20px}@media (min-width:1024px){.bp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){gap:32px}.bp-arrive:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){align-items:center}.bp-card:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){width:320px;min-height:80px}.bp-slots:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(960px,100vw - 48px);margin-inline:calc(50% + min(960px,100vw - 48px)/-2)}.bp-slot:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){min-height:96px;padding:12px}.bp-slot.open:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.bp-lbl:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){font-size:14px;line-height:1.3}.bp-slot.placed:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:20px minmax(0,1fr);grid-template-areas:"flag rank""tier tier""lbl lbl";align-content:start;row-gap:6px}}@media (prefers-reduced-motion:no-preference){.bp-in:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){animation:bp-in var(--dur-base) var(--ease-out)}.bp-flip:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){animation:bp-flip .24s var(--ease-out)}}@keyframes bp-in{0%{transform:translate(16px)}to{transform:none}}@keyframes bp-flip{0%{transform:perspective(480px)rotateX(-75deg)}to{transform:none}}.bp-ov:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:4px;display:flex}.bp-ov .rhead:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-wrap:wrap}.rrow.bp-ovrow:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:18px minmax(0,1fr) 72px 72px}.bp-ovrow svg:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-ink)}.bp-ovhead:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){min-height:0;color:var(--color-mute);border-top:0;padding:8px 0 4px}.bp-ovhead .t-meta:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){text-align:right}.bp-cell:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.bp-cell.mute:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}.bp-cell .ic-ok:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-ink)}.bp-swaps:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){margin-top:12px}.bp-swaps-h:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){width:fit-content;min-height:44px;color:var(--color-mute);cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.bp-swaps-h:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):before{content:"+";font-size:18px}.bp-swaps[open] .bp-swaps-h:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):before{content:"−"}.bp-swaps-h:focus:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){outline:2px solid var(--color-ink);outline-offset:2px}.bp-swap:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border-top:1px solid var(--color-line);color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.bp-saved:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute);white-space:nowrap}.bp-saved .t-num:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-ink)}.play-root[data-game=blind-pick]:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){max-width:1000px}.bp-ovrow .nm:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){white-space:normal;text-overflow:clip;line-height:20px;overflow:visible}@media (max-width:359px){.rrow.bp-ovrow:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:18px minmax(0,1fr) 58px 58px;gap:8px}.bp-cell:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){gap:4px;font-size:13px}}}
