.phone-ui .pc-catalog-crate{--crate-color:99,223,210;position:relative;overflow:hidden}.phone-ui .pc-catalog-crate[data-crate-tier="field"]{--crate-color:113,183,255}.phone-ui .pc-catalog-crate[data-crate-tier="cache"]{--crate-color:255,199,94}
.phone-ui .pc-catalog-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:72px;border:0;border-radius:8px;background:radial-gradient(ellipse,rgba(var(--crate-color),.15),transparent 68%);padding:0;color:#cce3e8;cursor:pointer;touch-action:manipulation}.phone-ui .pc-catalog-open .dp-chest-img{animation:pc-idle-float 3.4s ease-in-out infinite;filter:drop-shadow(0 7px 8px #0008) drop-shadow(0 0 8px rgba(var(--crate-color),.28));transition:filter .2s}.phone-ui .pc-catalog-crate:nth-child(2) .dp-chest-img{animation-delay:-1.1s}.phone-ui .pc-catalog-crate:nth-child(3) .dp-chest-img{animation-delay:-2.2s}.phone-ui .pc-catalog-open:hover .dp-chest-img,.phone-ui .pc-catalog-open:focus-visible .dp-chest-img{filter:drop-shadow(0 7px 8px #0008) drop-shadow(0 0 15px rgba(var(--crate-color),.65))}.phone-ui .pc-catalog-open:focus-visible{outline:2px solid rgb(var(--crate-color));outline-offset:1px}.phone-ui .pc-catalog-open:disabled{opacity:.52;cursor:default}.phone-ui .pc-tap-hint{font:700 9px 'Chakra Petch',sans-serif;letter-spacing:1.3px;padding:2px 0 5px;color:rgb(var(--crate-color))}
.phone-chest-reveal{--loot-color:107,235,217;position:fixed!important;inset:0!important;z-index:5000!important;box-sizing:border-box!important;display:flex!important;flex-direction:column;align-items:stretch;padding:12px max(18px,var(--safe-right,16px)) 10px max(18px,var(--safe-left,16px))!important;background:radial-gradient(ellipse at 50% 53%,rgba(var(--loot-color),.14),#080f1af2 65%),#080e17ed;backdrop-filter:blur(7px);color:#f1eee5;text-align:center;overflow:hidden;isolation:isolate;font-family:'Rajdhani',sans-serif}.phone-chest-reveal[hidden]{display:none!important}.phone-chest-reveal[data-crate-tier="field"]{--loot-color:116,191,255}.phone-chest-reveal[data-crate-tier="cache"]{--loot-color:255,204,111}
.pc-reveal-header{position:relative;z-index:2;flex:none;min-height:55px}.pc-reveal-kicker{display:block;font:700 9px 'Chakra Petch',sans-serif;letter-spacing:3px;color:rgb(var(--loot-color))}.pc-reveal-header h2{font:800 clamp(24px,3.6vw,36px)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1.3px;margin:2px 0}.pc-reveal-status{font:500 12px 'Rajdhani',sans-serif;color:#b7c6ce;margin:3px 0}.phone-chest-reveal[data-phase="ready"] .pc-reveal-status{color:#9be6bc}
.phone-chest-reveal{--lid-cut:29%;--lid-image-height:344.8276%}
.phone-chest-reveal[data-crate-tier="field"]{--lid-cut:42%;--lid-image-height:238.0952%}
.phone-chest-reveal[data-crate-tier="cache"]{--lid-cut:35%;--lid-image-height:285.7143%}
.pc-reveal-board{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,190px) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:4px;width:min(850px,100%);align-self:center;align-items:center}
.pc-opening-chest{position:relative;grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:clamp(120px,20vw,190px);height:160px;pointer-events:none}
.pc-chest-shell{position:absolute;inset:0;perspective:500px;perspective-origin:50% var(--lid-cut);transform-origin:50% 75%;transform-style:preserve-3d;will-change:transform}
.pc-chest-part{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #000a)}
.pc-chest-base{clip-path:inset(var(--lid-cut) 0 0 0);z-index:2}
/* Each source already depicts an open lid. Flatten only that cap for charging,
   then return to its original attached/open pose without moving the body. */
.pc-lid-hinge{position:absolute;top:0;left:0;right:0;height:var(--lid-cut);overflow:hidden;transform-origin:50% 100%;transform:rotateX(-72deg);transform-style:preserve-3d;backface-visibility:visible;z-index:3;will-change:transform}
.pc-lid-hinge .pc-chest-lid{bottom:auto;height:var(--lid-image-height);clip-path:none;transform:none}
.pc-interior-glow{position:absolute;left:13%;right:13%;top:calc(var(--lid-cut) - 4%);height:13%;z-index:4;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#fff3bc 0,#ffd36d99 30%,#ed9d2b22 62%,transparent 78%);filter:drop-shadow(0 0 8px #ffd074);opacity:0;transform:scaleX(.6)}
.pc-chest-glow,.pc-rays,.pc-shockwave,.pc-flare{position:absolute;inset:-25%;border-radius:50%;pointer-events:none}
.pc-chest-glow,.pc-rays,.pc-flare{top:calc(var(--lid-cut) - 75%);bottom:auto;height:150%}
.pc-chest-glow{background:radial-gradient(ellipse,rgba(var(--loot-color),.5),transparent 65%);transform:scale(.65);opacity:.25}
.pc-rays{background:repeating-conic-gradient(from 0deg,rgba(var(--loot-color),.2) 0deg 7deg,transparent 7deg 30deg);mask-image:radial-gradient(circle,transparent 8%,#000 25%,transparent 65%);opacity:0}
.pc-flare{background:radial-gradient(circle,#fff6d6 0,#ffdc8ad9 10%,#e9942459 27%,transparent 49%);opacity:0}
.pc-shockwave{left:10%;right:10%;top:calc(var(--lid-cut) - 40%);bottom:auto;height:80%;border:3px solid #ffe0a1;box-shadow:0 0 14px #ffd07480,inset 0 0 10px #ffd07466;opacity:0}
.pc-spark{position:absolute;top:var(--lid-cut);left:50%;width:3px;height:11px;background:#ffe9ad;box-shadow:0 0 7px #ffc35c;opacity:0;transform:rotate(var(--spark-angle)) translateY(0);border-radius:2px}
.phone-chest-reveal[data-phase="shake"] .pc-chest-shell{animation:pc-crate-shake 1.25s linear both}
.phone-chest-reveal[data-phase="shake"] .pc-chest-glow{animation:pc-charge 1.25s ease-in both}
.phone-chest-reveal[data-phase="burst"] .pc-lid-hinge{animation:pc-hinge-open .65s ease-out both}
.phone-chest-reveal[data-phase="ready"] .pc-lid-hinge{transform:rotateX(0deg)}
.phone-chest-reveal[data-phase="burst"] .pc-reveal-board{animation:pc-board-recoil .22s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-flare{animation:pc-chest-flash .46s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-shockwave{animation:pc-chest-wave .65s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-spark{animation:pc-chest-spark .65s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-rays{animation:pc-rays-open .65s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-interior-glow{animation:pc-interior-light .65s ease-out both}
.phone-chest-reveal[data-phase="burst"] .pc-chest-glow,.phone-chest-reveal[data-phase="ready"] .pc-chest-glow{opacity:.8;transform:scale(1.2)}
.phone-chest-reveal[data-phase="ready"] .pc-rays{opacity:.7;transform:rotate(16deg)}
.phone-chest-reveal[data-phase="ready"] .pc-interior-glow{opacity:.72;transform:scaleX(1)}
.pc-reward{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0 3px;min-width:0;opacity:0;align-self:center;isolation:isolate;transform:none;transform-origin:50% 50%;will-change:transform,opacity}
.pc-reward::before{content:'';position:absolute;z-index:-1;left:10%;right:10%;top:0;height:75%;background:radial-gradient(ellipse,rgba(var(--loot-color),.16),transparent 70%);pointer-events:none}.pc-reward[data-slot="1"]{grid-column:1;grid-row:1}.pc-reward[data-slot="2"]{grid-column:3;grid-row:1}.pc-reward[data-slot="3"]{grid-column:1;grid-row:2}.pc-reward[data-slot="4"]{grid-column:3;grid-row:2}.pc-reward[data-slot="5"]{grid-column:2;grid-row:3}.pc-reward-art,.pc-cosmetic-art{width:clamp(44px,8vh,76px);height:clamp(40px,8vh,68px);object-fit:contain;filter:drop-shadow(0 4px 7px #0009)}.pc-reward-caption{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:100%;text-shadow:0 2px 4px #000}.pc-reward-caption strong{font:800 clamp(17px,2.5vw,23px)/1.05 'Rajdhani',sans-serif;color:#ffe2a0;overflow-wrap:anywhere}.pc-reward-caption span{font:600 12px/1.05 'Rajdhani',sans-serif;color:#dce8eb;overflow-wrap:anywhere}.pc-level-up{font:800 10px 'Chakra Petch',sans-serif;color:#a5f5c6;font-style:normal;letter-spacing:1px}.pc-cosmetic-art{display:grid;place-items:center;font:bold 42px 'Rajdhani',sans-serif;color:#f9d479;background:linear-gradient(135deg,#8d722966,#e7cf8955,#2b475866);clip-path:polygon(50% 0,92% 24%,92% 73%,50% 100%,8% 73%,8% 24%)}.pc-cosmetic-camo{background:repeating-linear-gradient(135deg,#7d8a56 0 9px,#2c503d 9px 18px,#b2a879 18px 25px)}
.phone-chest-reveal[data-phase="burst"] .pc-reward{animation:pc-reward-flight .65s 0ms cubic-bezier(.16,.72,.2,1) both}
.phone-chest-reveal[data-phase="ready"] .pc-reward{opacity:1;transform:none;will-change:auto}
.pc-reveal-footer{position:relative;flex:none;display:flex;align-items:center;justify-content:center;min-height:48px;padding-top:6px;z-index:3}.phone-chest-reveal .pc-reveal-ok{width:160px;min-height:42px;border:1px solid #ffe2a0;border-radius:7px;background:linear-gradient(#ffdc83,#e9ac39);color:#1b1b17;font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:2px;box-shadow:inset 0 1px 0 #fff4ce,0 4px 15px #0006;cursor:pointer}.phone-chest-reveal .pc-reveal-ok:disabled{opacity:.35;cursor:default}.pc-reveal-ok:focus-visible{outline:2px solid #fff3c9;outline-offset:3px}.pc-reveal-board.pc-many-rewards{overflow-y:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(90px,auto);grid-template-rows:100px}.pc-many-rewards .pc-opening-chest{grid-column:2;grid-row:1;height:100px}.pc-many-rewards .pc-reward{grid-column:auto;grid-row:auto}
@keyframes pc-idle-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes pc-crate-shake{
    0%,100%{transform:none}
    10%{transform:translateX(-1px) rotate(-1.2deg)}20%{transform:translateX(1px) rotate(1.6deg)}
    30%{transform:translateX(-2px) rotate(-2deg)}40%{transform:translateX(3px) rotate(2.4deg)}
    50%{transform:translateX(-3px) rotate(-3.2deg)}58%{transform:translateX(4px) rotate(4deg)}
    66%{transform:translateX(-5px) rotate(-4deg)}73%{transform:translateX(5px) rotate(5deg)}
    80%{transform:translateX(-6px) rotate(-5deg)}86%{transform:translateX(6px) rotate(6deg)}
    91%{transform:translateX(-6px) rotate(-6deg)}95%{transform:translateX(4px) rotate(5deg)}
}
@keyframes pc-charge{from{opacity:.18;transform:scale(.55)}to{opacity:1;transform:scale(1.3)}}
@keyframes pc-hinge-open{0%{transform:rotateX(-72deg)}18%{transform:rotateX(10deg)}42%{transform:rotateX(-7deg)}67%{transform:rotateX(4deg)}100%{transform:rotateX(0deg)}}
@keyframes pc-board-recoil{0%,100%{transform:none}28%{transform:translateY(3px)}62%{transform:translateY(-2px)}}
@keyframes pc-chest-flash{0%{opacity:0;transform:scale(.25)}18%{opacity:.88;transform:scale(.9)}100%{opacity:0;transform:scale(1.55)}}
@keyframes pc-chest-wave{0%{opacity:1;transform:scale(.18)}100%{opacity:0;transform:scale(2.3)}}
@keyframes pc-chest-spark{0%{opacity:1;transform:rotate(var(--spark-angle)) translateY(0) scaleY(.7)}100%{opacity:0;transform:rotate(var(--spark-angle)) translateY(calc(-1 * var(--spark-distance))) scaleY(1.4)}}
@keyframes pc-rays-open{0%{opacity:0;transform:rotate(-12deg) scale(.65)}30%{opacity:.95}100%{opacity:.7;transform:rotate(16deg) scale(1)}}
@keyframes pc-interior-light{0%{opacity:0;transform:scaleX(.6)}22%{opacity:1;transform:scaleX(1.16)}100%{opacity:.72;transform:scaleX(1)}}
@keyframes pc-reward-flight{
    0%{opacity:0;transform:translate(var(--reward-from-x,0px),var(--reward-from-y,0px)) scale(.12)}
    12%{opacity:1}
    74%{opacity:1;transform:translate(calc(var(--reward-from-x,0px) * -.055),calc(var(--reward-from-y,0px) * -.055)) scale(1.065)}
    100%{opacity:1;transform:translate(0,0) scale(1)}
}
@media(max-height:420px){.phone-chest-reveal{padding-top:7px!important;padding-bottom:6px!important}.pc-reveal-header{min-height:51px}.pc-reveal-header h2{font-size:26px}.pc-reveal-status{font-size:11px;margin:1px 0}.pc-opening-chest{height:125px;width:140px}.pc-reward-art,.pc-cosmetic-art{height:43px;width:54px}.pc-reward-caption strong{font-size:18px}.pc-reward-caption span{font-size:11px}.pc-reveal-footer{min-height:44px;padding-top:2px}.pc-reward-caption{gap:0}}
@media(max-width:520px) and (min-height:421px){.pc-reveal-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:150px repeat(3,minmax(90px,1fr));gap:8px}.pc-opening-chest{grid-column:1/3;grid-row:1;width:180px;height:145px}.pc-reward[data-slot="1"]{grid-column:1;grid-row:2}.pc-reward[data-slot="2"]{grid-column:2;grid-row:2}.pc-reward[data-slot="3"]{grid-column:1;grid-row:3}.pc-reward[data-slot="4"]{grid-column:2;grid-row:3}.pc-reward[data-slot="5"]{grid-column:1/3;grid-row:4}.pc-reward-art,.pc-cosmetic-art{width:75px;height:65px}.pc-reward-caption strong{font-size:20px}.pc-reward-caption span{font-size:13px}.pc-reveal-header{min-height:72px}.pc-reveal-header h2{font-size:32px}}
.phone-chest-reveal .pc-opening-chest{top:14px}
@media(max-height:390px){.phone-chest-reveal .pc-reward-art,.phone-chest-reveal .pc-cosmetic-art{height:39px}}
@media(prefers-reduced-motion:reduce){
    .phone-ui .pc-catalog-open .dp-chest-img,.phone-chest-reveal *{animation:none!important;transition:none!important}
    .phone-chest-reveal .pc-reward{opacity:1;transform:none}
    .phone-chest-reveal .pc-rays,.phone-chest-reveal .pc-spark,.phone-chest-reveal .pc-flare,.phone-chest-reveal .pc-shockwave{display:none}
    .phone-chest-reveal .pc-lid-hinge{transform:rotateX(0deg)!important}
    .phone-chest-reveal .pc-chest-lid,.phone-chest-reveal .pc-chest-base{transform:none!important}
    .phone-chest-reveal .pc-interior-glow{opacity:.6;transform:scaleX(1)}
}