.loot{z-index:3000;padding:calc(env(safe-area-inset-top,0px) + 24px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);color:var(--fg);text-align:center;animation:loot-in .35s var(--ease-out) both;background:radial-gradient(70% 55% at 50% 42%,#2a1746 0%,#12091f 55%,#07060b 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0;overflow:auto}@keyframes loot-in{0%{opacity:0}}.loot-rays{z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in oklab, var(--ray,#ff5fa8) 26%, transparent) 0deg 6deg, transparent 6deg 18deg);opacity:.55;animation:24s linear infinite loot-rays;position:fixed;inset:-40vmax;-webkit-mask:radial-gradient(circle,#000 0,#0000 45vmax);mask:radial-gradient(circle,#000 0,#0000 45vmax)}.loot.phase-card .loot-rays,.roll-stage.stage-landed .loot-rays{opacity:.9;animation-duration:12s}@keyframes loot-rays{to{transform:rotate(1turn)}}.loot>:not(.loot-rays):not(.smoke):not(.loot-burst):not(.loot-flash):not(.pk-sparks){z-index:1;position:relative}.loot-pack{aspect-ratio:5/7.2;cursor:pointer;color:#0e0c15;-webkit-tap-highlight-color:transparent;background:linear-gradient(125deg,#ff9ccb 0%,#c9b8ff 25%,#9fe8ff 45%,#fff2c2 62%,#ff9ccb 80%,#c9b8ff 100%) 0 0/260% 260%;border:0;border-radius:12px;align-content:center;justify-items:center;gap:6px;width:min(62vw,230px);padding:0;animation:2.6s ease-in-out infinite pack-bob,5s linear infinite pack-sheen;display:grid;position:relative;box-shadow:0 0 0 1px #fff9,0 30px 60px -18px #000c,0 0 70px #ff5fa873}.loot-foil{border-radius:inherit;mix-blend-mode:overlay;background:repeating-linear-gradient(100deg,#fff0 0 10px,#ffffff38 12px,#fff0 16px);position:absolute;inset:0}.loot-crimp{background:repeating-linear-gradient(90deg,#0e0c1547 0 3px,#0000 3px 7px);border-radius:12px 12px 0 0;height:14px;position:absolute;top:0;left:0;right:0}.loot-crimp.bottom{border-radius:0 0 12px 12px;top:auto;bottom:0}.loot-mark svg{filter:drop-shadow(0 4px 10px #0000004d);width:64px;height:64px}.loot-pack b{font:800 34px/1 var(--font-display);letter-spacing:-.04em}.loot-pack small{font:700 11px/1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.7}.loot-pack em{color:#fff;font:italic 800 15px/1 var(--font-cond);text-transform:uppercase;letter-spacing:.02em;background:#0e0c15;border-radius:999px;margin-top:10px;padding:6px 12px;font-stretch:80%}@keyframes pack-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes pack-sheen{to{background-position:260% 260%}}.loot.phase-shake .loot-pack{animation:.9s cubic-bezier(.36,.07,.19,.97) both pack-shake,1s linear infinite pack-sheen}@keyframes pack-shake{0%{transform:scale(1)rotate(0);box-shadow:0 0 0 1px #fff,0 0 70px #ff5fa873}10%,30%,50%,70%{transform:scale(1.04)rotate(-7deg)translate(-6px)}20%,40%,60%,80%{transform:scale(1.06)rotate(7deg)translate(6px)}90%{transform:scale(1.14)rotate(-3deg)}to{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 160px 40px #ffffffb3}}.loot-hint{font:700 13px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);margin:0;animation:1.6s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{opacity:.35}}.loot-flash{z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 42%,#fff 0,#ffffffd9 30%,#ffd6ea00 70%);animation:.5s ease-out both loot-flash;position:fixed;inset:0}@keyframes loot-flash{0%{opacity:1}to{opacity:0}}.smoke{z-index:4;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.loot-burst{z-index:3;pointer-events:none;position:fixed;inset:0}.loot-card{perspective:1200px;width:min(74vw,320px);animation:card-out 1s var(--ease-spring) both}@keyframes card-out{0%{opacity:0;filter:brightness(2);transform:translateY(40px)scale(.55)rotateY(200deg)}60%{opacity:1;filter:brightness(1.2)}to{opacity:1;filter:none;transform:none}}.loot-cta{width:min(100%,360px);animation:loot-up .6s .5s var(--ease-out) both;gap:12px;display:grid}.loot-cta h2{font:700 clamp(24px, 6vw, 32px) / 1.1 var(--font-display);letter-spacing:-.02em;margin:0}@keyframes loot-up{0%{opacity:0;transform:translateY(14px)}}.roll-eyebrow{font:700 12px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#ffb3d6;margin:0}.roll-title{font:700 clamp(28px, 7vw, 40px) / 1.05 var(--font-display);letter-spacing:-.03em;margin:0}.roll-die{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(56vw,210px);padding:0}.d20{filter:drop-shadow(0 18px 30px #0009)drop-shadow(0 0 26px #c9b8ff8c);width:100%;height:auto;display:block}.stage-ready .roll-die{animation:2.2s ease-in-out infinite die-idle}@keyframes die-idle{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-12px)rotate(6deg)}}.stage-rolling .roll-die{animation:1.55s cubic-bezier(.2,.7,.2,1) both die-tumble}@keyframes die-tumble{0%{transform:translateY(0)rotate(0)scale(1)}18%{transform:translateY(-56px)rotate(300deg)scale(1.1)}40%{transform:translateY(10px)rotate(620deg)scale(.95)}58%{transform:translateY(-28px)rotate(820deg)scale(1.04)}76%{transform:translateY(4px)rotate(990deg)scale(.98)}88%{transform:translateY(-12px)rotate(1060deg)}to{transform:translateY(0)rotate(1080deg)scale(1)}}.roll-landed{justify-items:center;gap:6px;display:grid}.roll-die.is-landed{cursor:default;width:110px;animation:die-pop .6s var(--ease-spring) both}.roll-die.is-landed .d20{filter:drop-shadow(0 12px 20px #0000008c) drop-shadow(0 0 30px var(--glow,#ff5fa8))}@keyframes die-pop{0%{transform:scale(1.8)}to{transform:scale(1)}}.roll-win{font:900 italic clamp(40px, 11vw, 64px) / .95 var(--font-cond);text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(100deg,#ffd6e8,#fff 30%,#c9f2ff 55%,#fff2c2 80%);color:#0000;filter:drop-shadow(0 0 16px var(--glow,#ff5fa8)) drop-shadow(0 0 2px #fff9);animation:die-pop .6s .1s var(--ease-spring) both;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-stretch:75%}.roll-prize{color:var(--fg-2);margin:0;font-size:16px}.roll-prize b{color:#fff}.roll-card{width:min(56vw,230px);animation-delay:.25s}.roll-next{color:var(--fg-2);margin:0;font-size:15px}.roll-next b{color:#fff}.roll-odds{max-width:30em;color:var(--fg-3);margin:8px 0 0;font-size:12px}@media (prefers-reduced-motion:reduce){.loot,.loot-rays,.loot-pack,.loot-card,.loot-cta,.roll-die,.roll-win,.loot-hint{animation:none!important}}.pk-sparks{z-index:6;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.pk-stage{aspect-ratio:5/7.2;place-items:center;width:min(66vw,260px);display:grid;position:relative}.pk.phase-flip .pk-stage,.pk.phase-card .pk-stage{aspect-ratio:5/7;width:min(74vw,320px);transition:width .6s var(--ease-spring)}.pk-pack{z-index:2;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;animation:2.6s ease-in-out infinite pack-bob;position:absolute;inset:0}.pk.phase-tearing .pk-pack{animation:.18s linear infinite pk-tremble}@keyframes pk-tremble{50%{transform:translate(.6px,-.6px)rotate(.3deg)}}.pk-body{color:#0e0c15;background:linear-gradient(125deg,#ff9ccb 0%,#c9b8ff 25%,#9fe8ff 45%,#fff2c2 62%,#ff9ccb 80%,#c9b8ff 100%) 0 0/260% 260%;border-radius:4px 4px 14px 14px;align-content:center;justify-items:center;gap:6px;animation:5s linear infinite pack-sheen;display:grid;position:absolute;inset:14% 0 0;overflow:hidden;box-shadow:0 0 0 1px #fff9,0 30px 60px -18px #000c,0 0 70px #ff5fa873}.pk-body b{font:800 34px/1 var(--font-display);letter-spacing:-.04em}.pk-body em{color:#fff;font:italic 800 15px/1 var(--font-cond);text-transform:uppercase;background:#0e0c15;border-radius:999px;margin-top:10px;padding:6px 12px;font-stretch:80%}.pk-sheen{mix-blend-mode:overlay;background:linear-gradient(110deg,#0000 40%,#ffffffa6 50%,#0000 60%);animation:3.2s ease-in-out infinite pk-sheen;position:absolute;inset:-40%}@keyframes pk-sheen{0%,40%{transform:translate(-60%)}80%,to{transform:translate(60%)}}.pk-strip{transform-origin:100% 100%;background:linear-gradient(125deg,#ffb4d6,#d9ccff 40%,#b8f0ff 70%,#fff4cc) 0 0/200% 200%;border-radius:14px 14px 3px 3px;height:15%;transition:transform .55s cubic-bezier(.3,.7,.2,1),opacity .55s;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 0 0 1px #fff9}.pk-dash{border-top:2px dashed #0e0c1573;position:absolute;bottom:18%;left:6%;right:6%}.pk-rip{height:6px;width:calc(88% * var(--tear,0));background:linear-gradient(90deg,#fff,#fff6c9 60%,#ff8cc4);border-radius:3px;position:absolute;bottom:calc(18% - 3px);left:6%;box-shadow:0 0 10px #fff,0 0 22px #ff8cc4;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000008c 5px 8px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000008c 5px 8px)}.pk-strip.is-off{opacity:0;transform:translate(40%,-140%)rotate(28deg)}.pk-tap{z-index:3;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.pk.phase-tearing .pk-tap,.pk.phase-torn .pk-tap,.pk.phase-rising .pk-tap{pointer-events:none}.pk-pack.is-dropping{animation:.9s cubic-bezier(.5,0,.75,0) forwards pk-drop}@keyframes pk-drop{to{opacity:.2;transform:translateY(70vh)rotate(-8deg)}}.pk-card{z-index:1;opacity:0;perspective:1200px;position:absolute;inset:6% 7% 8%}.pk.phase-torn .pk-card{opacity:1;transform:translateY(6%)}.pk-card.is-rising{opacity:1;z-index:3;animation:1s cubic-bezier(.2,.8,.2,1) forwards pk-rise}@keyframes pk-rise{0%{transform:translateY(6%)scale(.92)}60%{transform:translateY(-42%)scale(1.02)}to{transform:translateY(-4%)scale(1.06)}}.pk.phase-flip .pk-card,.pk.phase-card .pk-card{opacity:1;z-index:3;width:100%;position:relative;inset:auto}.pk.phase-flip .pk-card{animation:pk-land .8s var(--ease-spring) both}@keyframes pk-land{0%{transform:scale(1.12)rotate(-2deg)}70%{transform:scale(.97)rotate(.6deg)}to{transform:none}}.pk.phase-flip .pk-card .mc-card{transition-duration:.75s!important}.pk-glint{z-index:9;pointer-events:none;border-radius:5cqw;position:absolute;inset:0;overflow:hidden}.pk-glint:after{content:"";background:linear-gradient(115deg,#0000 38%,#ffffffe6 50%,#0000 62%);animation:.9s ease-out .45s both pk-glint;position:absolute;inset:-20%}@keyframes pk-glint{0%{transform:translate(-80%)}to{transform:translate(80%)}}.pk-beams{aspect-ratio:1;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, #fff0c880 0 4deg, transparent 4deg 14deg);width:240%;animation:2.4s ease-out both pk-beams,14s linear infinite loot-rays;position:absolute;top:20%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 8%,#0000 55%);mask:radial-gradient(circle,#000 0 8%,#0000 55%)}@keyframes pk-beams{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:.55;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pk-pack,.pk-card,.pk-beams,.pk-sheen{animation:none!important}}.pk-glow{z-index:4;color:#fff;font:700 14px/1.1 var(--font-ui);text-align:center;box-shadow:0 0 0 2px var(--glow,#ffd35e), 0 0 30px color-mix(in srgb, var(--glow,#ffd35e) 60%, transparent), 4px 5px 0 #000;animation:pk-glow-in .55s .2s var(--ease-spring,cubic-bezier(.2, 1.4, .4, 1)) both;background:#0e0c15;border-radius:999px;justify-self:center;margin:0;padding:9px 16px 8px;position:relative;rotate:-4deg}.pk-glow b{font:900 italic 22px/1 var(--font-cond);text-transform:uppercase;color:var(--glow,#ffd35e);letter-spacing:.02em;font-stretch:75%;display:block}@keyframes pk-glow-in{0%{opacity:0;transform:scale(2.2)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.pk-glow{animation:none}}