.prize{--prize-w:min(64vw, 290px, calc((100dvh - 340px) * 63 / 88));--mm:calc(var(--prize-w) / 63);z-index:500;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));background:radial-gradient(circle, color-mix(in srgb, var(--bora-300) 22%, transparent) 1px, transparent 1.4px) 0 0 / 9px 9px, radial-gradient(ellipse at 50% 42%, #3a1f5c 0%, #1b1238 55%, #120c18 100%);color:#fffdf8;grid-template-rows:auto 1fr auto;place-items:center;gap:.75rem;animation:.35s ease-out both prize-in;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes prize-in{0%{opacity:0}}.prize__beam{transform-origin:50% 0;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);pointer-events:none;background:radial-gradient(circle,#efe6fd57 1.6px,#0000 2px) 0 0/7px 7px;width:min(120vw,720px);height:78%;animation:3.6s ease-in-out infinite alternate prize-sway;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 20%,#0000 95%);mask-image:linear-gradient(#000 20%,#0000 95%)}@keyframes prize-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.prize__ocean{background:radial-gradient(circle, var(--bora-300) 1.6px, transparent 2.2px) 0 0 / 13px 11px, radial-gradient(circle, #fff6e5 1.2px, transparent 1.8px) 6px 5px / 13px 11px;opacity:.5;pointer-events:none;height:22%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 80%);mask-image:linear-gradient(#0000,#000 80%)}.prize[data-phase=shown] .prize__ocean{animation:1.2s ease-out prize-cheer}@keyframes prize-cheer{30%{opacity:1}}.prize__head{text-align:center;justify-items:center;gap:.15rem;display:grid;position:relative}.prize__title{color:#fffdf8;margin:0;font-size:clamp(2rem,8vw,2.8rem);line-height:1}.prize[data-stage=binder] .prize__title{animation:.45s cubic-bezier(.2,1.4,.3,1) both prize-promise}.prize__title[data-named]{animation:.5s cubic-bezier(.2,1.4,.3,1) .15s both prize-promise}.prize__from[data-named]{animation:.5s cubic-bezier(.2,1.4,.3,1) .4s both prize-promise}.prize__from{color:var(--bora-200);font-family:var(--font-hand);margin:0;font-size:1.3rem;font-weight:700}.prize__middle{z-index:1;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.prize__binder{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.prize>.binder-flights{z-index:2}.prize__stage{width:var(--prize-w);height:calc(var(--prize-w) * 88 / 63);perspective:1200px;position:relative}.prize__rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--glow) 80%, transparent) 0deg 6deg, transparent 6deg 20deg);opacity:.3;pointer-events:none;border-radius:50%;transition:opacity .5s;animation:16s linear infinite prize-spin;position:absolute;inset:-40% -70%;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 72%);mask:radial-gradient(closest-side,#000 20%,#0000 72%)}.prize[data-secret] .prize__rays{background:repeating-conic-gradient(#b77cf2e6 0deg 5deg,#ffd66699 5deg 8deg,#0000 8deg 18deg)}.prize[data-secret]:is([data-phase=ready],[data-phase=flip]) .prize__rays{opacity:.85;animation-duration:5s}.prize[data-phase=shown] .prize__rays{opacity:.55}@keyframes prize-spin{to{rotate:360deg}}.prize__halo{background:radial-gradient(closest-side, var(--glow), transparent);opacity:.5;filter:blur(22px);pointer-events:none;border-radius:50%;position:absolute;inset:6% 0}.prize[data-secret] .prize__halo{background:radial-gradient(closest-side,#f2c443,#0000)}.prize__promise{z-index:4;--sticker-r:-4deg;background:#f2c443;font-size:.95rem;animation:.45s cubic-bezier(.2,1.4,.3,1) both prize-promise;top:calc(-1.1rem - 6px);left:50%;translate:-50%}@keyframes prize-promise{0%{opacity:0;scale:.6}}.prize__card{z-index:2;border-radius:calc(3 * var(--mm));-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:relative}.prize[data-phase=arrive] .prize__card{animation:.75s cubic-bezier(.25,1.2,.5,1) both prize-drop}.prize[data-phase=ready] .prize__card{cursor:pointer;animation:2.4s ease-in-out infinite prize-bob}.prize__card:focus-visible{outline:3px solid var(--bora-300);outline-offset:6px}@keyframes prize-drop{0%{opacity:0;transform:translateY(-70vh)rotate(-16deg)}45%{opacity:1}}@keyframes prize-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-8px)rotate(1.5deg)}}.prize[data-phase=ready] .prize__card{cursor:grab;touch-action:none}.prize__card[data-turning]{cursor:grabbing;animation:none}.prize__flip{--shade:0;width:100%;height:100%;position:relative}.prize__flip:after{content:"";z-index:3;border-radius:calc(3 * var(--mm));opacity:calc(var(--shade) * .5);pointer-events:none;background:#120c18;position:absolute;inset:0}.prize__front{position:absolute;inset:0}.prize__flip:not([data-face=front]) .prize__front,.prize__flip[data-face=front] .prize__back{visibility:hidden}.prize__back{border-radius:calc(3 * var(--mm));object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:0 0 0 1px #fff9,0 18px 40px #00000080}.prize[data-phase=ready] .prize__back{animation:1.6s ease-in-out infinite alternate prize-glow}@keyframes prize-glow{to{box-shadow:0 0 0 1px #fffc, 0 0 34px color-mix(in srgb, var(--glow) 80%, transparent), 0 18px 40px #00000080}}.prize[data-secret][data-phase=ready] .prize__back{animation-name:prize-glow-gold}@keyframes prize-glow-gold{to{box-shadow:0 0 0 1px #fff6e5e6,0 0 40px #f2c443d9,0 18px 40px #00000080}}.prize__foot{z-index:3;text-align:center;align-content:start;justify-items:center;gap:.75rem;width:min(100%,22rem);min-height:9.5rem;display:grid;position:relative}.prize__tap{color:var(--bora-200);font-family:var(--font-hand);opacity:0;margin:0;font-size:1.3rem;font-weight:700;transition:opacity .3s}.prize__tap[data-on]{opacity:1;animation:1.6s ease-in-out .4s infinite prize-tap}@keyframes prize-tap{50%{opacity:.45}}.prize__caption{justify-items:center;gap:.2rem;animation:.4s ease-out .25s both prize-rise;display:grid}@keyframes prize-rise{0%{opacity:0;transform:translateY(8px)}}.prize__caption[data-away]{opacity:0;transition:opacity .25s}.prize__caption p{margin:0}.prize__name{font-family:var(--font-display);font-size:1.4rem;line-height:1.1}.prize__flair{color:var(--bora-100);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.prize__new{--sticker-r:6deg;border-width:2.5px;margin-left:.2rem;padding:.3rem .55rem .25rem;font-size:.8rem}.prize__new.is-flair{background:var(--bora-600);color:#fff}.prize__new.is-secret{color:#221a2c;background:#f2c443}.prize__actions{opacity:0;pointer-events:none;justify-items:center;gap:.35rem;width:100%;transition:opacity .35s .5s,transform .35s .5s;display:grid;transform:translateY(10px)}.prize__actions[data-on]{opacity:1;pointer-events:auto;transform:none}.prize__actions .btn{width:100%}.prize__link{color:var(--bora-200);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.35rem .5rem;font-size:.875rem;text-decoration:underline;text-decoration-thickness:1px}.prize__link:hover{color:#fffdf8}@media (prefers-reduced-motion:reduce){.prize__beam,.prize__rays,.prize__card,.prize[data-phase=ready] .prize__card,.prize__tap[data-on]{animation:none}}