.draft-fx{isolation:isolate;border-radius:1px;position:relative}.draft-fx .draft-face{border-radius:1px}@media (hover:hover){.draft-fx:hover .draft-face{box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 2px rgb(var(--tier-rgb,216 181 110) / .9), 0 14px 28px -14px #000000d9}.draft-fx:hover .card-juicy{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.draft-fx:hover .card-juicy{transform:none}}.draft-fx--selected .draft-fx__glow{opacity:1;box-shadow:0 0 0 2px rgb(var(--accent-hi-rgb,216 181 110) / .95), 0 0 0 3px rgb(var(--tier-rgb,216 181 110) / .4), 0 12px 26px -14px #000000d9}.draft-deal-grid{perspective:1200px}.draft-flip{height:100%;transform-style:preserve-3d;position:relative}.draft-card-front{backface-visibility:hidden;height:100%}.draft-card-back{backface-visibility:hidden;pointer-events:none;background:#16130f;border:1px solid #d8b56e4d;border-radius:1px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 0 0 0 1px #00000080}.draft-card-back:before{content:"";border:1px solid #d8b56e24;position:absolute;inset:6px}.draft-card-back__numeral{letter-spacing:.06em;opacity:.3;font-size:46px;line-height:1}.draft-fx[data-cat=hex] .draft-face,.draft-fx[data-cat=hex] .draft-card-back{clip-path:polygon(0 0,calc(50% - 14px) 0,50% 7px,calc(50% + 14px) 0,100% 0,100% 100%,0 100%)}.draft-fx[data-cat=protection] .draft-face,.draft-fx[data-cat=protection] .draft-card-back{clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.draft-fx[data-cat=item] .draft-face,.draft-fx[data-cat=item] .draft-card-back{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.draft-fx[data-cat=attack] .draft-face,.draft-fx[data-cat=attack] .draft-card-back{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 10px,100% 100%,0 100%)}.pack-shell{perspective:900px;-webkit-tap-highlight-color:transparent}.pack{cursor:pointer;border-radius:1px;width:min(240px,62vw);animation:2.2s ease-in-out .4s infinite pack-tempt;position:relative}.pack-body{border:1px solid rgb(var(--pack-rgb,216 181 110) / .4);background:linear-gradient(165deg,#ffffff14,#ffffff05 45%,#00000040),#16130f;border-top:0;flex-direction:column;align-items:center;gap:.4rem;padding:2.4rem 1.5rem 1.7rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000080,0 22px 50px -22px #000000e6}.pack-body:before{content:"";border:1px solid rgb(var(--pack-rgb,216 181 110) / .18);pointer-events:none;position:absolute;inset:8px}.pack-numeral{color:rgb(var(--pack-rgb,216 181 110) / .9);font-size:44px;font-weight:700;line-height:1}.pack-label{color:var(--paper-dim);font-size:9px}.pack-hint{color:rgb(var(--pack-rgb,216 181 110) / .75);font-size:8px;animation:1.6s ease-in-out infinite pack-hint-blink}@keyframes pack-hint-blink{0%,to{opacity:.9}50%{opacity:.4}}.pack-flap{border:1px solid rgb(var(--pack-rgb,216 181 110) / .4);border-bottom:1px dashed rgb(var(--pack-rgb,216 181 110) / .55);transform-origin:50% 0;background:linear-gradient(#ffffff1a,#ffffff05),#1a1712;height:26px;display:block;position:relative}.pack-flap__zigzag{inset-inline:0;background:repeating-linear-gradient(-45deg, transparent 0 4px, rgb(var(--pack-rgb,216 181 110) / .3) 4px 5px);height:8px;position:absolute;bottom:-4px}@keyframes pack-tempt{0%,84%,to{transform:rotate(0)scale(1)}88%{transform:rotate(-1.4deg)scale(1.012)}92%{transform:rotate(1.2deg)scale(1.012)}96%{transform:rotate(-.6deg)scale(1.005)}}.pack-burst{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(50% 50% at 50% 30%,#ffe9aa80,#0000 70%);position:absolute;inset:-30%}.pack[data-tier="1"]{--pack-rgb:126 181 154}.pack[data-tier="2"]{--pack-rgb:139 169 196}.pack[data-tier="3"]{--pack-rgb:216 181 110}.pack[data-tier="4"]{--pack-rgb:199 148 104}.pack[data-tier="5"]{--pack-rgb:198 104 96}.pack[data-tier="6"]{--pack-rgb:198 95 143}.pack[data-tier="7"]{--pack-rgb:168 119 216}.pack[data-tier="8"]{--pack-rgb:224 82 82}.pack[data-tier="9"]{--pack-rgb:244 196 48}.pack[data-tier="10"]{--pack-rgb:34 211 238}.pack--rare .pack-body,.pack--rare .pack-flap{box-shadow:inset 0 0 0 1px #00000080, 0 0 24px -10px rgb(var(--pack-rgb,216 181 110) / .3), 0 22px 50px -22px #000000e6}.pack--gold .pack-body,.pack--gold .pack-flap{border-color:rgb(var(--pack-rgb,244 196 48) / .6);box-shadow:inset 0 0 0 1px #00000080, 0 0 30px -8px rgb(var(--pack-rgb,244 196 48) / .35), 0 22px 50px -22px #000000e6}.pack--mythic .pack-body,.pack--mythic .pack-flap{border-color:rgb(var(--pack-rgb,34 211 238) / .65);box-shadow:inset 0 0 0 1px #00000080, 0 0 36px -6px rgb(var(--pack-rgb,34 211 238) / .4), 0 22px 50px -22px #000000e6}.pack--mythic .pack-numeral{color:rgb(var(--pack-rgb,34 211 238))}.pack--tearing{cursor:default;animation:none}.pack--tearing .pack-flap{animation:.5s cubic-bezier(.3,0,.6,1) both pack-flap-rip}.pack--tearing .pack-body{animation:.5s cubic-bezier(.5,0,.8,.5) 80ms both pack-body-drop}.pack--tearing .pack-burst{animation:.5s ease-out both pack-burst-flash}@keyframes pack-flap-rip{0%{opacity:1;transform:rotateX(0)translateY(0)}30%{opacity:1;transform:rotateX(-64deg)translateY(-4px)}to{opacity:0;transform:rotateX(-140deg)translateY(-56px)rotate(9deg)}}@keyframes pack-body-drop{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(46px)scale(.92)}}@keyframes pack-burst-flash{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}.draft-holo{pointer-events:none;border-radius:1px;position:absolute;inset:0;overflow:hidden}.draft-holo:before{content:"";pointer-events:none;will-change:transform;background:linear-gradient(115deg,#0000 32%,#7ddcb729 42%,#ffd97e2e 48%,#84b7e229 54%,#dd9b8224 60%,#0000 70%);animation:4.6s ease-in-out infinite holo-sweep;position:absolute;inset:-20% -60%;transform:translate(-45%)}@keyframes holo-sweep{0%,55%{transform:translate(-45%)}95%,to{transform:translate(45%)}}@media (hover:hover) and (pointer:fine){.draft-card-front{transform:perspective(760px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg));will-change:transform;transition:transform .16s ease-out}}.draft-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both draft-shake}@keyframes draft-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px,2px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-4px,2px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}90%{transform:translate(1px)}}.draft-confetti{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:0;left:50%}.confetti-bit{opacity:0;width:7px;height:11px;animation:confetti-fly 1.15s cubic-bezier(.2, .6, .4, 1) var(--conf-delay,0s) both;border-radius:1px;position:absolute}.confetti-bit--0{background:#ffd97e}.confetti-bit--1{background:#7ddcb7}.confetti-bit--2{background:#84b7e2}.confetti-bit--3{background:#dd9b82}@keyframes confetti-fly{0%{opacity:1;transform:rotate(var(--ang)) translateY(0) rotateZ(0deg) scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(var(--ang)) translateY(calc(var(--dist) * -1)) rotateZ(320deg) scale(.7)}}.draft-pull{z-index:4}.draft-pull[data-tier="9"]{--pull-rgb:244 196 48}.draft-pull[data-tier="10"]{--pull-rgb:34 211 238}.draft-pull__flash{background:radial-gradient(circle at 50% 38%, #ffffffe6, rgb(var(--pull-rgb,244 196 48) / .35) 40%, transparent 72%);animation:.9s ease-out both draft-pull-flash}@keyframes draft-pull-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.draft-pull__rays{background:repeating-conic-gradient(from 0deg, rgb(var(--pull-rgb,244 196 48) / .22) 0deg 9deg, transparent 9deg 30deg);border-radius:999px;width:220vmin;height:220vmin;margin-top:-110vmin;margin-left:-110vmin;animation:2.4s ease-out both draft-pull-rays;-webkit-mask-image:radial-gradient(circle,#000000e6,#0000 62%);mask-image:radial-gradient(circle,#000000e6,#0000 62%)}.draft-pull__rays--rev{background:repeating-conic-gradient(from 15deg, rgb(var(--pull-rgb,244 196 48) / .12) 0deg 6deg, transparent 6deg 24deg);animation-name:draft-pull-rays-rev}@keyframes draft-pull-rays{0%{opacity:0;transform:rotate(0)scale(.6)}14%{opacity:1}80%{opacity:.6}to{opacity:0;transform:rotate(40deg)scale(1)}}@keyframes draft-pull-rays-rev{0%{opacity:0;transform:rotate(0)scale(.7)}14%{opacity:.9}80%{opacity:.5}to{opacity:0;transform:rotate(-34deg)scale(1.05)}}.draft-pull__mote{left:var(--x,50%);background:rgb(var(--pull-rgb,244 196 48));width:5px;height:5px;box-shadow:0 0 10px 1px rgb(var(--pull-rgb,244 196 48) / .8);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:draft-pull-mote var(--rise-dur,1.4s) ease-out var(--rise-delay,0s) both;position:absolute;bottom:-3%}@keyframes draft-pull-mote{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-110vh)scale(1.1)rotate(180deg)}}.draft-mythic-aura{z-index:-1;pointer-events:none;background:radial-gradient(circle,#f4c43066,#f4c4301f 55%,#0000 75%);border-radius:8px;animation:1.6s ease-in-out 3 both draft-mythic-breathe;position:absolute;inset:-9%}.draft-mythic-aura[data-tier="10"]{background:radial-gradient(circle,#22d3ee66,#22d3ee1f 55%,#0000 75%)}@keyframes draft-mythic-breathe{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.pack,.pack-hint,.pack--tearing .pack-flap,.pack--tearing .pack-body,.pack--tearing .pack-burst,.draft-holo,.draft-shake,.confetti-bit,.draft-pull__flash,.draft-pull__rays,.draft-pull__rays--rev,.draft-pull__mote,.draft-mythic-aura{animation:none!important}.draft-pull__flash,.draft-pull__rays,.draft-pull__rays--rev,.draft-pull__mote{opacity:0}.draft-card-front{transition:none;transform:none}}@keyframes reroll-spin{to{transform:rotate(360deg)}}.reroll-spin{animation:.6s linear infinite reroll-spin}@keyframes bank-pulse{0%{transform:scale(1);box-shadow:0 0 #d8b56e8c}35%{transform:scale(1.06)}to{transform:scale(1);box-shadow:0 0 0 14px #d8b56e00}}.bank-pulse{animation:.6s ease-out .45s both bank-pulse}.bank-burst{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:40%;left:50%}.bank-coin{opacity:0;width:8px;height:8px;animation:bank-coin-fly .85s cubic-bezier(.2, .6, .3, 1) calc(.5s + var(--d,0s)) both;background:radial-gradient(circle at 35% 30%,#ffe9aa,#d8b56e 60%,#a37f3f);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #a37f3fcc,0 0 8px -1px #ffd97ecc}.bank-coin--spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffe9aa;border-radius:0;width:7px;height:7px;box-shadow:0 0 10px #ffd97ee6}@keyframes bank-coin-fly{0%{opacity:0;transform:rotate(var(--ang)) translateY(2px) scale(.5)}18%{opacity:1}to{opacity:0;transform:rotate(var(--ang)) translateY(calc(var(--dist) * -1)) scale(1) rotate(160deg)}}.bank-ring,.bank-ring--echo{pointer-events:none;z-index:4;opacity:0;border:2px solid #ffd97ee6;border-radius:999px;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.7s cubic-bezier(.15,.7,.2,1) .5s both bank-ring-bloom;position:absolute;top:50%;left:50%}.bank-ring--echo{border-width:1px;animation-duration:.8s;animation-delay:.66s}@keyframes bank-ring-bloom{0%{opacity:0;transform:scale(.4)}20%{opacity:1}to{opacity:0;transform:scale(5)}}.bank-vault{pointer-events:none;z-index:6;width:76px;height:76px;animation:bank-vault-in 1.5s var(--ease-out,ease-out) both;margin-left:-38px;position:absolute;top:-96px;left:50%}@keyframes bank-vault-in{0%{opacity:0;transform:scale(.4)translateY(14px)}12%{opacity:1;transform:scale(1.04)translateY(0)}18%{transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)translateY(10px)}}.bank-vault__door{background:radial-gradient(circle at 32% 28%,#ffffff24,#0000 55%),radial-gradient(circle,#4a4f58 0%,#33363d 62%,#23252a 100%);border:3px solid #5b616c;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #14161ad9,inset 0 0 0 7px #d8b56e59,0 10px 26px -10px #000c}.bank-vault__wheel{border:3px solid #8a919e;border-radius:999px;animation:.9s cubic-bezier(.3,.05,.2,1) .18s both bank-vault-spin;position:absolute;inset:22%;box-shadow:inset 0 0 0 2px #14161ab3}.bank-vault__spoke{background:#8a919e;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:6%;bottom:6%;left:50%}.bank-vault__spoke--cross{transform:rotate(90deg)}@keyframes bank-vault-spin{0%{transform:rotate(0)}to{transform:rotate(300deg)}}.bank-vault__flash{opacity:0;background:radial-gradient(circle,#ffe9aae6,#ffd97e59 55%,#0000 75%);border-radius:999px;animation:.5s ease-out .62s both bank-vault-flash;position:absolute;inset:-18%}@keyframes bank-vault-flash{0%{opacity:0;transform:scale(.5)}25%{opacity:1}to{opacity:0;transform:scale(1.25)}}.bank-gleam{pointer-events:none;z-index:3;border-radius:1px;position:absolute;inset:0;overflow:hidden}.bank-gleam:before{content:"";background:linear-gradient(90deg,#0000,#ffe9aa80,#0000);width:18%;height:160%;animation:.55s ease-out .62s both bank-gleam-sweep;position:absolute;top:-30%;left:-20%;transform:rotate(14deg)}@keyframes bank-gleam-sweep{0%{opacity:0;transform:translate(0)rotate(14deg)}25%{opacity:1}to{opacity:0;transform:translate(700%)rotate(14deg)}}@media (prefers-reduced-motion:reduce){.reroll-spin,.bank-pulse,.bank-coin,.bank-ring,.bank-ring--echo,.bank-gleam:before,.bank-vault,.bank-vault__wheel,.bank-vault__flash{animation:none!important}.bank-coin,.bank-ring,.bank-ring--echo,.bank-vault{opacity:0}}.draft-timer{-webkit-backdrop-filter:blur(10px);background:#201e1ae0;border:1px solid #ffffff24;border-radius:1px;box-shadow:inset 0 1px #ffffff1a,0 18px 50px -20px #000000d9}.draft-timer--urgent{border-color:#dc5a548c;animation:1s ease-in-out infinite draft-timer-urgent;box-shadow:inset 0 1px #ffffff1a,0 0 18px -10px #dc5a544d,0 18px 50px -20px #000000d9}@keyframes draft-timer-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.draft-timer--urgent{animation:none}}.draft-frame{border-radius:1px;position:relative}.draft-frame:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg, rgb(var(--seam-warm-rgb) / .45), #d8b56e47 48%, rgb(var(--seam-cool-rgb) / .45));-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.draft-panel{border-radius:1px}@keyframes dock-pocket-flash{0%{background-color:#7ddcb700;box-shadow:inset 0 0 0 1px #7ddcb700,0 0 0 -6px #7ddcb700}18%{background-color:#7ddcb70f;box-shadow:inset 0 0 0 1px #7ddcb759,0 0 12px -6px #7ddcb759}55%{background-color:#ffd97e08;box-shadow:inset 0 0 0 1px #ffd97e33,0 0 10px -8px #ffd97e40}to{background-color:#ffd97e00;box-shadow:inset 0 0 0 1px #ffd97e00,0 0 0 -8px #ffd97e00}}.dock-pocket-flash{animation:dock-pocket-flash 1.4s var(--ease-out,ease-out) both}@media (prefers-reduced-motion:reduce){.dock-pocket-flash{animation:none}}.draft-fx[data-tier="1"]{--tier-rgb:126 181 154;--fx:0}.draft-fx[data-tier="2"]{--tier-rgb:139 169 196;--fx:.12}.draft-fx[data-tier="3"]{--tier-rgb:216 181 110;--fx:.3}.draft-fx[data-tier="4"]{--tier-rgb:199 148 104;--fx:.46}.draft-fx[data-tier="5"]{--tier-rgb:198 104 96;--fx:.62}.draft-fx[data-tier="6"]{--tier-rgb:198 95 143;--fx:.78}.draft-fx[data-tier="7"]{--tier-rgb:168 119 216;--fx:.92}.draft-fx[data-tier="8"]{--tier-rgb:224 82 82;--fx:1}.draft-fx__glow{z-index:0;pointer-events:none;border-radius:inherit;opacity:calc(.12 + var(--fx,0) * .38);box-shadow:0 0 0 1px rgb(var(--tier-rgb,216 181 110) / calc(var(--fx,0) * .3)), 0 10px 32px -16px rgb(var(--tier-rgb,216 181 110) / calc(var(--fx,0) * .42));position:absolute;inset:-2px}@keyframes draft-fx-pulse{0%,to{opacity:calc(.12 + var(--fx,0) * .28)}50%{opacity:calc(.12 + var(--fx,0) * .48)}}.draft-fx[data-tier="6"] .draft-fx__glow,.draft-fx[data-tier="7"] .draft-fx__glow,.draft-fx[data-tier="8"] .draft-fx__glow{animation:3.2s ease-in-out infinite draft-fx-pulse}.draft-fx__sheen{z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.draft-fx__sheen:before{content:"";background:linear-gradient(90deg, transparent, rgb(255 255 255/calc(.05 + var(--fx,0) * .18)), rgb(var(--tier-rgb,216 181 110) / calc(var(--fx,0) * .15)), transparent);opacity:0;width:55%;position:absolute;top:-60%;bottom:-60%;left:-75%;transform:translate(-40%)rotate(18deg)}@keyframes draft-fx-sheen{0%{opacity:0;transform:translate(-40%)rotate(18deg)}12%{opacity:1}to{opacity:0;transform:translate(320%)rotate(18deg)}}.draft-fx[data-tier="3"] .draft-fx__sheen:before,.draft-fx[data-tier="4"] .draft-fx__sheen:before,.draft-fx[data-tier="5"] .draft-fx__sheen:before,.draft-fx[data-tier="6"] .draft-fx__sheen:before,.draft-fx[data-tier="7"] .draft-fx__sheen:before,.draft-fx[data-tier="8"] .draft-fx__sheen:before{animation:.9s cubic-bezier(.3,.7,.2,1) both draft-fx-sheen;animation-delay:var(--reveal-delay,.7s)}.draft-fx>:not(.draft-fx__glow):not(.draft-fx__sheen):not(.pick-dissolve){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.draft-fx__glow,.draft-fx[data-tier="6"] .draft-fx__glow,.draft-fx[data-tier="7"] .draft-fx__glow,.draft-fx[data-tier="8"] .draft-fx__glow{opacity:calc(.12 + var(--fx,0) * .3);animation:none}.draft-fx__sheen:before,.draft-fx[data-tier="3"] .draft-fx__sheen:before,.draft-fx[data-tier="4"] .draft-fx__sheen:before,.draft-fx[data-tier="5"] .draft-fx__sheen:before,.draft-fx[data-tier="6"] .draft-fx__sheen:before,.draft-fx[data-tier="7"] .draft-fx__sheen:before,.draft-fx[data-tier="8"] .draft-fx__sheen:before{opacity:0;animation:none}}.draft-panel{box-shadow:inset 0 1px #fff3,inset 0 -1px #0006,0 28px 70px -28px #000000d9;background:linear-gradient(158deg,#ffffff14,#ffffff05 38%,#ffffff0a 64%,#0a10181f),#0d121ae6!important;border-color:#ffffff29!important}.draft-frame{position:relative}.draft-frame:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;will-change:transform;background:linear-gradient(115deg,#0000 40%,#ffffff21 47%,#ffffff05 52%,#0000 60%);animation:6s ease-in-out infinite draft-glass-shine;position:absolute;inset:0;overflow:hidden;transform:translate(-70%)}@keyframes draft-glass-shine{0%{transform:translate(-70%)}45%{transform:translate(70%)}to{transform:translate(70%)}}@media (prefers-reduced-motion:reduce){.draft-frame:after{opacity:0;animation:none}}.draft-stage{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.draft-stage__vignette{background:radial-gradient(120% 80% at 50% 0,#d8b56e14,#0000 52%),radial-gradient(85% 65% at 50% 46%,#0000 55%,#00000073 100%),radial-gradient(130% 60% at 50% 112%,#0009,#0000 60%);position:absolute;inset:0}.draft-stage__aurora{will-change:transform;background:linear-gradient(100deg,#0000 34%,#d8b56e0d 44%,#ffe9aa17 50%,#d8b56e0a 56%,#0000 66%);animation:13s ease-in-out infinite alternate stage-aurora;position:absolute;inset:-45%;transform:translate(-22%)}@keyframes stage-aurora{0%{transform:translate(-22%)}to{transform:translate(22%)}}.draft-stage__mote{left:var(--mx,50%);opacity:0;will-change:transform, opacity;width:3px;height:3px;animation:stage-mote var(--mdur,14s) linear var(--mdelay,0s) infinite;background:#ffe0a0d9;border-radius:50%;position:absolute;bottom:-2%;box-shadow:0 0 6px 1px #ffd97e73}@keyframes stage-mote{0%{opacity:0;transform:translate3d(0, 0, 0) scale(var(--mscale,1))}10%{opacity:.55}78%{opacity:.4}to{opacity:0;transform:translate3d(var(--mdrift,0vw), -104vh, 0) scale(var(--mscale,1))}}@media (prefers-reduced-motion:reduce){.draft-stage__aurora,.draft-stage__mote{opacity:0;animation:none!important}}.pack-tear-fx{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:18%;left:50%}.pack-shockwave{opacity:0;border:2px solid #ffe9aad9;border-radius:999px;width:36px;height:36px;animation:.6s cubic-bezier(.15,.7,.2,1) both pack-shockwave;position:absolute;top:-18px;left:-18px}.pack-shockwave--echo{border-width:1px;animation-duration:.75s;animation-delay:.12s}@keyframes pack-shockwave{0%{opacity:0;transform:scale(.3)}20%{opacity:1}to{opacity:0;transform:scale(4.4)}}.pack-filament{transform-origin:50% 100%;opacity:0;width:2px;height:16px;animation:pack-filament-fly .55s cubic-bezier(.2, .6, .3, 1) var(--fdelay,0s) both;background:linear-gradient(#ffe9aaf2,#d8b56e00);border-radius:1px;position:absolute;top:-8px;left:-1px}@keyframes pack-filament-fly{0%{opacity:0;transform:rotate(var(--ang,0deg)) translateY(4px) scaleY(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--ang,0deg)) translateY(calc(var(--fdist,70px) * -1)) scaleY(1)}}@media (prefers-reduced-motion:reduce){.pack-shockwave,.pack-filament{opacity:0;animation:none!important}}.draft-reveal-ring{z-index:2;border:2px solid rgb(var(--tier-rgb,216 181 110) / .9);pointer-events:none;opacity:0;animation:draft-reveal-ring .8s cubic-bezier(.15, .7, .2, 1) var(--reveal-delay,.7s) both;border-radius:6px;position:absolute;inset:12%}@keyframes draft-reveal-ring{0%{opacity:0;transform:scale(.6)}22%{opacity:.9}to{opacity:0;transform:scale(1.3)}}.draft-edge-pulse{z-index:2;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px -30px rgb(var(--pulse-rgb,216 181 110) / .55);animation:1.8s ease-out .7s both draft-edge-pulse;position:fixed;inset:0}.draft-edge-pulse[data-tier="7"]{--pulse-rgb:168 119 216}.draft-edge-pulse[data-tier="8"]{--pulse-rgb:224 82 82}.draft-edge-pulse[data-tier="9"]{--pulse-rgb:244 196 48}.draft-edge-pulse[data-tier="10"]{--pulse-rgb:34 211 238}@keyframes draft-edge-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.draft-reveal-ring,.draft-edge-pulse{opacity:0;animation:none!important}}.pick-dissolve{z-index:3;pointer-events:none;position:absolute;inset:0}.pick-dissolve__flare{opacity:0;background:radial-gradient(circle,#ffe9aabf,#ffd97e33 55%,#0000 75%);border-radius:8px;animation:.5s ease-out both pick-flare;position:absolute;inset:-12%}@keyframes pick-flare{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}.pick-dissolve>i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:6px;height:6px;animation:pick-mote-scatter .55s cubic-bezier(.2, .6, .3, 1) var(--pdelay,0s) both;background:#ffe0a0f2;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px 1px #ffd97eb3}@keyframes pick-mote-scatter{0%{opacity:0;transform:rotate(var(--ang,0deg)) translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:rotate(var(--ang,0deg)) translateY(calc(var(--pd,34px) * -1)) scale(1.15) rotate(120deg)}}@media (prefers-reduced-motion:reduce){.pick-dissolve__flare,.pick-dissolve>i{opacity:0;animation:none!important}}.draft-ring-glow{filter:blur(3px);opacity:.45}.draft-timer--lux{position:relative}.draft-timer--lux:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;background:linear-gradient(120deg,#d8b56e8c,#ffffff1f 45%,#d8b56e66);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.draft-timer--urgent.draft-timer--lux:before{background:linear-gradient(120deg,#dc5a5499,#ffffff1a 45%,#dc5a5473)}.dock-tier-edge{pointer-events:none;width:3px;position:absolute;top:4px;bottom:4px;left:0;background:linear-gradient(180deg, rgb(var(--tier-rgb,216 181 110) / .9), rgb(var(--tier-rgb,216 181 110) / .3))!important;border:0!important}.dock-shimmer{pointer-events:none;border-radius:1px;position:absolute;inset:0;overflow:hidden}.dock-shimmer:before{content:"";background:linear-gradient(105deg, transparent 40%, #ffe9aa12 48%, rgb(var(--tier-rgb,216 181 110) / .08) 52%, transparent 62%);will-change:transform;animation:7s ease-in-out infinite dock-shimmer-sweep;position:absolute;inset:-20% -60%;transform:translate(-45%)}@keyframes dock-shimmer-sweep{0%,62%{transform:translate(-45%)}to{transform:translate(45%)}}@media (hover:hover){.dock-card:hover{border-color:#d8b56e59;box-shadow:inset 0 1px #ffffff17,0 6px 16px -10px #000000b3}}.divider-gilt{background:linear-gradient(90deg,#d8b56e59,#ffffff14 55%,#0000);flex:1;height:1px}@keyframes dock-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}li>.dock-card.dock-pocket-flash{animation:dock-pocket-flash 1.4s var(--ease-out,ease-out) both, dock-slide-in .35s var(--ease-out,ease-out) both}@media (prefers-reduced-motion:reduce){.dock-shimmer:before,li>.dock-card.dock-pocket-flash{animation:none!important}}