src/brand/theme.css` * configures `--cr-*` to blend CrateReveal seamlessly into its protocol design. */ .crate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:clamp(.85rem,2.5vh,1.75rem) clamp(.75rem,3vw,1.5rem);overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(1100px 680px at 50% 14%,var(--cr-accent-soft, rgba(245, 196, 88, .16)),transparent 60%),radial-gradient(850px 540px at 18% 88%,rgba(56,189,248,.09),transparent 65%),radial-gradient(850px 540px at 82% 88%,rgba(192,132,252,.09),transparent 65%),var(--cr-backdrop, rgba(4, 6, 13, .88));backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);color:var(--cr-text, #f9f3e3);font-family:var(--cr-font, var(--ws-font, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));animation:crate-overlay-in .36s cubic-bezier(.16,1,.3,1) both}.crate-overlay.is-open{background:radial-gradient(1250px 760px at 50% 22%,var(--cr-accent-glow, rgba(245, 196, 88, .28)),transparent 62%),radial-gradient(900px 580px at 16% 82%,rgba(56,189,248,.14),transparent 65%),radial-gradient(900px 580px at 84% 82%,rgba(192,132,252,.14),transparent 65%),var(--cr-backdrop, rgba(4, 6, 13, .9))}.crate-backdrop-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,var(--cr-border, rgba(255, 220, 145, .12)) 1px,transparent 1px),linear-gradient(to bottom,var(--cr-border, rgba(255, 220, 145, .12)) 1px,transparent 1px);background-size:48px 48px;opacity:.35;mask-image:radial-gradient(ellipse 70% 65% at 50% 45%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 45%,#000 20%,transparent 75%)}.crate-ambient-motes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.crate-mote{position:absolute;border-radius:50%;background:var(--cr-accent, #ffe59e);box-shadow:0 0 12px var(--cr-accent-glow, rgba(255, 214, 120, .85));opacity:.25;animation:crate-mote-float 5.5s ease-in-out infinite}.crate-stage{--spot-x: 50%;--spot-y: 36%;--tilt-x: 0deg;--tilt-y: 0deg;position:relative;width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,1.8vh,1.15rem);padding:clamp(1.15rem,2.8vw,1.85rem);border-radius:var(--cr-radius, 24px);background:radial-gradient(540px circle at var(--spot-x) var(--spot-y),var(--cr-accent-soft, rgba(255, 212, 118, .12)),transparent 65%),linear-gradient(180deg,var(--cr-stage-bg-top, rgba(24, 20, 32, .92)) 0%,var(--cr-stage-bg-bottom, rgba(11, 10, 18, .96)) 100%);border:1px solid var(--cr-border, rgba(255, 214, 126, .24));box-shadow:0 28px 80px #000000ad,0 0 60px var(--cr-accent-soft, rgba(232, 172, 62, .12)),inset 0 1px #ffffff29;text-align:center;overflow:hidden}.crate-stage.is-open{border-color:var(--cr-border-strong, rgba(255, 222, 140, .42));box-shadow:0 32px 90px #000000bd,0 0 85px var(--cr-accent-soft, rgba(245, 186, 72, .18)),inset 0 1px #ffffff3d}.crate-corner{position:absolute;width:16px;height:16px;pointer-events:none;border-color:var(--cr-accent-glow, rgba(255, 214, 120, .48));border-style:solid;border-width:0}.crate-corner--tl{top:10px;left:10px;border-top-width:1.5px;border-left-width:1.5px;border-top-left-radius:6px}.crate-corner--tr{top:10px;right:10px;border-top-width:1.5px;border-right-width:1.5px;border-top-right-radius:6px}.crate-corner--bl{bottom:10px;left:10px;border-bottom-width:1.5px;border-left-width:1.5px;border-bottom-left-radius:6px}.crate-corner--br{bottom:10px;right:10px;border-bottom-width:1.5px;border-right-width:1.5px;border-bottom-right-radius:6px}.crate-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.crate-status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .72rem;border-radius:var(--cr-btn-radius, 999px);background:var(--cr-accent-soft, rgba(245, 186, 72, .12));border:1px solid var(--cr-accent-glow, rgba(255, 214, 120, .32));box-shadow:inset 0 1px #ffffff1f}.crate-status-dot{width:7px;height:7px;border-radius:50%;background:var(--cr-accent, #fbbf24);box-shadow:0 0 10px var(--cr-accent, #fbbf24);animation:crate-dot-pulse 1.8s ease-in-out infinite}.crate-stage.is-open .crate-status-dot{background:var(--cr-success, var(--ws-success, #34d399));box-shadow:0 0 10px var(--cr-success, var(--ws-success, #34d399))}.crate-kicker{margin:0;letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;font-weight:800;color:var(--cr-kicker, var(--cr-accent, #f6c965))}.crate-meta-tag{display:inline-flex;align-items:center;padding:.3rem .68rem;border-radius:var(--cr-btn-radius, 999px);background:var(--cr-surface, rgba(255, 255, 255, .04));border:1px solid var(--cr-border, rgba(255, 255, 255, .1))}.crate-meta-tag-label{font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cr-muted, rgba(249, 243, 227, .66))}.crate-stage.is-open .crate-meta-tag{background:#34d3991f;border-color:#34d39957}.crate-stage.is-open .crate-meta-tag-label{color:var(--cr-success, var(--ws-success, #34d399))}.crate-header{display:flex;flex-direction:column;align-items:center;gap:.45rem;max-width:32rem}.crate-title{margin:0;font-size:clamp(1.65rem,4.2vw,2.35rem);font-weight:820;letter-spacing:-.035em;line-height:1.08;background:linear-gradient(180deg,var(--cr-title-top, #ffffff) 0%,var(--cr-title-mid, #fff2cc) 48%,var(--cr-title-bottom, var(--cr-accent, #ebb44c)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 30px var(--cr-accent-soft, rgba(235, 180, 76, .22))}.crate-sub{margin:0;max-width:30rem;color:var(--cr-muted, rgba(249, 243, 227, .72));font-size:clamp(.86rem,2vw,.96rem);line-height:1.48}.crate-chest-wrap{position:relative;width:min(320px,78vw);height:min(215px,52vw);margin:.1rem 0 .25rem;border:0;padding:0;background:none;cursor:pointer;perspective:1000px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.crate-chest-wrap:focus-visible{outline:2px solid var(--cr-accent, #ffe08a);outline-offset:6px;border-radius:1rem}.crate-glow{position:absolute;top:10%;right:6%;bottom:4%;left:6%;border-radius:50%;background:radial-gradient(circle,var(--cr-accent-glow, rgba(255, 198, 78, .56)) 0%,var(--cr-accent-soft, rgba(232, 130, 24, .22)) 48%,transparent 72%);filter:blur(22px);animation:crate-pulse 2.6s ease-in-out infinite;transition:transform .5s ease,opacity .5s ease}.crate-chest-wrap:hover .crate-glow{transform:scale(1.08);opacity:.95}.crate-chest-wrap.is-open .crate-glow{background:radial-gradient(circle,var(--cr-accent-glow, rgba(255, 232, 152, .78)) 0%,rgba(56,189,248,.24) 45%,rgba(192,132,252,.2) 65%,transparent 78%);transform:scale(1.18)}.crate-shockwave{position:absolute;left:50%;top:52%;width:24px;height:24px;border-radius:50%;border:2px solid var(--cr-accent, rgba(255, 230, 148, .85));box-shadow:0 0 24px var(--cr-accent-glow, rgba(255, 212, 108, .65));transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none}.crate-chest-wrap.is-unlocking .crate-shockwave,.crate-chest-wrap.is-open .crate-shockwave{animation:crate-shockwave-out .92s cubic-bezier(.16,1,.3,1) forwards}.crate-chest{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .18s ease-out;animation:crate-bob 3.2s ease-in-out infinite}.crate-chest-wrap.is-unlocking .crate-chest{animation:crate-unlock-shake .34s cubic-bezier(.36,.07,.19,.97) both}.crate-chest-wrap.is-open .crate-chest{animation:crate-open-float 4.2s ease-in-out infinite}.crate-chest-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 24px rgba(0,0,0,.52))}.crate-godrays{opacity:0;transform-origin:180px 136px;transform:scale(.55);transition:opacity .52s ease,transform .68s cubic-bezier(.16,1,.3,1)}.crate-chest-wrap.is-unlocking .crate-godrays{opacity:.45;transform:scale(.82)}.crate-chest-wrap.is-open .crate-godrays{opacity:1;transform:scale(1)}.crate-interior{opacity:0;transform-origin:180px 136px;transform:translateY(10px) scale(.92);transition:opacity .42s ease 80ms,transform .56s cubic-bezier(.16,1,.3,1) 80ms}.crate-chest-wrap.is-open .crate-interior{opacity:1;transform:translateY(0) scale(1)}.crate-interior-orbs{transform-origin:180px 115px;transition:transform .68s cubic-bezier(.18,1.15,.32,1) .14s;transform:translateY(18px) scale(.7)}.crate-chest-wrap.is-open .crate-interior-orbs{transform:translateY(-6px) scale(1)}.crate-seam{opacity:.38;transition:opacity .28s ease,filter .28s ease}.crate-chest-wrap:hover .crate-seam,.crate-chest-wrap.is-unlocking .crate-seam,.crate-chest-wrap.is-open .crate-seam{opacity:1;filter:drop-shadow(0 0 10px var(--cr-accent-glow, rgba(255, 224, 138, .9)))}.crate-lid{transform-origin:180px 128px;transform-box:fill-box;transition:transform .74s cubic-bezier(.18,.92,.22,1.14),opacity .42s ease}.crate-chest-wrap:hover:not(.is-open):not(.is-unlocking) .crate-lid{transform:translateY(-2.5px) rotateX(-8deg)}.crate-chest-wrap.is-unlocking .crate-lid{transform:translateY(-4px) rotateX(-18deg)}.crate-chest-wrap.is-open .crate-lid{transform:translateY(-22px) rotateX(68deg) scaleY(.62) scaleX(.95);opacity:.92}.crate-lock{transform-origin:180px 132px;transition:transform .52s cubic-bezier(.2,.9,.25,1),opacity .42s ease}.crate-lock-bolt{transition:transform .32s cubic-bezier(.2,.9,.2,1)}.crate-chest-wrap.is-unlocking .crate-lock-bolt--left,.crate-chest-wrap.is-open .crate-lock-bolt--left{transform:translate(-14px)}.crate-chest-wrap.is-unlocking .crate-lock-bolt--right,.crate-chest-wrap.is-open .crate-lock-bolt--right{transform:translate(14px)}.crate-chest-wrap.is-open .crate-lock{transform:translateY(14px) scale(.86)}.crate-lock-gem{filter:drop-shadow(0 0 8px var(--cr-accent-glow, rgba(255, 214, 102, .75)))}.crate-sparks-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crate-spark{position:absolute;background:var(--spark-color, var(--cr-accent, #ffe08a));box-shadow:0 0 12px var(--spark-color, var(--cr-accent, #ffd36a));opacity:0;pointer-events:none}.crate-spark--orb{border-radius:50%}.crate-spark--diamond{border-radius:2px;transform:rotate(45deg)}.crate-spark--shard{border-radius:999px;width:12px!important;height:4px!important}.crate-chest-wrap.is-unlocking .crate-spark,.crate-chest-wrap.is-open .crate-spark{animation:crate-spark 1.05s cubic-bezier(.16,1,.3,1) forwards}.crate-hint{position:absolute;left:50%;bottom:-.25rem;transform:translate(-50%);display:inline-flex;align-items:center;gap:.42rem;padding:.32rem .85rem;border-radius:var(--cr-btn-radius, 999px);background:var(--cr-hint-bg, rgba(14, 12, 22, .92));border:1px solid var(--cr-accent-glow, rgba(255, 214, 120, .36));box-shadow:0 8px 20px #00000061;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--cr-hint-text, var(--cr-accent, #ffe49c));white-space:nowrap;transition:transform .22s ease,border-color .22s ease,color .22s ease}.crate-chest-wrap:hover .crate-hint{transform:translate(-50%) translateY(-2px);border-color:var(--cr-accent, rgba(255, 224, 138, .68))}.crate-hint-pulse{width:6px;height:6px;border-radius:50%;background:var(--cr-accent, #ffd36a);box-shadow:0 0 8px var(--cr-accent, #ffd36a);animation:crate-dot-pulse 1.5s ease-in-out infinite}.crate-hint--opened{background:var(--cr-hint-bg, rgba(14, 12, 22, .94));border-color:var(--cr-border-strong, rgba(255, 222, 140, .34));box-shadow:0 8px 20px #00000073;color:var(--cr-hint-text, var(--cr-text, rgba(249, 243, 227, .85)));font-size:.66rem}.crate-summary-bar{width:100%;display:flex;flex-direction:column;gap:.48rem;padding:.72rem .95rem;border-radius:var(--cr-card-radius, 16px);background:var(--cr-surface, rgba(255, 255, 255, .035));border:1px solid var(--cr-border, rgba(255, 214, 120, .18));transition:border-color .4s ease,background .4s ease}.crate-summary-bar.is-open{background:linear-gradient(90deg,var(--cr-accent-soft, rgba(255, 214, 120, .09)),var(--cr-surface, rgba(255, 255, 255, .04)));border-color:var(--cr-border-strong, rgba(255, 214, 120, .34))}.crate-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.crate-total{margin:0;display:inline-flex;align-items:baseline;gap:.55rem;font-size:.88rem;color:var(--cr-muted, rgba(249, 243, 227, .76))}.crate-total-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cr-muted, rgba(249, 243, 227, .62))}.crate-total b,.crate-total-value{font-size:1.2rem;font-weight:820;letter-spacing:-.02em;color:var(--cr-value-color, var(--cr-accent, #ffe294));font-variant-numeric:tabular-nums}.crate-summary-badge{padding:.22rem .58rem;border-radius:var(--cr-btn-radius, 999px);font-size:.64rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;color:var(--cr-kicker, var(--cr-accent, #f6c965));background:var(--cr-accent-soft, rgba(246, 201, 101, .12));border:1px solid var(--cr-accent-glow, rgba(246, 201, 101, .28))}.crate-summary-bar.is-open .crate-summary-badge{color:var(--cr-success, var(--ws-success, #34d399));background:#34d3991f;border-color:#34d39952}.crate-share-meter{width:100%;height:5px;display:flex;gap:4px;border-radius:999px;overflow:hidden}.crate-share-segment{height:100%;border-radius:999px;opacity:.42;transition:width .68s cubic-bezier(.16,1,.3,1),opacity .42s ease}.crate-summary-bar.is-open .crate-share-segment{opacity:.95}.crate-rewards{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;opacity:.55;filter:saturate(.65);transform:translateY(4px) scale(.99);pointer-events:none;transition:opacity .42s ease,filter .42s ease,transform .48s cubic-bezier(.16,1,.3,1)}.crate-chest-wrap.is-open~.crate-rewards,.crate-stage.is-open .crate-rewards{opacity:1;filter:saturate(1);transform:none;pointer-events:auto}.crate-reward{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;padding:.9rem .8rem .85rem;border-radius:var(--cr-card-radius, 18px);background:radial-gradient(120% 90% at 50% 0%,var(--token-soft, var(--cr-accent-soft, rgba(255, 224, 138, .14))),transparent 70%),linear-gradient(180deg,var(--cr-surface-2, rgba(255, 255, 255, .075)),var(--cr-surface, rgba(255, 255, 255, .025)));border:1px solid var(--cr-border, rgba(255, 214, 120, .22));box-shadow:0 12px 28px #00000047,inset 0 1px #ffffff1f;text-align:left;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.crate-stage.is-open .crate-reward{animation:crate-card-reveal .62s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--card-index, 0) * 95ms + 80ms)}.crate-reward:hover{transform:translateY(-3px);border-color:var(--token-accent, var(--cr-accent, rgba(255, 224, 138, .55)));box-shadow:0 16px 32px #0006,0 0 24px var(--token-soft, var(--cr-accent-soft, rgba(255, 224, 138, .2))),inset 0 1px #fff3}.crate-reward-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.crate-reward-logo-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.crate-reward-halo{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,var(--token-glow, var(--cr-accent-glow, rgba(255, 214, 120, .35))),transparent 70%);filter:blur(6px);opacity:.85}.crate-reward-logo{position:relative;width:48px;height:48px;border-radius:50%;object-fit:cover;background:#0d0e14;box-shadow:0 0 0 2px #ffffff24,0 6px 14px #00000061}.crate-reward-verified{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;font-weight:900;color:var(--cr-accent, #f6c965);background:var(--cr-stage-bg-bottom, #181422);border:2px solid var(--cr-accent-glow, rgba(246, 201, 101, .45));transition:background .32s ease,color .32s ease,border-color .32s ease}.crate-stage.is-open .crate-reward-verified{color:#06130e;background:var(--cr-success, var(--ws-success, #34d399));border-color:var(--cr-stage-bg-bottom, #13111c)}.crate-reward-share{padding:.18rem .48rem;border-radius:var(--cr-btn-radius, 999px);font-size:.66rem;font-weight:760;color:var(--token-accent, var(--cr-accent, #ffe08a));background:#00000047;border:1px solid var(--cr-border, rgba(255, 255, 255, .1));font-variant-numeric:tabular-nums}.crate-reward-copy{display:flex;flex-direction:column;gap:.28rem;min-width:0}.crate-reward-meta{display:flex;flex-direction:column;gap:.06rem}.crate-reward-name{font-size:.8rem;font-weight:720;color:var(--cr-text, rgba(249, 243, 227, .92));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-reward-tag{font-size:.66rem;color:var(--cr-muted, rgba(249, 243, 227, .52));letter-spacing:.02em}.crate-reward-amount{margin-top:.12rem;font-size:1.08rem;font-weight:820;letter-spacing:-.025em;color:var(--cr-text, #ffffff);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-stage:not(.is-open) .crate-reward-qty,.crate-stage:not(.is-open) .crate-reward-usd{color:var(--cr-muted, rgba(249, 243, 227, .46));opacity:.72;letter-spacing:.08em}.crate-reward-symbol{margin-left:.28rem;font-size:.74rem;font-weight:780;color:var(--cr-symbol-color, var(--token-accent, var(--cr-accent, #e8b44a)))}.crate-reward-footer{margin-top:.18rem;padding-top:.42rem;border-top:1px solid var(--cr-border, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;gap:.35rem}.crate-reward-usd{font-size:.84rem;font-weight:780;color:var(--cr-value-color, var(--cr-accent, #ffe294));font-variant-numeric:tabular-nums}.crate-reward-status{font-size:.62rem;font-weight:680;text-transform:uppercase;letter-spacing:.06em;color:var(--cr-muted, rgba(249, 243, 227, .48));opacity:.82}.crate-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:.1rem}.crate-unseal-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cr-accent-glow, rgba(255, 220, 136, .48));width:min(100%,380px);padding:.88rem 1.35rem;border-radius:var(--cr-btn-radius, 999px);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.96rem;font-weight:780;letter-spacing:.02em;color:var(--cr-unseal-text, var(--cr-text, #ffe9ad));background:radial-gradient(120% 140% at 50% 0%,var(--cr-accent-soft, rgba(255, 214, 120, .24)),transparent 75%),var(--cr-unseal-bg, var(--cr-stage-bg-bottom, rgba(22, 17, 28, .9)));box-shadow:0 12px 28px #0000005c,0 0 24px var(--cr-accent-soft, rgba(245, 186, 72, .18)),inset 0 1px #ffffff2e;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.crate-unseal-cta:hover{transform:translateY(-1.5px);border-color:var(--cr-accent, rgba(255, 230, 158, .8));box-shadow:0 14px 32px #00000075,0 0 32px var(--cr-accent-glow, rgba(245, 186, 72, .3)),inset 0 1px #ffffff47}.crate-unseal-icon{color:var(--cr-accent, #ffd36a);font-size:1rem}.crate-claim{position:relative;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:min(100%,380px);padding:.95rem 1.35rem;border-radius:var(--cr-btn-radius, 999px);display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-size:1.04rem;font-weight:820;letter-spacing:.01em;color:var(--cr-on-accent, #231402);background:linear-gradient(180deg,var(--cr-cta-bg-top, #fff0b8) 0%,var(--cr-cta-bg-mid, #f5be4f) 50%,var(--cr-cta-bg-bottom, #d88f1c) 100%);box-shadow:0 14px 32px var(--cr-accent-glow, rgba(224, 162, 48, .42)),0 0 0 1px var(--cr-accent-glow, rgba(255, 244, 204, .55)),inset 0 1.5px #ffffff8c;cursor:pointer;opacity:.32;pointer-events:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,opacity .32s ease}.crate-stage:not(.is-open) .crate-claim{display:none}.crate-stage.is-open .crate-claim{opacity:1;pointer-events:auto;animation:crate-cta .52s cubic-bezier(.16,1,.3,1) .18s both}.crate-claim-shimmer{position:absolute;top:0;bottom:0;left:-120%;width:65%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.52) 50%,transparent 80%);transform:skew(-20deg);animation:crate-shimmer 3.4s ease-in-out infinite 1s;pointer-events:none}.crate-claim-label{position:relative;z-index:1}.crate-claim-pill{position:relative;z-index:1;padding:.22rem .62rem;border-radius:var(--cr-btn-radius, 999px);font-size:.84rem;font-weight:820;color:var(--cr-cta-pill-text, #ffe89e);background:var(--cr-cta-pill-bg, rgba(32, 18, 3, .84));font-variant-numeric:tabular-nums}.crate-claim:hover{filter:brightness(1.05);transform:translateY(-1.5px);box-shadow:0 18px 38px var(--cr-accent-glow, rgba(235, 174, 58, .52)),0 0 0 1px var(--cr-accent, rgba(255, 248, 220, .72)),inset 0 1.5px #ffffffb8}.crate-claim:active{transform:translateY(1px)}.crate-footnote{margin:0;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.42rem;font-size:.73rem;color:var(--cr-muted, rgba(249, 243, 227, .54));opacity:.85}.crate-footnote-dot{width:5px;height:5px;border-radius:50%;background:var(--cr-success, var(--ws-success, #34d399));box-shadow:0 0 6px var(--cr-success, var(--ws-success, #34d399))}.crate-overlay.is-light .crate-stage{box-shadow:0 24px 70px #0f111538,0 0 0 1px var(--cr-border, #d3d7de),inset 0 1px #ffffffe6}.crate-overlay.is-light .crate-chest-svg{filter:drop-shadow(0 16px 20px rgba(15,17,21,.24))}.crate-overlay.is-light .crate-reward{box-shadow:0 6px 18px #0f11150f,inset 0 1px #fffc}.crate-overlay.is-light .crate-reward-share{background:#0f11150f;color:var(--cr-text, #0f1115)}.crate-overlay.is-light .crate-reward-symbol{color:var(--cr-symbol-color, var(--cr-text, #0f1115))}@keyframes crate-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes crate-bob{0%,to{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0)}50%{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-7px)}}@keyframes crate-open-float{0%,to{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0)}50%{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-4px)}}@keyframes crate-unlock-shake{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-5px,2px) rotate(-2.2deg) scale(.97)}40%{transform:translate(6px,-2px) rotate(2.4deg) scale(.98)}60%{transform:translate(-4px,-3px) rotate(-1.8deg) scale(1.02)}80%{transform:translate(4px,2px) rotate(1.4deg) scale(1.04)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes crate-pulse{0%,to{opacity:.58;transform:scale(.98)}50%{opacity:.96;transform:scale(1.07)}}@keyframes crate-dot-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.18)}}@keyframes crate-shockwave-out{0%{opacity:.95;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(12.5)}}@keyframes crate-spark{0%{opacity:0;transform:translate(0) scale(.3) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15) rotate(160deg)}}@keyframes crate-card-reveal{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}@keyframes crate-cta{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}@keyframes crate-shimmer{0%{left:-120%}45%,to{left:160%}}@keyframes crate-mote-float{0%,to{transform:translateY(0) scale(.9);opacity:.18}50%{transform:translateY(-18px) scale(1.2);opacity:.52}}@media(max-height:780px)and (min-width:641px){.crate-stage{gap:.6rem;padding:1rem 1.35rem}.crate-chest-wrap{width:min(260px,60vw);height:min(172px,40vw);margin:0}.crate-reward{padding:.7rem .7rem .65rem;gap:.45rem}.crate-reward-logo-wrap,.crate-reward-logo{width:40px;height:40px}}@media(max-width:640px){.crate-overlay{align-items:center;padding:.65rem .65rem max(.75rem,env(safe-area-inset-bottom))}.crate-stage{width:100%;gap:.62rem;padding:.95rem .9rem 1rem;border-radius:var(--cr-radius, 1.35rem)}.crate-kicker{font-size:.6rem;letter-spacing:.16em}.crate-meta-tag-label{font-size:.56rem;letter-spacing:.12em}.crate-title{font-size:clamp(1.38rem,6vw,1.7rem)}.crate-sub{font-size:.8rem;line-height:1.38}.crate-chest-wrap{width:min(224px,64vw);height:min(148px,42vw);margin:.05rem 0 .1rem}.crate-hint{font-size:.62rem;padding:.24rem .68rem;bottom:-.15rem}.crate-summary-bar{padding:.52rem .72rem;gap:.34rem}.crate-total-label{font-size:.68rem;letter-spacing:.08em;white-space:nowrap}.crate-total b,.crate-total-value{font-size:1.04rem}.crate-summary-badge{font-size:.58rem;padding:.18rem .48rem;letter-spacing:.08em}.crate-rewards{grid-template-columns:1fr;gap:.5rem}.crate-reward{flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.65rem .78rem;border-radius:var(--cr-card-radius, .95rem)}.crate-reward-top{flex-shrink:0}.crate-reward-share{display:none}.crate-reward-logo-wrap,.crate-reward-logo{width:42px;height:42px}.crate-reward-copy{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta amount" "meta footer";align-items:center;column-gap:.65rem;row-gap:.1rem}.crate-reward-meta{grid-area:meta;text-align:left}.crate-reward-amount{grid-area:amount;margin-top:0;font-size:.98rem;text-align:right}.crate-reward-footer{grid-area:footer;margin-top:0;padding-top:0;border-top:0;justify-content:flex-end}.crate-reward-status{display:none}.crate-unseal-cta,.crate-claim{width:100%;padding:.85rem 1.1rem;font-size:.96rem}.crate-footnote{font-size:.67rem}}@media(max-width:380px){.crate-stage{padding:.85rem .75rem;gap:.55rem}.crate-chest-wrap{width:min(200px,62vw);height:min(136px,42vw)}.crate-summary-badge{display:none}}@media(prefers-reduced-motion:reduce){.crate-overlay,.crate-chest,.crate-glow,.crate-status-dot,.crate-hint-pulse,.crate-mote,.crate-reward,.crate-claim,.crate-claim-shimmer,.crate-lid,.crate-rewards,.crate-godrays,.crate-interior,.crate-interior-orbs{animation:none!important;transition:none!important}.crate-chest-wrap.is-open .crate-lid{transform:translateY(-22px) rotateX(68deg) scaleY(.62) scaleX(.95)}.crate-stage.is-open .crate-rewards,.crate-stage.is-open .crate-claim{opacity:1;transform:none;pointer-events:auto}}.walletStatusOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--ws-backdrop, rgba(7, 7, 11, .62));-webkit-backdrop-filter:blur(var(--ws-backdrop-blur, 12px)) saturate(120%);backdrop-filter:blur(var(--ws-backdrop-blur, 12px)) saturate(120%);animation:walletStatusFadeIn .18s ease-out;font-family:var(--ws-font, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif)}.walletStatus{position:relative;width:min(400px,100%);padding:36px 28px 30px;background:var(--ws-surface, #14141c);border-radius:var(--ws-radius, 28px);box-shadow:0 0 0 1px var(--ws-border, rgba(255, 255, 255, .05)),var(--ws-shadow, 0 24px 80px rgba(0, 0, 0, .55), 0 8px 24px rgba(0, 0, 0, .35) );color:var(--ws-text, #f0f0f4);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:walletStatusPopIn .22s cubic-bezier(.16,1,.3,1)}.walletStatus--success{--ws-kind-color: var(--ws-success, #7be38a);--ws-kind-bg: var(--ws-success-bg, rgba(96, 224, 130, .1));--ws-kind-ring: var(--ws-success-ring, rgba(96, 224, 130, .32))}.walletStatus--error{--ws-kind-color: var(--ws-error, #ff8a7c);--ws-kind-bg: var(--ws-error-bg, rgba(255, 90, 80, .1));--ws-kind-ring: var(--ws-error-ring, rgba(255, 90, 80, .32))}.walletStatus--info{--ws-kind-color: var(--ws-accent, #7c5cff);--ws-kind-bg: var(--ws-accent-bg, rgba(124, 92, 255, .1));--ws-kind-ring: var(--ws-accent-ring, rgba(124, 92, 255, .28))}.walletStatusMedallion{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ws-kind-bg);color:var(--ws-kind-color);box-shadow:inset 0 0 0 1px var(--ws-kind-ring),0 8px 24px var(--ws-kind-bg)}.walletStatusClaim{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.walletStatusClaimEyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-muted, #9296a3)}.walletStatusClaimHero{display:inline-flex;align-items:center;gap:14px;font-size:clamp(28px,8vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ws-text, #f0f0f4);font-variant-numeric:tabular-nums}.walletStatusClaimLogo{width:36px;height:36px;border-radius:50%;background:var(--ws-logo-bg, #1c1c26);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--ws-border, rgba(255, 255, 255, .06));flex-shrink:0}.walletStatusClaimLogo img{width:100%;height:100%;object-fit:contain;padding:4px}.walletStatusClaimInitial{font-size:16px;font-weight:700;color:var(--ws-text, #f0f0f4)}.walletStatusClaimSymbol{color:var(--ws-accent, #7c5cff)}.walletStatusProgress{display:inline-flex;align-items:center;gap:6px;margin-top:2px}.walletStatusProgress span{width:6px;height:6px;border-radius:50%;background:var(--ws-accent, #7c5cff);opacity:.35;animation:walletStatusDot 1.4s ease-in-out infinite}.walletStatusProgress span:nth-child(2){animation-delay:.18s}.walletStatusProgress span:nth-child(3){animation-delay:.36s}.walletStatusBody{width:100%;display:flex;flex-direction:column;gap:6px}.walletStatusTitle{margin:0;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ws-text, #f0f0f4);overflow-wrap:anywhere}.walletStatusDetail{margin:0;font-size:14px;line-height:1.5;color:var(--ws-muted, #9296a3);overflow-wrap:anywhere}.walletStatusDismiss{position:absolute;top:14px;right:14px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--ws-surface-2, rgba(255, 255, 255, .04));color:var(--ws-muted, #9296a3);cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.walletStatusDismiss:hover{background:var(--ws-border, rgba(255, 255, 255, .12));color:var(--ws-text, #f0f0f4)}.walletStatusDismiss:active{transform:scale(.94)}.walletStatus .spin{animation:walletStatusSpin .9s linear infinite;color:var(--ws-kind-color)}@keyframes walletStatusFadeIn{0%{opacity:0}to{opacity:1}}@keyframes walletStatusPopIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes walletStatusSpin{to{transform:rotate(360deg)}}@keyframes walletStatusDot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(max-width:520px){.walletStatus{padding:30px 22px 24px;border-radius:calc(var(--ws-radius, 28px) - 4px);gap:14px}.walletStatusMedallion{width:64px;height:64px}.walletStatusClaimHero{font-size:clamp(24px,7.5vw,32px)}.walletStatusClaimLogo{width:32px;height:32px}.walletStatusTitle{font-size:17px}}:root{--ws-surface: #1e1e28;--ws-surface-2: #242431;--ws-text: #f4f4f8;--ws-muted: #8d8d9c;--ws-border: #242431;--ws-accent: #aa87fa;--ws-accent-bg: rgba(170, 135, 250, .14);--ws-accent-ring: rgba(170, 135, 250, .4);--ws-success: #22c55e;--ws-success-bg: #052e16;--ws-success-ring: rgba(34, 197, 94, .35);--ws-error: #ef4444;--ws-error-bg: #450a0a;--ws-error-ring: rgba(239, 68, 68, .35);--ws-radius: 16px;--ws-backdrop: rgba(11, 11, 17, .72);--ws-backdrop-blur: 12px;--ws-logo-bg: #171721;--ws-font: "Oracle Sans", "Segoe UI", sans-serif;--cr-mode: dark;--cr-backdrop: rgba(11, 11, 17, .88);--cr-stage-bg-top: #1e1e28;--cr-stage-bg-bottom: #14141c;--cr-surface: rgba(36, 36, 49, .72);--cr-surface-2: rgba(170, 135, 250, .09);--cr-text: #f4f4f8;--cr-muted: #8d8d9c;--cr-border: #2a2a3a;--cr-border-strong: rgba(170, 135, 250, .48);--cr-accent: #aa87fa;--cr-accent-soft: rgba(170, 135, 250, .15);--cr-accent-glow: rgba(170, 135, 250, .42);--cr-on-accent: #14111f;--cr-cta-bg-top: #d6c4ff;--cr-cta-bg-mid: #aa87fa;--cr-cta-bg-bottom: #8358e8;--cr-cta-pill-bg: #171721;--cr-cta-pill-text: #cbb2ff;--cr-title-top: #ffffff;--cr-title-mid: #e6dbff;--cr-title-bottom: #aa87fa;--cr-radius: 16px;--cr-card-radius: 14px;--cr-btn-radius: 12px;--cr-chest-hull-top: #2c283e;--cr-chest-hull-mid: #1c1929;--cr-chest-hull-bottom: #100e18;--cr-chest-panel-top: #3c2e5c;--cr-chest-panel-mid: #241b3b;--cr-chest-panel-bottom: #130e21;--cr-chest-trim-light: #efe6ff;--cr-chest-trim-main: #aa87fa;--cr-chest-trim-dark: #754fd1;--cr-chest-trim-deep: #3e2478;--cr-chest-core-glow: #aa87fa;--cr-chest-core-secondary: #6366f1}@font-face{font-family:Oracle Sans;src:url(/fonts/oracle-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oracle Sans;src:url(/fonts/oracle-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: oklch(15.27% .0091 278.73);--ink: oklch(98.28% 0 0);--muted: oklch(57.97% .0159 272.09);--card: oklch(20.95% .0147 279.44);--line: #242431;--violet: #aa87fa;--sans: "Oracle Sans", "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.wrap{width:min(40rem,calc(100% - 2rem));margin-inline:auto}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;height:5.5rem;padding:0 1rem}.topbar-inner{width:min(56rem,100%);margin-inline:auto}.pill{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.5rem;padding:0 .75rem 0 1rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:#171721;color:#fff}.pill:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5.5rem;background:linear-gradient(90deg,#aa87fa 0%,#345aad 42%,transparent 100%);pointer-events:none}.wordmark{position:relative;z-index:1;display:flex;align-items:center}.wordmark img{height:1.75rem;width:auto}.sign-in{position:relative;z-index:1;flex:none;height:2rem;padding:0 .8rem;border-radius:.55rem;border:1px solid #3a3a48;background:#242431;color:var(--ink);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.sign-in:hover{background:#2c2c3a}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(max(100vw,2560px)*.1875);margin-top:-1.5rem}.hero-nodes{position:absolute;left:50%;top:0;width:max(100vw,2560px);height:calc(max(100vw,2560px)*.1875);transform:translate(-50%);pointer-events:none;z-index:0}.hero-nodes svg{width:100%!important;height:100%!important;display:block}.hero-copy{position:relative;z-index:1;text-align:center;padding:7.5rem 0 2rem}.kicker{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero h1{display:inline-block;margin:.4rem 0 0;padding-bottom:.12em;font-size:clamp(3rem,7vw,4.4rem);font-weight:500;letter-spacing:-.045em;line-height:1.15;background:linear-gradient(270deg,#345aad 25%,#aa87fa 60%,#bed7f5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p:last-child{margin:1rem auto 0;max-width:28rem;color:var(--muted);font-size:1.05rem;line-height:1.5}.claim-wrap{position:relative;z-index:1;width:min(28rem,calc(100% - 2rem));margin:.25rem auto 0}.claim{border-radius:1rem;padding:1.2rem 1.25rem 1.25rem;background:var(--card);border:1px solid var(--line)}.claim-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.eyebrow{margin:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;height:1.6rem;padding:0 .5rem 0 .3rem;border-radius:999px;background:#936cef33;color:#c4b2ff;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em}.badge img{width:1rem;height:1rem;border-radius:99px}.sheet-amount{margin:.7rem 0 .85rem}.sheet-amount strong{font-size:clamp(2.8rem,6vw,3.4rem);font-weight:500;letter-spacing:-.04em;line-height:1}.redacted{display:flex;align-items:center;gap:.45rem;min-height:3.2rem}.redacted i{display:block;height:.7rem;border-radius:999px;background:linear-gradient(90deg,#3a2a55,#2a3350)}.redacted i:nth-child(1){width:2.4rem}.redacted i:nth-child(2){width:3.4rem}.redacted i:nth-child(3){width:1.6rem}.sheet-copy{margin:0 0 .95rem;color:var(--muted);line-height:1.45}.sheet-action{width:100%;height:2.75rem;border:0;border-radius:.7rem;background:#f9f9fb;color:#171721;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.sheet-action:hover:not(:disabled){transform:translateY(-1px)}.sheet-action:disabled{opacity:.65;cursor:progress}.sheet-txs{margin:0 0 .9rem;padding:0;list-style:none}.sheet-txs a{color:#bed7f5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.75rem auto 4rem;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);padding-top:.9rem}.steps span{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--violet)}.steps h2{margin:.4rem 0 0;font-size:1.05rem;font-weight:500}.steps p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.site-footer{border-top:1px solid var(--line);background:var(--bg)}.footer-row{width:min(72rem,calc(100% - 2.5rem));margin-inline:auto;display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;padding:1.35rem 0 1.6rem}.footer-row p,.footer-row a{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none}.footer-row ul{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;list-style:none}.footer-row a:hover{color:var(--ink)}@media(max-width:720px){.hero-copy{padding:5.5rem 0 1.5rem}.steps{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}.footer-row{justify-content:center;text-align:center}}