.overlay.reveal{--glow:#fff0a0;--rc:#ffcb3d;z-index:60;background:color-mix(in srgb, var(--ink) var(--dim), transparent);padding:0;animation-delay:0s;display:block}.overlay.reveal[data-opened]{animation:none}.reveal-tap{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.reveal-tap:disabled{cursor:default}.reveal-pill{top:calc(18px + env(safe-area-inset-top));border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:700 15px / 1 var(--font);pointer-events:none;border-radius:999px;padding:5px 14px 6px;position:absolute;left:50%;translate:-50%}.reveal-stage{pointer-events:none;place-items:center;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%}.reveal-stage>*{grid-area:1/1}.reveal-glow,.reveal-ring,.reveal-rays{border-radius:50%;position:relative}.reveal-glow{width:calc(var(--size) * 1.9);height:calc(var(--size) * 1.9);background:radial-gradient(circle, var(--glow), transparent 66%);opacity:.55}.reveal[data-rarity=common] .reveal-glow,.reveal[data-rarity=uncommon] .reveal-glow{opacity:.4}.reveal-rays{width:150vmax;height:150vmax;animation:reveal-rays calc(var(--t-long) * 4) var(--ease-out) both;position:relative}.reveal-rays i{background:var(--glow);clip-path:polygon(50% 100%,0 0,100% 0);transform-origin:50% 100%;width:6vmax;height:50%;rotate:var(--a);opacity:.45;position:absolute;bottom:50%;left:calc(50% - 3vmax)}@keyframes reveal-rays{0%{opacity:0;rotate:-8deg;scale:.3}30%{opacity:1}}.reveal-ring{width:calc(var(--size) * 1.7);height:calc(var(--size) * 1.7);border:10px solid var(--gold);animation:pop var(--t-long) var(--spring) both}.reveal-ring.white{width:calc(var(--size) * 1.42);height:calc(var(--size) * 1.42);border:6px solid var(--white)}.reveal-sparks{width:0;height:0}.reveal-sparks i{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:22px;height:22px;rotate:var(--a);animation:reveal-spark calc(var(--t-long) * 2) var(--ease-out) var(--d) both;margin:-11px;position:absolute}@keyframes reveal-spark{0%{opacity:1;transform:translateY(0)scale(.3)}to{transform:translateY(calc(var(--r) * -1)) scale(1);opacity:0}}.pack{width:var(--size);filter:drop-shadow(0 6px #00000059);animation:pack-in calc(var(--t-mid) * .875) var(--spring) both, pack-wobble var(--t-mid) ease-in-out calc(var(--t-mid) * .5);position:relative}.pack svg{width:100%;height:auto;display:block;overflow:visible}@keyframes pack-in{0%{translate:60vw 60vh;rotate:24deg;scale:.4}to{rotate:-8deg}}@keyframes pack-wobble{25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.pack-top,.pack-main{transform-box:fill-box}.pack-top{transform-origin:0 100%}.reveal[data-step=tear] .pack{animation:none;rotate:-8deg}.reveal[data-step=tear] .pack-top{animation:pack-tear var(--t-mid) ease-in forwards}.reveal[data-step=tear] .pack-main{animation:pack-pop var(--t-mid) ease-in forwards}@keyframes pack-tear{to{opacity:0;transform:translate(60px,-90px)rotate(38deg)}}@keyframes pack-pop{60%{transform:scale(1.12)}to{opacity:0;transform:scale(.4)}}.reveal-card{animation:pop var(--t-long) var(--spring) both;position:relative}.reveal-panel{box-sizing:border-box;width:min(100%,460px);padding:22px 20px calc(22px + env(safe-area-inset-bottom));border:3px solid var(--ink);background:linear-gradient(to right, transparent 30px, color-mix(in srgb, var(--red) 30%, transparent) 30px 32px, transparent 32px), repeating-linear-gradient(to bottom, var(--paper) 0 27px, color-mix(in srgb, var(--sky-a) 22%, var(--paper)) 27px 28px);color:var(--ink);text-align:center;animation:reveal-panel-up var(--t-mid) var(--ease-out) both;border-bottom:0;border-radius:30px 30px 0 0;justify-items:center;gap:8px;display:grid;position:absolute;bottom:0;left:50%;translate:-50%}@media (width>=700px){.reveal-panel{border-bottom:3px solid var(--ink);border-radius:30px;bottom:50%;translate:-50% 50%}}@keyframes reveal-panel-up{0%{opacity:0;transform:translateY(40%)}}.reveal-card.settled{animation:reveal-settle var(--t-mid) var(--spring) both;margin-bottom:6px;rotate:5deg}@keyframes reveal-settle{0%{rotate:0deg;scale:1.6}}.reveal-title{font:800 24px / 1.1 var(--font);margin:0}.reveal-line{max-width:34ch;font:600 15px / 1.3 var(--font);color:var(--ink-soft,var(--muted));margin:0 0 6px}.reveal-buttons{width:100%}.new-stamp{border:3px solid var(--ink);background:var(--red);color:var(--white);font:700 20px / 1 var(--font);box-shadow:0 3px 0 var(--ink);animation:stamp var(--t-mid) var(--t-short) var(--spring) both;border-radius:12px;padding:4px 12px 6px;position:absolute;top:-10px;right:-14px;rotate:12deg}@keyframes stamp{0%{opacity:0;scale:2.6}}@media (prefers-reduced-motion:reduce){.reveal-panel,.reveal-card,.new-stamp{animation:fade var(--t-short) var(--ease-out) both}}.gem-mark .gem-body{fill:#ff8ad8;stroke:var(--ink);stroke-width:.045px;stroke-linejoin:round}.gem-mark .gem-facet{fill:none;stroke:var(--white);stroke-opacity:.7;stroke-width:.025px;stroke-linejoin:round}.gem-mark .gem-spark{stroke:var(--white);stroke-width:.045px;stroke-linecap:round}.win-gem{font:700 15px / 1.25 var(--font);color:var(--ink);justify-content:center;align-items:center;gap:6px;margin:2px 0 6px;display:flex}.gem-glyph{vertical-align:middle;flex:none;width:34px;height:34px}.gem-glyph[data-dim=true]{opacity:.45}