.treasure-reveal{--treasure-accent:#b4a1da;text-align:center;width:100%;min-width:0;max-width:360px;margin:auto}.treasure-tone-empty{--treasure-accent:#aaa7bd}.treasure-tone-common{--treasure-accent:#b1c5b9}.treasure-tone-rare{--treasure-accent:#87c7f0}.treasure-tone-epic{--treasure-accent:#c8a8ed}.treasure-tone-legendary{--treasure-accent:#f0ce7b}.treasure-scene{isolation:isolate;aspect-ratio:1.12;border:1px solid color-mix(in srgb,var(--treasure-accent) 25%,transparent);background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--treasure-accent) 10%,transparent),transparent 65%),linear-gradient(150deg,#1d2841,#101d30);border-radius:24px;position:relative;overflow:hidden}.treasure-scene-label{z-index:2;letter-spacing:.14em;color:#b3b4c7;font-size:.75rem;position:absolute;top:15px;left:0;right:0}.treasure-sprite-area{z-index:1;place-items:center;display:grid;position:absolute;inset:22px 12px 4px}.treasure-sprite{aspect-ratio:1;transform-origin:50% 83%;background-repeat:no-repeat;background-size:200% 200%;width:100%;max-width:296px}.treasure-sheet-dig{background-image:url(/treasure-dig-v1.webp)}.treasure-sheet-miss{background-image:url(/treasure-miss-v1.webp)}.treasure-sheet-win{background-image:url(/treasure-win-v1.webp)}.treasure-frame-0{background-position:0 0}.treasure-frame-1{background-position:100% 0}.treasure-frame-2{background-position:0 100%}.treasure-frame-3{background-position:100% 100%}.treasure-sheet-miss-extra{--miss-x:0%;background-image:url(/treasure-miss-extra-v1.webp);background-size:300% 200%;background-position:var(--miss-x) 0;clip-path:inset(0 3%)}.treasure-sheet-miss-extra.treasure-frame-1{--miss-x:50%}.treasure-sheet-miss-extra.treasure-frame-2{--miss-x:100%}.treasure-halo{z-index:0;opacity:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--treasure-accent) 24%,transparent),transparent 68%);pointer-events:none;border-radius:50%;position:absolute;inset:25% 8% 0}.treasure-caption{overflow-wrap:anywhere;min-height:102px;padding:15px 6px 0}.treasure-caption h3{color:var(--treasure-accent);margin:0;font-size:1.1rem;line-height:1.5}.treasure-caption p{color:#afbbc9;margin:6px 0 0;font-size:.875rem;line-height:1.7}.treasure-caption small{color:#94a5b9;margin-top:8px;font-size:.75rem;line-height:1.6;display:block}.treasure-prize-name{color:#f2eee5;margin-top:6px;font-size:1.3rem;line-height:1.5;display:block}.treasure-caption .treasure-prize-description{white-space:pre-wrap}.treasure-skip{color:#b4bfd0;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;margin-top:2px;padding:8px 14px;font-size:.875rem;display:inline-flex}.treasure-skip:hover{color:#e2e7f0;background:#ffffff08}.treasure-skip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.treasure-motes{pointer-events:none;z-index:0;position:absolute;inset:0}.treasure-motes i{background:var(--treasure-accent);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;top:70%;left:25%}.treasure-motes i:nth-child(2){top:44%;left:35%;animation-delay:.15s!important}.treasure-motes i:nth-child(3){top:53%;left:69%;animation-delay:.28s!important}.treasure-motes i:nth-child(4){top:68%;left:75%;animation-delay:.42s!important}.treasure-motes i:nth-child(5){top:37%;left:20%;animation-delay:.55s!important}.treasure-motes i:nth-child(6){top:29%;left:80%;animation-delay:.7s!important}[data-state=digging] .treasure-sprite{animation:1.05s step-end infinite treasure-dig}[data-state=peek] .treasure-sprite{animation:1.5s ease-in-out both treasure-peek}[data-state=pebble] .treasure-sprite{animation:1.3s ease-in-out both treasure-pebble}[data-state=worm] .treasure-sprite{animation:1.5s ease-in-out both treasure-worm}[data-state=boot] .treasure-sprite{animation:1.6s step-end both treasure-extra-frames,1.6s ease-in-out both treasure-boot}[data-state=root] .treasure-sprite{animation:1.6s step-end both treasure-extra-frames,1.6s ease-in-out both treasure-root}[data-state=sneeze] .treasure-sprite{animation:1.6s step-end both treasure-extra-frames,1.6s ease-in-out both treasure-sneeze}[data-state=common] .treasure-sprite{animation:.7s ease-out both treasure-emerge}[data-state=rare] .treasure-sprite{animation:.9s ease-out both treasure-emerge}[data-state=epic] .treasure-sprite{animation:1.1s cubic-bezier(.2,.8,.3,1) both treasure-emerge}[data-state=legendary] .treasure-sprite{animation:1.5s ease-out both treasure-celebrate}[data-state=common] .treasure-halo{opacity:.5;animation:1s ease-out both treasure-glow}[data-state=rare] .treasure-halo,[data-state=epic] .treasure-halo,[data-state=legendary] .treasure-halo{opacity:1;animation:1.5s ease-out both treasure-glow}[data-state=rare] .treasure-motes i:nth-child(-n+2),[data-state=epic] .treasure-motes i:nth-child(-n+4),[data-state=legendary] .treasure-motes i{animation:1.8s ease-out 2 treasure-mote}[data-state=epic] .treasure-halo{background:radial-gradient(#c8a8ed23,#0000 65%);border:1px solid #c8a8ed30;inset:27% 17% 9%}[data-state=legendary] .treasure-halo{background:radial-gradient(#f0ce7b38,#0000 69%);inset:15% 0 -5%}@keyframes treasure-dig{0%,to{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}@keyframes treasure-peek{0%,to{transform:rotate(0)}35%{transform:translateY(5px)rotate(5deg)}65%{transform:translateY(3px)rotate(-3deg)}}@keyframes treasure-pebble{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}55%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}}@keyframes treasure-worm{0%,to{transform:none}30%{transform:translateY(-10px)rotate(-3deg)}60%{transform:translateY(2px)rotate(2deg)}}@keyframes treasure-extra-frames{0%,39%{background-position:var(--miss-x) 0;translate:0}40%,to{background-position:var(--miss-x) 100%;translate:0 6%}}@keyframes treasure-boot{0%,to{transform:none}25%{transform:rotate(-3deg)}48%{transform:translateY(-4px)rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes treasure-root{0%,to{transform:none}18%,34%{transform:translate(-3px)rotate(-3deg)}26%{transform:translate(1px)}45%{transform:translate(-5px,-7px)rotate(-4deg)}62%{transform:translateY(2px)rotate(2deg)}}@keyframes treasure-sneeze{0%,to{transform:none}30%{transform:scale(1.025)rotate(-2deg)}43%{transform:translate(4px,5px)rotate(4deg)}58%{transform:translate(-2px,-2px)}75%{transform:translateY(1px)}}@keyframes treasure-emerge{0%{opacity:0;transform:translateY(14px)scale(.93)}to{opacity:1;transform:none}}@keyframes treasure-celebrate{0%{opacity:0;transform:translateY(12px)scale(.92)}35%{opacity:1;transform:translateY(-12px)scale(1.02)}55%{transform:translateY(0)}72%{transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes treasure-glow{0%{opacity:0;transform:scale(.55)}to{transform:scale(1)}}@keyframes treasure-mote{0%{opacity:0;transform:translateY(12px)scale(.5)}25%{opacity:.65}to{opacity:0;transform:translateY(-28px)scale(1.1)}}@media (max-width:700px){.treasure-reveal{max-width:270px}.treasure-scene{aspect-ratio:1.35;border-radius:18px}.treasure-sprite-area{inset:32px 12px 4px}.treasure-sprite{max-width:176px}.treasure-scene-label{font-size:.75rem;top:11px}.treasure-caption{min-height:0;padding-top:8px}.treasure-caption p{margin-top:3px;line-height:1.5}.treasure-caption h3{font-size:1rem}.treasure-prize-name{font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.treasure-scene .treasure-sprite,.treasure-scene .treasure-halo,.treasure-scene .treasure-motes i{animation:none!important}}.treasure-sprite.treasure-shark{clip-path:inset(1px);background-image:url(/shark-treasure-atlas-v1.webp);background-size:400% 400%}[data-state=digging] .treasure-sprite.treasure-shark{animation:1.05s step-end infinite shark-dig}[data-state=boot] .treasure-sprite.treasure-shark{animation:1.6s ease-in-out both treasure-boot}[data-state=root] .treasure-sprite.treasure-shark{animation:1.6s ease-in-out both treasure-root}[data-state=sneeze] .treasure-sprite.treasure-shark{animation:1.6s ease-in-out both treasure-sneeze}.raffle-mascot-note{color:#b9c6ce;margin:0 0 10px;font-size:.875rem;line-height:1.6}@keyframes shark-dig{0%,to{background-position:0 0}25%{background-position:33.3333% 0}50%{background-position:66.6667% 0}75%{background-position:100% 0}}.treasure-sprite.treasure-rotation{clip-path:inset(1px);transform-origin:50% 83%;background-image:url(/rotation-bull-treasure-atlas-v1.webp);background-size:400% 400%}.treasure-sprite.treasure-rotation-extra{background-image:url(/rotation-bull-surprises-v1.webp);background-size:200% 200%}[data-state=digging] .treasure-sprite.treasure-rotation{animation:1.2s step-end infinite shark-dig}[data-state=boot] .treasure-sprite.treasure-rotation{animation:1.6s ease-in-out both treasure-boot}[data-state=root] .treasure-sprite.treasure-rotation{animation:1.6s ease-in-out both treasure-root}[data-state=sneeze] .treasure-sprite.treasure-rotation{animation:1.6s ease-in-out both treasure-sneeze}[data-state=groundhog] .treasure-sprite.treasure-rotation{animation:1.5s ease-in-out both treasure-worm}[data-state=bomb] .treasure-sprite.treasure-rotation{animation:2.6s step-end both rotation-bomb,2.6s ease-out both rotation-startle}@keyframes rotation-bomb{0%,34%{background-position:0 0}35%,64%{background-position:100% 0}65%,to{background-position:0 100%}}@keyframes rotation-startle{0%,42%{transform:none}47%{transform:translateY(-7px)rotate(-3deg)}55%{transform:translate(3px)rotate(2deg)}65%,to{transform:none}}@media (prefers-reduced-motion:reduce){.treasure-scene .treasure-rotation{animation:none!important}}.treasure-reward-photo{object-fit:contain;background:#0a1525;border-radius:10px;width:120px;max-height:120px;margin:8px auto;display:block}
