.poster-slot{--slot-bar: rgba(255, 255, 255, .08);display:flex;flex-direction:column;gap:.25rem;width:2.25rem;list-style:none}.poster-slot:after{content:"";height:3px;border-radius:2px;background:var(--slot-bar);transition:background .3s ease-out}.poster-slot--common{--slot-bar: var(--rarity-common)}.poster-slot--holo{--slot-bar: var(--rarity-holo)}.poster-slot--rare{--slot-bar: var(--rarity-rare)}.poster-slot--ultra{--slot-bar: var(--rarity-ultra)}.poster-slot--secret{--slot-bar: var(--rarity-secret)}.poster-slot__poster{overflow:hidden;aspect-ratio:2 / 3;border-radius:3px;border:1px dashed rgba(255,255,255,.1);background:#ffffff05}.poster-slot__poster:has(img){border-color:transparent}.poster-slot__poster img{display:block;width:100%;height:100%;object-fit:cover;color:transparent}.discard-flight{position:fixed;z-index:1200;border-radius:6px;object-fit:cover;pointer-events:none;box-shadow:0 12px 28px #0000008c;will-change:transform,opacity}[data-slot=alert-dialog-overlay]:has(+.discard-confirm){z-index:1100;background:#00000080}.discard-trade{display:flex;align-items:center;gap:.75rem}.discard-trade__cards{display:flex}.discard-trade__cards>*{width:34px;height:51px;margin-left:-10px;border-radius:4px;border:2px solid var(--background);object-fit:cover;background:#222}.discard-trade__cards>:first-child{margin-left:0}.discard-trade__arrow{width:20px;height:20px;color:var(--muted-foreground)}.discard-trade__ticket{--w: 6.5rem;animation:discard-trade-ticket .42s .3s cubic-bezier(.16,1,.3,1) backwards}.discard-trade__cards>*{animation:discard-trade-card .36s calc(80ms + var(--i, 0) * 70ms) cubic-bezier(.16,1,.3,1) backwards}.discard-trade__cards>:nth-child(2){--i: 1}.discard-trade__cards>:nth-child(3){--i: 2}.discard-trade__arrow{animation:discard-trade-arrow .3s .24s cubic-bezier(.16,1,.3,1) backwards}@keyframes discard-trade-card{0%{opacity:0;translate:-.75rem 0;rotate:-10deg}}@keyframes discard-trade-arrow{0%{opacity:0;translate:-.5rem 0}}@keyframes discard-trade-ticket{0%{opacity:0;translate:.75rem 0;rotate:6deg;scale:.9}}.card-pick{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border-radius:var(--radius);cursor:pointer}.card-pick:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card-pick__face{position:relative;width:min(100cqw,100cqh * 2 / 3);aspect-ratio:2 / 3;border-radius:6px;overflow:hidden}.card-pick__pill{position:absolute;top:3%;left:3%;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff;background:var(--pill, oklch(.4 0 0));box-shadow:inset 0 0 0 1px #ffffff2e,0 2px 6px #00000073;transform-origin:0 50%;animation:card-pick-pill .28s calc(var(--n, 0) * 30ms) cubic-bezier(.16,1,.3,1) backwards}@keyframes card-pick-pill{0%{opacity:0;scale:.4}}.card-pick__pill--common{--pill: color-mix(in oklch, var(--rarity-common), black 35%)}.card-pick__pill--holo{--pill: var(--rarity-holo)}.card-pick__pill--rare{--pill: var(--rarity-rare)}.card-pick__pill--ultra{--pill: var(--rarity-ultra)}.card-pick__pill--secret{--pill: var(--rarity-secret);color:#1b1505}.card-pick__pill--shiny{--pill: linear-gradient(110deg, #ff9ad5, #ffd28f, #9ff0d6, #9fc2ff, #d6a8ff);color:#181322}:has(>.card-pick) .card-marks--variant{visibility:hidden}.card-pick__veil{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;background:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--tcg-pink-to),transparent 55%),transparent 70%),linear-gradient(0deg,color-mix(in oklch,var(--tcg-pink-from),transparent 50%),color-mix(in oklch,var(--tcg-pink-to),transparent 72%));box-shadow:inset 0 0 0 2px var(--tcg-pink-to);animation:card-pick-veil .16s ease-out}.card-pick__stamp{position:relative;display:grid;place-items:center;width:3rem;height:3rem;border-radius:999px;color:var(--tcg-pink-to);background:#fff;box-shadow:0 4px 14px #0006;animation:card-pick-stamp .32s cubic-bezier(.16,1,.3,1)}@keyframes card-pick-stamp{0%{opacity:0;scale:1.7;rotate:-16deg}}.card-pick__stamp>svg:first-child{width:1.75rem;height:1.75rem}.card-pick__check{position:absolute;right:-2px;bottom:-2px;width:1.25rem;height:1.25rem;padding:3px;border-radius:999px;color:#fff;background:linear-gradient(100deg,var(--tcg-pink-from),var(--tcg-pink-to));box-shadow:0 0 0 2px #fff;animation:card-pick-check .24s .16s cubic-bezier(.16,1,.3,1) backwards}@keyframes card-pick-check{0%{scale:0}}.card-pick__veil>.ticket-price{animation:card-pick-gain .26s .1s cubic-bezier(.16,1,.3,1) backwards}@keyframes card-pick-gain{0%{opacity:0;translate:0 6px}}@keyframes card-pick-veil{0%{opacity:0}}.card-pick[aria-checked=true] .card-pick__pill{visibility:hidden}.card-pick:hover .card-pick__face{box-shadow:inset 0 0 0 1.5px #fff9}.discard-bar{position:fixed;inset:auto var(--page-gutter) calc(var(--nav-bottom-h) + .75rem);z-index:40;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:calc(var(--radius) + .25rem);background:#0e0d0ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #00000080;animation:discard-bar-in .34s cubic-bezier(.16,1,.3,1)}@keyframes discard-bar-in{0%{opacity:0;translate:0 1.25rem}}.discard-bar .poster-slot__poster img{animation:discard-slot-land .28s cubic-bezier(.16,1,.3,1)}@keyframes discard-slot-land{0%{opacity:0;translate:0 -.75rem;scale:1.3}}.discard-bar .ticket-price{animation:discard-gain-bump .24s cubic-bezier(.16,1,.3,1)}@keyframes discard-gain-bump{0%{scale:1.25}}.discard-bar__posters{display:flex;align-items:center;gap:.375rem;margin:0;padding:0}.discard-bar__more{list-style:none;font-size:.8rem;font-weight:700;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.discard-bar__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}@media(max-width:767px){.discard-bar button{min-height:44px}}@media(prefers-reduced-motion:reduce){.discard-trade__cards>*,.discard-trade__arrow,.discard-trade__ticket,.card-pick__veil,.card-pick__pill,.card-pick__stamp,.card-pick__check,.card-pick__veil>.ticket-price,.discard-bar,.discard-bar .poster-slot__poster img,.discard-bar .ticket-price{animation:none}}
