.env-layer{width:100%;display:block;position:absolute;left:0;overflow:visible}.env-back{z-index:1;height:100%;top:0}.env-front{z-index:4;height:100%;top:0}.env-flap{transform-origin:50% 0;height:65.7%;top:0}.env-flap-out{z-index:5}.env-flap-in{z-index:2;transform:scaleY(-1)}.phase-flap .env-flap-out{animation:.3s ease-in forwards flap-out}.phase-flap .env-flap-in{animation:.32s cubic-bezier(.2,1.4,.5,1) .28s forwards flap-in;transform:scaleY(0)}@keyframes flap-out{to{filter:brightness(1.6);transform:scaleY(0)}}@keyframes flap-in{to{transform:scaleY(-1)}}.env-card-clip{z-index:3;pointer-events:none;position:absolute;inset:-160% 0 0;overflow:hidden}.env-card{width:56%;transition:transform .6s cubic-bezier(.2,.9,.3,1.15);position:absolute;top:87.7%;left:22%}.env-card.pos-rise{transform:translateY(-70%)}.env-card.pos-burst{transition-duration:.32s;transform:translateY(-116%)}.phase-rise .env-card>.drop-card{animation:.35s ease-out step-pop,.9s ease-in-out .35s infinite card-hover}@keyframes step-pop{0%{filter:drop-shadow(0 0 40px var(--rg)) brightness(1.8);scale:1.06}to{scale:1}}@keyframes card-hover{0%,to{translate:0}50%{translate:0 -5px}}.drop-card{aspect-ratio:200/280;perspective:1100px;width:100%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--r) 70%, transparent));position:relative}.drop-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.3,1.25,.5,1);position:relative}.drop-card.is-flipped .drop-card-inner{transform:rotateY(180deg)}.drop-card-face{backface-visibility:hidden;position:absolute;inset:0}.dc-front{transform:rotateY(180deg)}.dc-frame{width:100%;height:100%;display:block}.dc-tint{stop-color:var(--r);stop-opacity:.24;transition:stop-color .25s}.dc-border{fill:none;stroke:var(--r);stroke-width:5px;transition:stroke .25s}.dc-inner{fill:none;stroke:var(--r);stroke-opacity:.35;stroke-width:1.2px;transition:stroke .25s}.dc-corners path{fill:none;stroke:var(--rg);stroke-width:4px;stroke-linecap:round;transition:stroke .25s}.dc-streaks path{fill:none;stroke:var(--r);stroke-opacity:.16;stroke-width:16px;transition:stroke .25s}.dc-mark{filter:drop-shadow(0 0 10px #ffffff40);width:54%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dc-content{text-align:center;align-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:12% 9%}.dc-rarity{font:700 .95rem var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--rg);text-shadow:0 0 12px var(--r)}.dc-prize{font:700 clamp(1.5rem, 6vw, 2.1rem)/1.05 var(--font-display);color:#fff;text-shadow:0 0 18px var(--r)}.dc-foot{letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;font-size:.66rem}.drop-overlay{z-index:10002;color:#fff;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.drop-bg{background:radial-gradient(ellipse 60% 50% at 50% 46%, color-mix(in srgb, var(--r) 20%, #050507) 0%, #050507 62%, #000 100%);animation:.5s both drop-fade;position:fixed;inset:0}.drop-flash{background:var(--rg);opacity:0;pointer-events:none;z-index:8;position:fixed;inset:0}.phase-burst .drop-flash{animation:.55s ease-out drop-flash}.is-big.phase-burst .drop-flash{animation:.9s ease-out drop-flash-big}@keyframes drop-flash{0%{opacity:.75}to{opacity:0}}@keyframes drop-flash-big{0%{opacity:.95}30%{opacity:.3}45%{opacity:.7}to{opacity:0}}@keyframes drop-fade{0%{opacity:0}}.drop-skip{z-index:12;color:#fff;font:600 .85rem var(--font-display);letter-spacing:.08em;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:8px 16px;position:fixed;top:16px;right:16px}.drop-skip:hover{background:#ffffff29}.drop-stage-wrap{z-index:6;flex-direction:column;align-items:center;gap:14px;width:100%;padding:40px 16px;display:flex;position:relative}.drop-kicker{font:600 .8rem var(--font-display);letter-spacing:.4em;text-transform:uppercase;color:var(--rg);text-shadow:0 0 10px var(--r);margin:0}.drop-stage{aspect-ratio:400/280;width:min(380px,82vw);margin-top:calc(min(380px,82vw)/2.12766);position:relative}.drop-stage.is-sealed{animation:3s ease-in-out infinite env-float}.drop-stage .env-back,.drop-stage .env-front{filter:drop-shadow(0 0 16px #ff23304d)}.drop-stage.is-sealed .env-flap-out{animation:1.8s ease-in-out infinite neon-pulse}@keyframes env-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes neon-pulse{0%,to{filter:drop-shadow(0 0 4px #ff233066)}50%{filter:drop-shadow(0 0 16px #ff2330e6)}}.phase-burst .drop-stage{animation:.45s cubic-bezier(.36,.07,.19,.97) drop-shake}.is-big.phase-burst .drop-stage{animation:.7s cubic-bezier(.36,.07,.19,.97) drop-shake-big}.is-mythic.phase-rise .drop-stage{animation:.1s linear infinite drop-shake-s}@keyframes drop-shake{20%,80%{transform:translate(-3px,2px)}40%,60%{transform:translate(5px,-3px)}}@keyframes drop-shake-big{10%,90%{transform:translate(-4px,3px)}20%,80%{transform:translate(8px,-5px)}30%,50%,70%{transform:translate(-12px,7px)}40%,60%{transform:translate(12px,-7px)}}@keyframes drop-shake-s{25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}.drop-front{width:min(250px,62vw);margin-top:10px;animation:.7s cubic-bezier(.2,1.2,.4,1) both to-front;position:relative}.drop-front .drop-card{z-index:2;position:relative}.phase-reveal .drop-front{animation:none}@keyframes to-front{0%{transform:translateY(-40%)scale(.72)}}.drop-burst{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:-6%;left:50%}.drop-front .drop-burst{z-index:1;top:50%}.drop-burst i{width:4px;height:var(--len);background:linear-gradient(var(--rg), color-mix(in srgb, var(--r) 60%, transparent));box-shadow:0 0 10px var(--r);transform-origin:50% 0;opacity:0;animation:drop-spike .7s var(--dl) cubic-bezier(.1, .8, .3, 1) forwards;border-radius:2px;margin-left:-2px;position:absolute;top:0;left:0}.drop-burst.is-soft i{animation-duration:1.1s}@keyframes drop-spike{0%{opacity:1;transform:rotate(var(--a)) translateY(70px) scaleY(.1)}55%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(125px) scaleY(1)}}.drop-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--r) 55%, transparent) 0deg 5deg, transparent 5deg 16deg);border-radius:50%;width:420px;height:420px;animation:.4s both drop-fade,14s linear infinite drop-spin;position:absolute;top:-210px;left:-210px;-webkit-mask:radial-gradient(circle,#000 8%,#0000 66%);mask:radial-gradient(circle,#000 8%,#0000 66%)}.drop-burst:not(.is-soft) .drop-rays{animation:.9s ease-out forwards drop-rays-out}@keyframes drop-rays-out{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.3)rotate(20deg)}}@keyframes drop-spin{to{transform:rotate(360deg)}}.drop-ring{border:3px solid var(--rg);width:120px;height:120px;box-shadow:0 0 20px var(--r);opacity:0;border-radius:50%;animation:.9s cubic-bezier(.1,.7,.3,1) forwards drop-ring;position:absolute;top:-60px;left:-60px}.drop-ring.r2{border-color:var(--r);animation-delay:.14s}.drop-burst.is-soft .drop-ring{display:none}@keyframes drop-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.6)}}.drop-actions,.drop-result{text-align:center;justify-items:center;gap:10px;max-width:420px;display:grid}.drop-reason{color:#c8d1dc;margin:0}.drop-open-btn{min-height:52px;padding:0 34px;font-size:1rem}.drop-adult{color:#e6ebf2}.drop-later{color:var(--muted)}.drop-result{animation:.5s cubic-bezier(.2,1,.4,1) .35s both drop-rise}@keyframes drop-rise{0%{opacity:0;transform:translateY(18px)}}.drop-won{font:700 clamp(1.8rem, 7vw, 2.6rem)/1.05 var(--font-display);color:var(--rg);text-shadow:0 0 22px var(--r);margin:0}.drop-note{color:#c8d1dc;margin:0}.drop-result-actions{justify-content:center;gap:10px;margin-top:6px}.drop-lightning{z-index:7;pointer-events:none;opacity:0;position:fixed;inset:0}.drop-lightning svg{width:100%;height:100%}.drop-lightning path{fill:none;stroke:#ff5a64;stroke-width:.5px;filter:drop-shadow(0 0 2px #ff1e2d)drop-shadow(0 0 6px #ff1e2d);vector-effect:non-scaling-stroke}.is-mythic.phase-rise .drop-lightning,.is-mythic.phase-burst .drop-lightning{animation:1.4s step-end infinite drop-lightning}@keyframes drop-lightning{0%,12%,40%,to{opacity:0}8%{opacity:1}32%{opacity:.8}36%{opacity:0}38%{opacity:1}}.drop-confetti{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drop-confetti i{top:-20px;left:var(--x);width:8px;height:14px;transform:rotate(var(--rot));animation:drop-fall var(--t) var(--d) linear infinite;background:linear-gradient(#fff,#ff1e2d 45%,#7a0010);border-radius:2px;position:absolute}.drop-confetti i:nth-child(3n){background:linear-gradient(#fff3c4,#f5c542);border-radius:50%;width:6px;height:6px}@keyframes drop-fall{to{transform:translateY(110vh) rotate(calc(var(--rot) + 720deg))}}.drop-gem{vertical-align:middle;cursor:help;display:inline-flex}.drop-gem-svg{filter:drop-shadow(0 0 3px var(--r));flex:none}.gem-legendary,.gem-mythic{animation:1.8s ease-in-out infinite gem-pulse}@keyframes gem-pulse{0%,to{filter:drop-shadow(0 0 3px var(--r))}50%{filter:drop-shadow(0 0 9px var(--r)) brightness(1.25)}}.drop-badge-card{background:color-mix(in srgb, var(--r) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--r) 45%, transparent);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.drop-badge-card>div{gap:2px;display:grid}.drop-badge-card strong{color:var(--rg);font-family:var(--font-display);letter-spacing:.04em}.env-thumb{aspect-ratio:400/280;filter:drop-shadow(0 0 10px #ff233059);width:100%;max-width:170px;transition:transform .3s var(--ease);margin:22px auto 0;position:relative}.drop-slot:hover .env-thumb{transform:translateY(-4px)rotate(-2deg)}.drops-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.drop-slot{text-align:center;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:10px;justify-items:center;gap:8px;padding:14px;display:grid}.drop-slot small{color:var(--muted)}.drop-history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.drop-history li{box-shadow:inset 3px 0 0 var(--r);background:#ffffff05;border-radius:6px;grid-template-columns:22px auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.drop-history .dh-rarity{font:700 .78rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--r)}.drop-odds td:first-child{color:var(--r);font-weight:700}@media (prefers-reduced-motion:reduce){.drop-stage,.drop-card,.drop-card-inner,.env-card,.drop-burst i,.drop-rays,.drop-ring,.drop-confetti i,.drop-lightning,.gem-legendary,.gem-mythic,.drop-slot .env-thumb{transition:none!important;animation:none!important}.drop-burst,.drop-lightning,.drop-confetti{display:none}}.drop-waiting{background:radial-gradient(ellipse at 10% 50%, #ff233024, transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel));border-color:#ff233073;align-items:center;gap:16px;display:flex}.drop-waiting .env-thumb{flex:none;width:110px;margin:18px 0 0;animation:3s ease-in-out infinite env-float}.drop-waiting>div{gap:4px;display:grid}.drop-waiting strong{font-family:var(--font-display);font-size:1.1rem}