.bp262{--rift-ink:#111e39;--rift-gold:#efdca9;--rift-mist:#c2b2f5} .bp262 .bp-hero16{background:radial-gradient(ellipse at 84% 35%,#8773c247,transparent 60%),linear-gradient(135deg,#192e42,#24213e);border-color:#a798c758;color:#f0ebfa;position:relative;isolation:isolate} .bp262 .bp-hero16:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background:linear-gradient(120deg,transparent 43%,#b5aff025 43.1%,transparent 43.3%),linear-gradient(75deg,transparent 73%,#eaceab28 73.1%,transparent 73.3%);pointer-events:none} .bp262 .bp-copy16 h2{max-width:450px;font-size:clamp(34px,4.5vw,62px);letter-spacing:-1.5px;text-wrap:balance} .bp262 .bp-kicker16{color:#d3c0fa}.bp262 .bp-purchase16{border-color:#cfb7ef29}.bp262 .bp-purchase16 strong{font-size:17px;color:#fff0bf}.bp262 .bp-chip16{color:#dbd1f3;border-color:#d2b7fa45;background:#b6a6de14} .bp262 progress::-webkit-progress-value{background:linear-gradient(90deg,#998bf0,#b7eded,#f2d196)} .bp262 .bp-display16 canvas{aspect-ratio:52/43!important;width:100%;height:auto!important;max-height:none}.bp262 .bp-display-label16{color:#ddccfb;font-size:12px;letter-spacing:1px;display:block} .bp262 .bp-tier16{grid-template-rows:42px 280px 280px}.bp262 .bp-tier16[hidden]{display:none}.bp262 .bp-tier16>h4{background:#9e84d315;color:var(--text,#e8e1f7)}.bp262 .bp-tier16.unlocked>h4{background:#9b83dd25;border-color:#bca3df66;color:var(--text,#e8e1f7)} .bp262 .bp-reward16{border-color:color-mix(in srgb,var(--reward-color),transparent 56%);background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--reward-color),transparent 89%),transparent 90%),var(--panel,#213341)} .bp262 .bp-reward16.premium{box-shadow:inset 0 1px 0 #f5deae22}.bp262 .bp-reward16.claimed{background:#8ce4b312}.bp262 .bp-reward16 .skin-thumbnail{width:165px!important;height:128px!important;object-fit:contain} .bp-collection262{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 28px} .bp-skin262{position:relative;min-width:0;display:grid;justify-items:center;align-content:start;gap:9px;padding:15px 7px 17px;color:var(--text,#e8e1f7);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--reward-color),transparent 84%),transparent 65%),var(--panel,#203440);border:1px solid color-mix(in srgb,var(--reward-color),transparent 50%);border-radius:20px;overflow:hidden;cursor:pointer} .bp-skin262 .skin-thumbnail{width:100%!important;height:auto!important;aspect-ratio:5/4!important;object-fit:contain;background:transparent!important}.bp-skin262>small{color:var(--reward-color);font-size:9px;letter-spacing:1.5px}.bp-skin262>strong{font-size:13px;text-align:center}.bp-skin262>span{font-size:10px;opacity:.75}.bp-skin262.active{background-color:var(--panel,#203440);color:var(--text,#e8e1f7);outline:2px solid var(--reward-color);outline-offset:2px;box-shadow:0 4px 22px color-mix(in srgb,var(--reward-color),transparent 88%)} .bp-archive262{border:1px solid #9e94b244;border-radius:18px;padding:18px;margin-top:24px;background:var(--panel,#203440)}.bp-archive262 summary{cursor:pointer;font-weight:700}.bp-archive-rewards262{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.bp-archive-reward262{display:grid;justify-items:center;gap:12px;padding:14px;background:#9b9bbe12;border-radius:14px}.bp-archive-reward262 .skin-thumbnail{width:145px;height:112px!important;object-fit:contain}.bp-archive-reward262>small{font-size:11px;opacity:.7} @media(max-width:960px){.bp-collection262{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bp-skin262{padding:12px 5px}.bp262 .bp-display16{max-width:360px}} @media(max-width:560px){.bp-collection262{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 5px 16px}.bp-skin262{flex:0 0 155px;scroll-snap-align:center}.bp262 .bp-hero16{padding:20px}.bp262 .bp-display16{width:100%;max-width:290px;margin:-8px 0 0}.bp262 .bp-copy16 h2{font-size:37px}.bp262 .bp-tier16{flex-basis:186px}.bp262 .bp-section16 .actions{gap:6px}.bp262 .bp-section16 button{min-height:42px}.bp262 .bp-purchase16 button{width:100%;min-height:48px}.bp262 .bp-days16{grid-template-columns:repeat(4,1fr)}}