.crm-open-shell{--crm-accent:#f6a62c;padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:max(.75rem, env(safe-area-inset-bottom));padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.crm-open-shell.is-impact{animation:.38s ease-out both crm-shell-shake}.crm-open-flash{animation:.42s ease-out both crm-open-flash}.crm-open-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(100dvh - 1.5rem,100%);animation:.48s cubic-bezier(.16,1,.3,1) both crm-chest-pop;overflow:hidden auto}.crm-open-stage-wrap{height:clamp(160px,34dvh,340px);overflow:visible}.crm-open-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.crm-open-bloom{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--crm-accent) 75%, #fff), color-mix(in srgb, var(--crm-accent) 35%, transparent) 42%, transparent 72%);opacity:.55;filter:blur(14px);pointer-events:none;border-radius:50%;width:min(300px,70vw);height:120px;margin-left:calc(min(300px,70vw)/-2);position:absolute;bottom:18%;left:50%}.crm-open-stage.is-shaking .crm-open-bloom{animation:.85s ease-in-out infinite crm-open-charge}.crm-open-stage.is-bursting .crm-open-bloom{animation:1.1s ease-out both crm-open-bloom}.crm-open-stage.is-revealed .crm-open-bloom{opacity:.65}.crm-open-rays{opacity:0;background:repeating-conic-gradient(from 0deg, transparent 0 14deg, var(--crm-accent) 15deg 16deg);pointer-events:none;border-radius:999px;width:min(280px,72vw);height:min(280px,72vw);margin:calc(min(280px,72vw)/-2) 0 0 calc(min(280px,72vw)/-2);position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 18%,#000 38%,#0000 70%);mask-image:radial-gradient(circle,#0000 18%,#000 38%,#0000 70%)}.crm-open-stage.is-bursting .crm-open-rays{animation:1s linear both crm-open-spin}.crm-open-shock{border:2px solid var(--crm-accent);opacity:0;pointer-events:none;border-radius:999px;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:48%;left:50%}.crm-open-stage.is-bursting .crm-open-shock{animation:.65s ease-out both crm-open-shock}.crm-open-orb{z-index:1;width:min(100%,340px);height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.crm-open-orb.is-badge{border:1px solid color-mix(in srgb, var(--crm-accent) 45%, transparent);width:min(150px,28dvh);height:min(150px,28dvh);min-height:min(150px,28dvh);box-shadow:0 0 42px color-mix(in srgb, var(--crm-accent) 35%, transparent);background:radial-gradient(circle at 30% 30%,#ffffff2e,#120c04eb 62%);border-radius:999px}.crm-open-orb.is-badge .crm-open-icon{width:min(88px,16dvh);height:min(88px,16dvh);max-height:min(88px,16dvh)}.crm-open-orb.is-shaking{animation:.9s ease-in-out infinite crm-open-charge}.crm-open-orb.is-bursting{animation:.52s cubic-bezier(.12,.8,.2,1.2) both crm-open-punch}.crm-open-orb.is-revealed{transform:scale(1.03)}.crm-open-icon{z-index:1;object-fit:contain;width:min(100%,320px);height:auto;max-height:min(300px,30dvh);filter:drop-shadow(0 18px 36px #0000008c) drop-shadow(0 0 28px color-mix(in srgb, var(--crm-accent) 45%, transparent));-webkit-user-select:none;user-select:none;pointer-events:none;position:relative}.crm-loot-pop{z-index:6;border:1px solid color-mix(in srgb, var(--crm-accent) 40%, transparent);opacity:0;pointer-events:none;background:#00000073;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;animation:.78s cubic-bezier(.16,1,.3,1) both crm-loot-pop;display:flex;position:absolute;bottom:58%}.crm-reward-row{animation:.42s cubic-bezier(.16,1,.3,1) both crm-reward-in}@keyframes crm-chest-pop{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes crm-shell-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes crm-open-flash{0%{background-color:#ffecb447}to{background-color:#03040ae0}}@keyframes crm-open-charge{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.04)}}@keyframes crm-open-punch{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes crm-open-bloom{0%{opacity:.2;transform:scale(.7)}40%{opacity:.55;transform:scale(1.15)}to{opacity:.28;transform:scale(1)}}@keyframes crm-open-spin{0%{opacity:.55;transform:rotate(0)scale(.7)}to{opacity:0;transform:rotate(120deg)scale(1.35)}}@keyframes crm-open-shock{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.2)}}@keyframes crm-loot-pop{0%{opacity:0;transform:translateY(24px)scale(.4)}35%{opacity:1;transform:translateY(-8px)scale(1.1)}to{opacity:0;transform:translateY(-64px)scale(.7)}}@keyframes crm-reward-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-height:760px){.crm-open-stage-wrap{height:clamp(140px,28dvh,260px)}.crm-open-icon{max-height:min(240px,26dvh)}.crm-open-modal{padding-top:1rem;padding-bottom:1rem}}@media (max-height:640px){.crm-open-stage-wrap{height:clamp(120px,24dvh,200px)}.crm-open-icon{max-height:min(180px,22dvh)}.crm-open-title{font-size:1.05rem;line-height:1.25}.crm-open-subtitle,.crm-open-kicker{font-size:.75rem}.crm-open-actions{margin-top:.75rem}}@media (max-height:520px){.crm-open-stage-wrap{height:clamp(96px,22dvh,150px)}.crm-open-icon{max-height:min(130px,20dvh)}}@media (prefers-reduced-motion:reduce){.crm-open-shell.is-impact,.crm-open-flash,.crm-open-modal,.crm-open-stage.is-shaking .crm-open-bloom,.crm-open-stage.is-bursting .crm-open-bloom,.crm-open-stage.is-bursting .crm-open-rays,.crm-open-stage.is-bursting .crm-open-shock,.crm-open-orb.is-shaking,.crm-open-orb.is-bursting,.crm-loot-pop,.crm-reward-row{animation:none!important}}
