.apr2024-loot{display:flex;flex:1;flex-direction:column;overflow:clip;overflow-clip-margin:8px;padding-top:6px}.apr2024-grid,.apr2024-loot{gap:16px;min-height:0;width:100%}.apr2024-grid{display:grid;flex:1;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.apr2024-box{align-items:center;background:radial-gradient(120% 95% at 50% 0,color-mix(in srgb,var(--apr-color) 15%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--apr-color) 6%,transparent),transparent 70%),var(--bg-elev-1);border-radius:14px;border:1px solid color-mix(in srgb,var(--apr-color) 26%,var(--line));border-top:3px solid var(--apr-color);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:8px;isolation:isolate;min-height:0;overflow:hidden;padding:14px 24px 16px;position:relative;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.apr2024-box:hover{border-color:color-mix(in srgb,var(--apr-color) 60%,var(--line-strong));box-shadow:0 22px 55px color-mix(in srgb,var(--apr-color) 24%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--apr-color) 18%,transparent);transform:translateY(-4px)}.apr2024-box-glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--apr-color) 30%,transparent),transparent 72%);filter:blur(8px);height:78%;left:50%;opacity:.55;pointer-events:none;position:absolute;top:-18%;transform:translateX(-50%);transition:opacity .2s ease;width:78%;z-index:0}.apr2024-box:hover .apr2024-box-glow{opacity:.9}.apr2024-anim{align-items:center;aspect-ratio:1/1;display:flex;flex:1;justify-content:center;margin:0 auto;max-width:100%;min-height:0;position:relative;width:auto;z-index:1}.apr2024-anim canvas,.apr2024-anim>*{filter:drop-shadow(0 10px 28px color-mix(in srgb,var(--apr-color) 35%,transparent));height:100%!important;max-height:100%;object-fit:contain;width:100%!important}.apr2024-anim-open{inset:0;position:absolute;transform:scale(2.4);transform-origin:center;z-index:2}.apr2024-box.is-opening{overflow:visible;z-index:3}.apr2024-grid.is-opening,.apr2024-loot.is-opening{overflow:visible}.apr2024-anim-idle{object-fit:contain}.apr2024-box-foot{align-items:center;display:flex;flex:none;flex-direction:column;gap:7px;min-width:0;position:relative;z-index:1}.apr2024-box-tier-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:-3px;order:-1;width:100%}.apr2024-box-tier-rule{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--apr-color) 55%,transparent));flex:1;height:1px;max-width:28px}.apr2024-box-tier-rule:last-child{background:linear-gradient(90deg,color-mix(in srgb,var(--apr-color) 55%,transparent),transparent)}.apr2024-box-tier{align-items:center;color:color-mix(in srgb,var(--apr-color) 80%,#fff 20%);display:inline-flex;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.28em;text-indent:.28em;text-shadow:0 0 12px color-mix(in srgb,var(--apr-color) 40%,transparent);text-transform:uppercase;white-space:nowrap}.apr2024-box-name{color:var(--ink-bright);font-family:var(--font-display);font-size:clamp(19px,1.8vw,26px);font-weight:400;letter-spacing:.02em;line-height:1.04;text-transform:uppercase}.apr2024-box-skins{align-items:baseline;border-top:1px solid color-mix(in srgb,var(--apr-color) 22%,var(--line));display:flex;gap:6px;justify-content:center;padding-top:8px;width:100%}.apr2024-box-skins-val{color:color-mix(in srgb,var(--apr-color) 80%,#fff 16%);font-family:var(--font-display);font-size:18px;line-height:1}.apr2024-box-skins-lbl{color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.apr2024-box-cta{align-items:center;background:var(--bg-elev-2);border:1px solid color-mix(in srgb,var(--apr-color) 40%,var(--line-strong));border-radius:8px;color:color-mix(in srgb,var(--apr-color) 88%,#fff 10%);display:inline-flex;font-family:var(--font-card);font-size:12px;font-weight:600;gap:8px;letter-spacing:.06em;padding:7px 18px;position:relative;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.apr2024-box-cta:after{content:"→";font-size:13px;transition:transform .18s ease}.apr2024-box:hover .apr2024-box-cta{background:var(--apr-color);border-color:var(--apr-color);color:#14110b}.apr2024-box:hover .apr2024-box-cta:after{transform:translateX(3px)}@media (width <= 980px){.apr2024-grid{grid-template-columns:1fr}}.apr2024-modal-overlay{align-items:center;animation:apr2024-overlay-in .22s ease both;backdrop-filter:blur(22px);background:radial-gradient(120% 90% at 50% 0,rgba(20,17,11,.55),rgba(0,0,0,.82));display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:1000}@keyframes apr2024-overlay-in{0%{opacity:0}to{opacity:1}}.apr2024-modal{animation:apr2024-modal-in .26s cubic-bezier(.16,1,.3,1) both;background:radial-gradient(140% 80% at 50% -10%,color-mix(in srgb,var(--apr-color) 12%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--apr-color) 5%,transparent),transparent 40%),var(--bg-elev-2);border:1px solid color-mix(in srgb,var(--apr-color) 28%,var(--line-strong));border-radius:18px;box-shadow:0 40px 110px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 color-mix(in srgb,var(--apr-color) 22%,transparent);color:var(--ink);display:flex;flex-direction:column;gap:24px;isolation:isolate;max-height:90vh;overflow:hidden;padding:30px 32px 32px;position:relative;width:min(1280px,100%)}@keyframes apr2024-modal-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.apr2024-modal:before{background:linear-gradient(90deg,transparent,var(--apr-color),transparent);content:"";height:3px;inset:0 0 auto;opacity:.85;position:absolute;z-index:2}.apr2024-modal-glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--apr-color) 26%,transparent),transparent 70%);filter:blur(14px);height:420px;opacity:.65;pointer-events:none;position:absolute;right:-80px;top:-120px;width:420px;z-index:0}.apr2024-modal-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding-bottom:22px;position:relative;z-index:1}.apr2024-modal-head-text{min-width:0}.apr2024-modal-name{background:linear-gradient(100deg,var(--ink-bright) 0,color-mix(in srgb,var(--apr-color) 70%,#fff 20%) 60%,var(--apr-color) 100%);background-clip:text;color:transparent;font-family:var(--font-display);font-size:clamp(30px,3.1vw,42px);font-weight:400;letter-spacing:.04em;line-height:.96;text-transform:uppercase}.apr2024-modal-head-right{align-items:center;display:flex;flex:none;gap:44px}.apr2024-modal-count{align-items:center;background:radial-gradient(120% 130% at 50% -20%,color-mix(in srgb,var(--apr-color) 22%,transparent),transparent 70%),var(--bg-elev-1);border:1px solid color-mix(in srgb,var(--apr-color) 34%,var(--line));border-radius:18px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--apr-color) 28%,transparent),0 8px 22px color-mix(in srgb,var(--apr-color) 16%,transparent);display:flex;flex-direction:column;gap:3px;min-width:124px;overflow:hidden;padding:16px 26px;position:relative}.apr2024-modal-count-val{background:linear-gradient(180deg,color-mix(in srgb,var(--apr-color) 30%,#fff 70%) 0,var(--apr-color) 100%);background-clip:text;color:transparent;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--apr-color) 45%,transparent));font-family:var(--font-display);font-size:50px;font-weight:400;letter-spacing:-.02em;line-height:1}.apr2024-modal-count-lbl{color:var(--ink-mute);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.22em;line-height:1.25;text-align:center;text-transform:uppercase}.apr2024-modal-close{align-self:flex-start;background:var(--bg-elev-1);border:1px solid var(--line);border-radius:12px;color:var(--ink-mute);cursor:pointer;flex:none;font-size:24px;height:40px;line-height:1;transition:color .15s ease,border-color .15s ease,transform .15s ease;width:40px}.apr2024-modal-close:hover{border-color:color-mix(in srgb,var(--apr-color) 55%,var(--line-strong));color:var(--ink-bright);transform:rotate(90deg)}.apr2024-modal-body{display:flex;flex:1;gap:28px;min-height:0;position:relative;z-index:1}.apr2024-stats{background:radial-gradient(120% 60% at 50% 0,color-mix(in srgb,var(--apr-color) 8%,transparent),transparent 60%),var(--bg-elev-1);border:1px solid var(--line);border-radius:14px;display:flex;flex:none;flex-direction:column;justify-content:space-between;padding:26px;width:380px}.apr2024-stats-title{border-bottom:1px solid var(--line);color:var(--ink-bright);font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.22em;margin-bottom:20px;padding-bottom:16px;text-align:center}.apr2024-stats-head,.apr2024-stats-row{align-items:center;display:flex;justify-content:space-between}.apr2024-stats-head{color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.apr2024-stats-rows{display:flex;flex-direction:column;gap:4px}.apr2024-stats-row{border-radius:9px;padding:9px 10px;transition:background .15s ease}.apr2024-stats-row:hover{background:color-mix(in srgb,var(--apr-color) 7%,transparent)}.apr2024-col-quality{text-align:left;width:160px}.apr2024-col-items{text-align:right;width:64px}.apr2024-quality-name{font-family:var(--font-card);font-size:14px;font-weight:600}.apr2024-stats-row .apr2024-col-items{color:var(--ink-bright);font-family:var(--font-mono);font-size:15px;font-weight:600}.apr2024-stats-bottom{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:20px}.apr2024-stats-anim{filter:drop-shadow(0 14px 36px color-mix(in srgb,var(--apr-color) 38%,transparent));height:220px;width:220px}.apr2024-stats-anim canvas,.apr2024-stats-anim>*{height:100%!important;width:100%!important}.apr2024-redeem{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--apr-color) 16%,var(--bg-elev-2)) 0,color-mix(in srgb,var(--apr-color) 6%,var(--bg-elev-2)) 100%);border:1px solid color-mix(in srgb,var(--apr-color) 38%,var(--line));border-radius:14px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--apr-color) 26%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--apr-color) 8%,transparent),0 8px 22px color-mix(in srgb,var(--apr-color) 16%,transparent);color:color-mix(in srgb,var(--apr-color) 60%,var(--ink-bright));cursor:not-allowed;display:flex;font-family:var(--font-card);font-size:14px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.12em;overflow:hidden;padding:17px 22px;position:relative;text-transform:uppercase;width:100%}.apr2024-redeem-shine{animation:apr2024-redeem-shine 3.6s ease-in-out infinite;background:linear-gradient(100deg,transparent 25%,color-mix(in srgb,var(--apr-color) 22%,transparent) 50%,transparent 75%);background-repeat:no-repeat;background-size:220% 100%;inset:0;pointer-events:none;position:absolute}@keyframes apr2024-redeem-shine{0%{background-position:160% 0}60%,to{background-position:-60% 0}}.apr2024-redeem-label,.apr2024-redeem-soon{position:relative;z-index:1}.apr2024-redeem-soon{background:linear-gradient(135deg,color-mix(in srgb,var(--apr-color) 82%,#fff 18%) 0,var(--apr-color) 100%);border-radius:999px;box-shadow:0 4px 12px color-mix(in srgb,var(--apr-color) 38%,transparent);color:#14110b;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}@media (prefers-reduced-motion:reduce){.apr2024-redeem-shine{animation:none}}.apr2024-skin-grid{align-content:start;display:grid;flex:1;gap:16px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding-right:8px}.apr2024-skin{background:radial-gradient(120% 70% at 50% 0,color-mix(in srgb,var(--skin-color) 10%,transparent),transparent 62%),var(--bg-elev-2);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:4px;isolation:isolate;overflow:hidden;padding:16px 16px 14px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.apr2024-skin:hover{border-color:color-mix(in srgb,var(--skin-color) 55%,var(--line-strong));box-shadow:0 16px 34px color-mix(in srgb,var(--skin-color) 22%,transparent);transform:translateY(-3px)}.apr2024-skin-stripe{background:var(--skin-color);box-shadow:0 0 14px color-mix(in srgb,var(--skin-color) 70%,transparent);height:100%;left:0;position:absolute;top:0;width:3px}.apr2024-skin-bloom{background:radial-gradient(closest-side,color-mix(in srgb,var(--skin-color) 28%,transparent),transparent 72%);filter:blur(8px);height:70%;left:50%;opacity:0;pointer-events:none;position:absolute;top:-30%;transform:translateX(-50%);transition:opacity .18s ease;width:80%;z-index:-1}.apr2024-skin:hover .apr2024-skin-bloom{opacity:.9}.apr2024-skin-top{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:20px}.apr2024-skin-pct{color:var(--ink-mute);flex:none;font-size:12px;letter-spacing:.04em}.apr2024-skin-pct,.apr2024-skin-rarity{font-family:var(--font-mono);font-weight:600}.apr2024-skin-rarity{background:color-mix(in srgb,var(--skin-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--skin-color) 40%,transparent);border-radius:999px;color:color-mix(in srgb,var(--skin-color) 80%,#fff 24%);flex:0 1 auto;font-size:9px;letter-spacing:.08em;max-width:100%;min-width:0;overflow:hidden;padding:2px 9px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.apr2024-skin-img{align-items:center;display:flex;height:96px;justify-content:center;margin:10px 0 12px}.apr2024-skin-img img{filter:drop-shadow(0 8px 18px rgb(0 0 0/45%));max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.apr2024-skin:hover .apr2024-skin-img img{transform:scale(1.06)}.apr2024-skin-weapon{color:var(--ink-bright);font-family:var(--font-card);font-size:15px;font-weight:600}.apr2024-skin-model{color:var(--ink-mute);font-family:var(--font-ui);font-size:13px}@media (width <= 1100px){.apr2024-skin-grid{grid-template-columns:repeat(3,1fr)}}@media (width <= 860px){.apr2024-modal-body{flex-direction:column}.apr2024-stats{width:100%}.apr2024-skin-grid{grid-template-columns:repeat(2,1fr)}}