.visual-sandbox-roster-grid .vsb-grid-confirm__cell{position:relative;box-sizing:border-box;flex:0 0 calc((100% - 5 * var(--vsb-roster-gap-x)) / 6);max-width:calc((100% - 5 * var(--vsb-roster-gap-x)) / 6);min-width:0;aspect-ratio:94.88/147.37;border-radius:var(--vsb-roster-radius)}.visual-sandbox-root .visual-sandbox-roster-grid.ritual-portrait-picker-grid--figma-pick-phase.ritual-portrait-picker-grid--shared-premium .vsb-grid-confirm__cell>.ritual-portrait-card{box-sizing:border-box;flex:0 0 100%;width:100%;max-width:100%;height:100%}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-side=p1]{--grid-side:#a8c8ff;--grid-side-deep:#1d4a92}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-side=p2]{--grid-side:#ff8a7a;--grid-side-deep:#a82a22}.visual-sandbox-roster-grid .vsb-grid-confirm__cell--selected{box-shadow:0 0 0 3px var(--grid-side,#a8c8ff),0 0 18px 2px color-mix(in srgb,var(--grid-side,#a8c8ff) 45%,transparent);z-index:2}.visual-sandbox-roster-grid .vsb-grid-confirm__cell--selected .ritual-portrait-card{filter:saturate(1.12) brightness(1.07)}.visual-sandbox-roster-grid .vsb-grid-confirm__action{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;place-items:center;height:36px;padding:0 4px;border:0;border-radius:0 0 var(--vsb-roster-radius) var(--vsb-roster-radius);background:var(--grid-side-deep,#1d4a92);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;cursor:pointer;touch-action:manipulation;animation:vsb-grid-confirm-in .15s cubic-bezier(.2,.8,.2,1) both}@keyframes vsb-grid-confirm-in{0%{transform:translate3d(0,12px,0);opacity:0}to{transform:translateZ(0);opacity:1}}.visual-sandbox-roster-grid .vsb-grid-confirm__label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.visual-sandbox-roster-grid .vsb-grid-confirm__icon{position:relative;display:inline-block;width:11px;height:11px;flex:none}.visual-sandbox-roster-grid [data-grid-action=pick] .vsb-grid-confirm__icon:before{content:"";position:absolute;left:1px;top:1px;width:9px;height:5px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.visual-sandbox-roster-grid [data-grid-action=ban] .vsb-grid-confirm__icon:after,.visual-sandbox-roster-grid [data-grid-action=ban] .vsb-grid-confirm__icon:before{content:"";position:absolute;left:0;top:4.5px;width:11px;height:2px;background:currentColor;transform:rotate(45deg)}.visual-sandbox-roster-grid [data-grid-action=ban] .vsb-grid-confirm__icon:after{transform:rotate(-45deg)}.visual-sandbox-roster-grid .vsb-grid-confirm__action:focus-visible,.visual-sandbox-roster-grid .vsb-grid-confirm__action:hover:not(:disabled){filter:brightness(1.22);outline:2px solid #fff;outline-offset:-2px}.visual-sandbox-roster-grid .vsb-grid-confirm__action:disabled{cursor:progress;opacity:.8}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-used]:after{content:"";position:absolute;inset:0;z-index:3;border-radius:var(--vsb-roster-radius);pointer-events:none}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-used=ban]:after{background:linear-gradient(to top right,transparent calc(50% - 1.5px),rgba(255,107,94,.85) calc(50% - 1.5px),rgba(255,107,94,.85) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-used=p1]:after{border-bottom:3px solid #a8c8ff}.visual-sandbox-roster-grid .vsb-grid-confirm__cell[data-grid-used=p2]:after{border-bottom:3px solid #ff5d5d}@media (min-width:1100px){.visual-sandbox-roster-grid .vsb-grid-confirm__cell{flex-basis:calc((100% - 11 * var(--vsb-roster-gap-x)) / 12);max-width:calc((100% - 11 * var(--vsb-roster-gap-x)) / 12)}}@media (max-width:700px){.visual-sandbox-roster-grid .vsb-grid-confirm__cell{width:100%;max-width:none;flex:none}.visual-sandbox-roster-grid .vsb-grid-confirm__action{font-size:10px;letter-spacing:.02em;overflow:hidden}.visual-sandbox-roster-grid .vsb-grid-confirm__icon{display:none}}@media (prefers-reduced-motion:reduce){.visual-sandbox-roster-grid .vsb-grid-confirm__action,.visual-sandbox-roster-grid .vsb-grid-confirm__cell{animation:none!important;transition:none!important}}.visual-sandbox-roster-grid .ritual-portrait-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.visual-sandbox-roster-grid .vsb-grid-confirm__action:after{content:"";position:absolute;inset:-6px 0}@media (hover:none){.visual-sandbox-roster-grid .ritual-portrait-card--interactive:hover:not(:disabled){transform:none}}@media (min-width:701px){.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .ritual-pick-phase-layout:not(:has(.vsb-post-draft-side-assign)){height:100%;min-height:0}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .ritual-pick-phase-layout>.ritual-pick-arena{flex:0 0 auto}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .ritual-pick-arsenal:has(.vsb-roster-bank){flex:1 1;min-height:0;display:flex;flex-direction:column}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .vsb-composition-assign-arsenal-shell:has(.vsb-roster-bank),.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .vsb-roster-bank{flex:1 1;min-height:0;display:flex;flex-direction:column}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-game-viewport__surface .vsb-roster-bank>.ritual-draft-picker-well{flex:1 1;min-height:0;max-height:none}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter-wrap{flex:0 0 auto}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter{width:min(343px,100%);height:42px}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter__input{border:1px solid var(--showdown-surface-border);background:#121212 none;padding:8px 12px 8px 38px;font-family:var(--font-space-grotesk,"Space Grotesk",sans-serif);font-size:11px;letter-spacing:1.25px;scroll-margin-top:24px}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter__input:focus-visible{border-color:rgba(255,255,255,.05)}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter__icon{left:16px}.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter__input{font-size:13px}}@media (min-width:701px){.visual-sandbox-root:not(.visual-sandbox-root--mobile-preview) .vsb-roster-bank .ritual-pick-phase-filter__input::placeholder{color:#8b93a7;opacity:1}}