.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)}}html[data-anim=off] .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;padding-top:12px}@media (max-width:639px){.draft-deal-grid{row-gap:1.5rem}}.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:radial-gradient(90% 70% at 50% 110%,#e05c281a,#0000 60%),#16110b;border:1px solid #ff8a3452;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 #0000008c}.draft-card-back:before{content:"";border:1px solid #ff8a3429;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%)}.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)}}html[data-anim=off] .draft-pull__flash,html[data-anim=off] .draft-pull__rays,html[data-anim=off] .draft-pull__rays--rev,html[data-anim=off] .draft-pull__mote{opacity:0}html[data-anim=off] .draft-holo,html[data-anim=off] .draft-shake,html[data-anim=off] .confetti-bit,html[data-anim=off] .draft-mythic-aura,html[data-anim=off] .dgn-torch,html[data-anim=off] .dgn-torch__halo,html[data-anim=off] .dgn-torch__flame,html[data-anim=off] .dgn-torch__flame--inner,html[data-anim=off] .dgn-torch__spark{animation:none!important}html[data-anim=off] .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%{box-shadow:0 0 0 0 rgb(var(--accent-gold-rgb) / .55);transform:scale(1)}35%{transform:scale(1.06)}to{box-shadow:0 0 0 14px rgb(var(--accent-gold-rgb) / 0);transform:scale(1)}}.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{box-shadow:inset 0 0 0 5px #14161ad9, inset 0 0 0 7px rgb(var(--accent-gold-rgb) / .35), 0 10px 26px -10px #000c;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}.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)}}html[data-anim=off] .reroll-spin,html[data-anim=off] .bank-pulse,html[data-anim=off] .bank-coin,html[data-anim=off] .bank-ring,html[data-anim=off] .bank-ring--echo,html[data-anim=off] .bank-gleam:before,html[data-anim=off] .bank-vault,html[data-anim=off] .bank-vault__wheel,html[data-anim=off] .bank-vault__flash{animation:none!important}html[data-anim=off] .bank-coin,html[data-anim=off] .bank-ring,html[data-anim=off] .bank-ring--echo,html[data-anim=off] .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:rgb(var(--accent-nerf-rgb) / .55);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 18px -10px rgb(var(--accent-nerf-rgb) / .3), 0 18px 50px -20px #000000d9;animation:1s ease-in-out infinite draft-timer-urgent}@keyframes draft-timer-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}html[data-anim=off] .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;-webkit-mask-composite:xor;-webkit-mask-composite:xor;background:linear-gradient(120deg,#ff8a3499,#a877d859 34%,#ffbe6e66 52%,#22d3ee4d 70%,#e05c288c);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}html[data-anim=off] .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}html[data-anim=off] .draft-fx__glow,html[data-anim=off] .draft-fx[data-tier="6"] .draft-fx__glow,html[data-anim=off] .draft-fx[data-tier="7"] .draft-fx__glow,html[data-anim=off] .draft-fx[data-tier="8"] .draft-fx__glow{opacity:calc(.12 + var(--fx,0) * .3);animation:none}html[data-anim=off] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="3"] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="4"] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="5"] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="6"] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="7"] .draft-fx__sheen:before,html[data-anim=off] .draft-fx[data-tier="8"] .draft-fx__sheen:before{opacity:0;animation:none}.draft-panel{box-shadow:inset 0 1px #ffb26029,inset 0 0 0 1px #0000008c,inset 0 -14px 30px -18px #e05c2838,0 28px 70px -28px #000000e6;background:radial-gradient(120% 60% at 50% 106%,#ff8a3417,#0000 58%),radial-gradient(140% 50% at 50% -8%,#00000057,#0000 60%),repeating-linear-gradient(0deg,#0000 0 64px,#00000029 64px 65px),repeating-linear-gradient(90deg,#0000 0 118px,#00000017 118px 119px),linear-gradient(165deg,#241c12,#1b1510 44%,#171209 100%)!important;border-color:#7a603a80!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%,#ffbe6e1a 47%,#ff8a3408 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%)}}html[data-anim=off] .draft-frame:after{opacity:0;animation:none}.draft-stage{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.draft-stage__vignette{animation:dgn-chamber-in .7s var(--ease-out,ease-out) both;background:radial-gradient(120% 70% at 50% 108%,#ff8a341a,#0000 55%),radial-gradient(90% 60% at 8% 100%,#e05c2814,#0000 55%),radial-gradient(90% 60% at 92% 100%,#e05c2814,#0000 55%),radial-gradient(120% 80% at 50% 0,#0000004d,#0000 55%),radial-gradient(85% 65% at 50% 46%,#0000 55%,#00000042 100%);position:absolute;inset:0}@keyframes dgn-chamber-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.draft-stage__stars{opacity:.5;will-change:transform;background-image:radial-gradient(1px 1px at 22px 34px,#d6e0ffb3,#0000 100%),radial-gradient(1px 1px at 118px 92px,#becdff80,#0000 100%),radial-gradient(1.5px 1.5px at 74px 150px,#fff0d699,#0000 100%),radial-gradient(1px 1px at 166px 42px,#a8c8ff73,#0000 100%);background-size:190px 190px;animation:90s linear infinite alternate dgn-star-drift;position:absolute;inset:-12%}.draft-stage__stars--far{opacity:.3;background-size:120px 120px;animation-duration:140s;animation-direction:alternate-reverse}@keyframes dgn-star-drift{0%{transform:translate(0,0)}to{transform:translate(2%,-2%)}}.draft-stage__nebula{will-change:transform, opacity;background:radial-gradient(50% 50%,#a877d81a,#a877d808 55%,#0000 75%);width:70vmax;height:55vmax;animation:34s ease-in-out infinite alternate dgn-nebula-drift;position:absolute;top:-18%;left:-16%}.draft-stage__nebula--teal{background:radial-gradient(50% 50%,#22d3ee14,#22d3ee05 55%,#0000 75%);animation-duration:42s;animation-direction:alternate-reverse;inset:auto -20% -22% auto}@keyframes dgn-nebula-drift{0%{opacity:.8;transform:translate(-3%,2%)scale(1)}to{opacity:1;transform:translate(4%,-3%)scale(1.08)}}.draft-stage__aurora{background:linear-gradient(100deg, transparent 34%, rgb(var(--mood-rgb,255 138 52) / .05) 44%, #ffc8781a 50%, rgb(var(--mood-rgb,224 92 40) / .05) 56%, transparent 66%);will-change:transform;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__torch{background:radial-gradient(circle, rgb(var(--mood-rgb,255 154 60) / .16), rgb(var(--mood-rgb,224 92 40) / .08) 42%, transparent 68%);will-change:transform, opacity;border-radius:999px;width:56vmax;height:56vmax;transition:background .6s;animation:3.4s ease-in-out infinite dgn-gutter;position:absolute;bottom:-12%}.draft-stage[data-mood=blood]{--mood-rgb:224 82 82}.draft-stage[data-mood=void]{--mood-rgb:168 119 216}.draft-stage[data-mood=teal]{--mood-rgb:34 211 238}.draft-stage[data-mood=astral]{--mood-rgb:91 155 212}.draft-stage__torch--l{left:-18vmax}.draft-stage__torch--r{animation-duration:2.9s;animation-delay:-1.7s;right:-18vmax}@keyframes dgn-gutter{0%,to{opacity:.75;transform:scale(1)}18%{opacity:1;transform:scale(1.05)}34%{opacity:.7;transform:scale(.98)}52%{opacity:.95;transform:scale(1.03)}71%{opacity:.8;transform:scale(1)}86%{opacity:1;transform:scale(1.06)}}.draft-stage__fog{will-change:transform;background:radial-gradient(60% 100% at 50% 100%,#786c601a,#5a50460d 55%,#0000 80%);height:34%;animation:26s ease-in-out infinite alternate dgn-fog-drift;position:absolute;bottom:-4%;left:-60%;right:-60%}.draft-stage__fog--far{opacity:.7;height:22%;animation-duration:34s;animation-direction:alternate-reverse;bottom:6%}@keyframes dgn-fog-drift{0%{transform:translate(-9%)}to{transform:translate(9%)}}.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:#ffb260e6;border-radius:50%;position:absolute;bottom:-2%;box-shadow:0 0 6px 1px #ff8a348c}@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))}}html[data-anim=off] .draft-stage__aurora,html[data-anim=off] .draft-stage__torch,html[data-anim=off] .draft-stage__fog,html[data-anim=off] .draft-stage__nebula,html[data-anim=off] .draft-stage__mote{opacity:0;animation:none!important}html[data-anim=off] .draft-stage__vignette{animation:none!important}html[data-anim=off] .draft-stage__stars{opacity:.3;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}}html[data-anim=off] .draft-reveal-ring,html[data-anim=off] .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)}}html[data-anim=off] .pick-dissolve__flare,html[data-anim=off] .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,#ff8a348c,#7a6e6040 45%,#e05c2873);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, rgb(var(--accent-nerf-rgb) / .6), #ffffff1a 45%, rgb(var(--accent-nerf-rgb) / .45))}.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:rgb(var(--accent-gold-rgb) / .35);box-shadow:inset 0 1px #ffffff17,0 6px 16px -10px #000000b3}}.divider-gilt{background:linear-gradient(90deg, rgb(var(--accent-gold-rgb) / .35), #ffffff14 55%, transparent);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}html[data-anim=off] .dock-shimmer:before,html[data-anim=off] li>.dock-card.dock-pocket-flash{animation:none!important}.dgn-torch{z-index:4;pointer-events:none;width:34px;height:58px;animation:.5s ease-out .2s both dgn-torch-in;position:absolute;top:-34px}.dgn-torch--l{left:-8px}.dgn-torch--r{right:-8px}@keyframes dgn-torch-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.dgn-torch{display:none}}.dgn-torch__bracket{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(#574b3d,#3a332a 70%,#2b251e);border:1px solid #0009;width:10px;height:22px;margin-left:-5px;position:absolute;bottom:0;left:50%;box-shadow:inset 0 1px #ffb26040,0 4px 10px -4px #000c}.dgn-torch__halo{background:radial-gradient(circle,#ffb05c66,#e05c2824 45%,#0000 70%);border-radius:999px;width:74px;height:74px;margin-left:-37px;animation:2.6s ease-in-out infinite dgn-halo;position:absolute;top:2px;left:50%}@keyframes dgn-halo{0%,to{opacity:.7;transform:scale(1)}22%{opacity:1;transform:scale(1.1)}41%{opacity:.65;transform:scale(.96)}63%{opacity:.95;transform:scale(1.06)}82%{opacity:.75;transform:scale(1)}}.dgn-torch__flame{transform-origin:50% 100%;background:radial-gradient(60% 55% at 50% 78%,#ffdf9e 0%,#ffab4e 45%,#e05c28 78%,#e05c2800 100%);border-radius:50%/62% 62% 38% 38%;width:16px;height:26px;margin-left:-8px;animation:.9s ease-in-out infinite dgn-flame;position:absolute;bottom:18px;left:50%}.dgn-torch__flame--inner{background:radial-gradient(60% 55% at 50% 75%,#fff3d0 0%,#ffd76a 60%,#ffab4e00 100%);width:8px;height:14px;margin-left:-4px;animation:.7s ease-in-out infinite dgn-flame-inner;bottom:19px}.dgn-torch--r .dgn-torch__flame{animation-delay:-.45s}.dgn-torch--r .dgn-torch__flame--inner{animation-delay:-.3s}@keyframes dgn-flame{0%,to{transform:scaleY(1)skew(0)}25%{transform:scaleY(1.14)skew(-4deg)}50%{transform:scaleY(.92)skew(3deg)}75%{transform:scaleY(1.08)skew(-2deg)}}@keyframes dgn-flame-inner{0%,to{opacity:.95;transform:scaleY(1)skew(0)}30%{opacity:.8;transform:scaleY(.85)skew(3deg)}60%{opacity:1;transform:scaleY(1.15)skew(-3deg)}}.dgn-torch__spark{opacity:0;background:#ffc878f2;border-radius:50%;width:3px;height:3px;animation:2.1s ease-out infinite dgn-spark;position:absolute;bottom:40px;left:50%;box-shadow:0 0 5px 1px #ff8a3499}.dgn-torch__spark--b{animation-duration:2.7s;animation-delay:-1.1s}@keyframes dgn-spark{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translate(7px,-46px)scale(.5)}}.dgn-brace{z-index:4;pointer-events:none;--brace-metal:linear-gradient(135deg, #6a5f50, #443c31 60%, #322c24);width:22px;height:22px;position:absolute}.dgn-brace:before,.dgn-brace:after{content:"";background:var(--brace-metal);position:absolute;box-shadow:inset 0 1px #ffb26047,inset 0 -1px #0009}.dgn-brace:before{width:22px;height:5px}.dgn-brace:after{width:5px;height:22px}.dgn-brace i{background:radial-gradient(circle at 35% 30%,#8a7a64,#574b3d 55%,#2b251e);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 4px #ff8a3459,inset 0 0 0 1px #00000080}.dgn-brace--tl,.dgn-brace--tl:before,.dgn-brace--tl:after{top:0;left:0}.dgn-brace--tl i{top:2px;left:2px}.dgn-brace--tr,.dgn-brace--tr:before,.dgn-brace--tr:after{top:0;right:0}.dgn-brace--tr i{top:2px;right:2px}.dgn-brace--bl,.dgn-brace--bl:before,.dgn-brace--bl:after{bottom:0;left:0}.dgn-brace--bl i{bottom:2px;left:2px}.dgn-brace--br,.dgn-brace--br:before,.dgn-brace--br:after{bottom:0;right:0}.dgn-brace--br i{bottom:2px;right:2px}.dgn-title{color:#ecdfc8;text-shadow:0 1px #000000e6,0 0 18px #ff8a3459,0 0 42px #e05c2833}.dgn-label{color:#ffb260bf!important}html[data-anim=off] .dgn-torch__spark{opacity:0}.dpv{z-index:2;pointer-events:none;width:2.75rem;height:2.75rem;position:absolute}.dpv__disc{border:1px solid color-mix(in srgb, var(--dpv-main) 55%, transparent);box-shadow:inset 0 0 10px -4px var(--dpv-main);background:radial-gradient(circle at 38% 30%,#1e1a13f0,#0c0a08f7);border-radius:9999px;position:absolute;inset:0}.dpv .dpv__icon{color:var(--dpv-glow);opacity:.95;margin:auto;position:absolute;inset:0}.dpv i{display:block;position:absolute}.dpv[data-paused=true] *{animation-play-state:paused!important}html[data-anim=off] .dpv *{animation:none!important}@keyframes dpv-rot{to{transform:rotate(360deg)}}@keyframes dpv-twinkle{0%,to{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes dpv-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.dpv--shimmer .dpv__spin{animation:9s linear infinite dpv-rot;position:absolute;inset:6%}.dpv--shimmer .dpv__spin i{background:var(--dpv-glow);border-radius:9999px;width:10%;height:10%;animation:1.8s ease-in-out infinite dpv-twinkle}.dpv--shimmer .dpv__spin i:first-child{top:2%;left:45%}.dpv--shimmer .dpv__spin i:nth-child(2){background:var(--dpv-accent);animation-delay:.6s;top:66%;left:8%}.dpv--shimmer .dpv__spin i:nth-child(3){animation-delay:1.2s;top:60%;left:80%}.dpv--embers i{background:var(--dpv-glow);opacity:0;border-radius:9999px;width:9%;height:9%;animation:2.2s ease-out infinite dpv-ember;bottom:18%}.dpv--embers i:first-child{left:30%}.dpv--embers i:nth-child(2){background:var(--dpv-accent);animation-delay:.7s;left:48%}.dpv--embers i:nth-child(3){animation-delay:1.4s;left:64%}@keyframes dpv-ember{0%{opacity:0;transform:translateY(0)scale(.7)}18%{opacity:.95}70%{opacity:.5}to{opacity:0;transform:translateY(-14px)scale(1)}}.dpv--gear .dpv__ring{border:1.5px dashed var(--dpv-main);border-radius:9999px;animation:3.2s cubic-bezier(.6,0,.3,1) infinite dpv-tick;position:absolute;inset:9%}.dpv--gear .dpv__ring--inner{border-color:var(--dpv-accent);opacity:.55;animation:8s linear infinite reverse dpv-rot;inset:24%}@keyframes dpv-tick{0%,18%{transform:rotate(0)}25%,43%{transform:rotate(90deg)}50%,68%{transform:rotate(180deg)}75%,93%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.dpv--curse .dpv__ring{border:1.5px dashed var(--dpv-main);border-radius:9999px;animation:7s linear infinite dpv-rot;position:absolute;inset:9%}.dpv--curse .dpv__icon{animation:2.6s ease-in-out infinite dpv-breathe}.dpv--dome i{border:1.5px solid var(--dpv-main);border-radius:9999px;animation:2.4s ease-in-out infinite dpv-dome}.dpv--dome i:first-child{inset:11%}.dpv--dome i:nth-child(2){border-color:var(--dpv-accent);animation-delay:1.2s;inset:24%}@keyframes dpv-dome{0%,to{opacity:.22;transform:scale(.92)}50%{opacity:.85;transform:scale(1)}}.dpv__clip{border-radius:9999px;position:absolute;inset:4%;overflow:hidden}.dpv--gleam .dpv__clip i{background:linear-gradient(90deg, transparent, var(--dpv-glow), transparent);opacity:.8;width:26%;animation:2.8s ease-in-out infinite dpv-gleam;top:-20%;bottom:-20%;left:0;transform:translate(-140%)rotate(18deg)}@keyframes dpv-gleam{0%{transform:translate(-140%)rotate(18deg)}55%,to{transform:translate(440%)rotate(18deg)}}.dpv--links i{background:var(--dpv-main);border-radius:2px;width:21%;height:8%;top:71%}.dpv--links i:first-child{animation:2s ease-in-out infinite dpv-tug-l;left:16%}.dpv--links i:nth-child(2){background:var(--dpv-accent);animation:2s ease-in-out infinite dpv-tug-r;left:62%}@keyframes dpv-tug-l{0%,to{transform:translate(0)}40%{transform:translate(3px)}55%{transform:translate(2px)}}@keyframes dpv-tug-r{0%,to{transform:translate(0)}40%{transform:translate(-3px)}55%{transform:translate(-2px)}}.dpv--wave .dpv__clip i{background:var(--dpv-main);opacity:.7;border-radius:9999px;height:14%;animation:2.6s linear infinite dpv-wave}.dpv--wave .dpv__clip i:first-child{width:60%;top:62%;left:-70%}.dpv--wave .dpv__clip i:nth-child(2){background:var(--dpv-accent);width:44%;animation-delay:1.3s;top:74%;left:-60%}@keyframes dpv-wave{0%{transform:translate(0)}to{transform:translate(330%)}}.dpv--arc .dpv__icon{animation:2.4s step-end infinite dpv-flicker}.dpv--arc i{background:var(--dpv-glow);border-radius:1px;width:11%;height:11%;animation:1.7s step-end infinite dpv-flicker;transform:rotate(45deg)}.dpv--arc i:first-child{top:24%;left:18%}.dpv--arc i:nth-child(2){background:var(--dpv-accent);animation-delay:.9s;top:60%;left:70%}@keyframes dpv-flicker{0%{opacity:.25}6%{opacity:1}10%{opacity:.35}14%{opacity:1}18%{opacity:.25}52%{opacity:.25}58%{opacity:1}64%{opacity:.3}to{opacity:.3}}.dpv--unfurl i{background:var(--dpv-main);transform-origin:0;border-radius:1px;height:5%;animation:2.6s ease-in-out infinite dpv-unfurl;top:74%;left:22%;right:22%}@keyframes dpv-unfurl{0%{opacity:0;transform:scaleX(0)}12%{opacity:.9}45%,70%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.dpv--twinkle i{background:var(--dpv-glow);border-radius:1px;width:11%;height:11%;animation:2s ease-in-out infinite dpv-twinkle;transform:rotate(45deg)}.dpv--twinkle i:first-child{top:18%;left:22%}.dpv--twinkle i:nth-child(2){background:var(--dpv-accent);animation-delay:.66s;top:34%;left:72%}.dpv--twinkle i:nth-child(3){animation-delay:1.33s;top:72%;left:36%}.dpv--blink i{background:var(--dpv-glow);border-radius:9999px;width:4.5%;animation:2.4s ease-in-out infinite dpv-blink;top:22%;bottom:22%;left:48%}.dpv--blink .dpv__icon{animation:2.4s ease-in-out infinite dpv-breathe}@keyframes dpv-blink{0%,38%,to{opacity:.9;transform:scaleY(1)}46%,54%{opacity:.45;transform:scaleY(.06)}62%{opacity:.9;transform:scaleY(1)}}.dpv--march i{background:var(--dpv-main);clip-path:polygon(0 100%,50% 30%,100% 100%,100% 70%,50% 0,0 70%);opacity:0;width:34%;height:17%;animation:2.1s ease-out infinite dpv-march;top:58%;left:33%}.dpv--march i:nth-child(2){background:var(--dpv-accent);animation-delay:.7s}.dpv--march i:nth-child(3){animation-delay:1.4s}@keyframes dpv-march{0%{opacity:0;transform:translateY(6px)}20%{opacity:.9}70%{opacity:.45}to{opacity:0;transform:translateY(-12px)}}.dpv--pulse i{border:1.5px solid var(--dpv-main);opacity:0;border-radius:9999px;animation:2s ease-out infinite dpv-pulse;inset:13%}.dpv--pulse i:nth-child(2){border-color:var(--dpv-accent);animation-delay:1s}@keyframes dpv-pulse{0%{opacity:.9;transform:scale(.35)}70%{opacity:.25}to{opacity:0;transform:scale(1.05)}}