.stage{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 108%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%),linear-gradient(170deg,color-mix(in srgb,var(--surface) 92%,var(--ink)) 0%,var(--surface) 55%);box-shadow:0 18px 50px rgba(var(--glow),.16),inset 0 1px #ffffff59;perspective:1100px;touch-action:pan-y;outline:none}.stage:focus-visible{box-shadow:0 0 0 3px var(--accent),0 18px 50px rgba(var(--glow),.16)}.stage .halo{position:absolute;left:50%;top:46%;width:78%;aspect-ratio:1/1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(var(--glow),.3) 0%,rgba(var(--glow),.1) 42%,transparent 68%);pointer-events:none}.stage .case{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.22,.61,.36,1);cursor:grab}.stage .case.dragging{transition:none;cursor:grabbing}.stage .float{position:relative;width:72%;aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 50% 34%,#fff 0 46%,#fff6ea 82%);box-shadow:0 26px 54px #0000004d,0 0 0 1px #ffffff59 inset;animation:ppFloat 6.5s cubic-bezier(.45,0,.55,1) infinite}.stage .float:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.55) 0%,transparent 34%)}.stage .view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:contain;opacity:0;transform:scale(.97);transition:opacity .28s ease,transform .28s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.stage .view.on{opacity:1;transform:scale(1)}.stage .pedestal{position:absolute;left:50%;bottom:7%;transform:translate(-50%);width:56%;height:16%;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 72%);border-radius:50%;pointer-events:none}.stage .pedestal .drop{position:absolute;left:50%;top:38%;transform:translate(-50%);width:62%;height:38%;border-radius:50%;background:#0000004d;filter:blur(9px);animation:ppDrop 6.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes ppFloat{0%,to{transform:translateY(-1.2%)}50%{transform:translateY(2.4%)}}@keyframes ppDrop{0%,to{transform:translate(-50%) scale(1);opacity:.3}50%{transform:translate(-50%) scale(.86);opacity:.2}}.stage .turn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);font-size:1.4rem;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000024;opacity:0;transition:opacity .2s,transform .2s}.stage:hover .turn,.stage:focus-within .turn{opacity:1}.stage .turn:hover{transform:translateY(-50%) scale(1.08)}.stage .turn.prev{left:12px}.stage .turn.next{right:12px}.stage .angles{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:7px}.stage .angles button{width:8px;height:8px;padding:0;border:none;border-radius:50%;cursor:pointer;background:color-mix(in srgb,var(--ink) 26%,transparent);transition:transform .2s,background .2s}.stage .angles button.on{background:var(--primary);transform:scale(1.5)}.stage .stage-hint{position:absolute;left:50%;bottom:34px;transform:translate(-50%);margin:0;font-family:Caveat,cursive;font-size:1.05rem;color:var(--ink-soft);opacity:.9;transition:opacity .4s;pointer-events:none;white-space:nowrap}.stage .stage-hint.gone{opacity:0}.stage .save-badge{position:absolute;top:16px;left:16px;z-index:3;background:var(--primary);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(var(--glow),.35)}.stage-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.info .p-eyebrow{display:block;font-family:Caveat,cursive;font-size:1.3rem;color:var(--primary-deep);margin-bottom:2px}.info h1{line-height:1.06;text-wrap:balance}.rating-row{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink-soft)}.rating-row strong{color:var(--ink)}@media(max-width:760px){.stage .turn{opacity:1;width:38px;height:38px}.stage .float{width:78%}.stage .angles{bottom:26px}.stage .stage-hint{bottom:6px;font-size:.95rem}}.stage[data-float=off] .float,.stage[data-float=off] .pedestal .drop{animation:none}.stage[data-float=off] .case{transform:none}@media(prefers-reduced-motion:reduce){.stage .float,.stage .pedestal .drop{animation:none}.stage .case{transition:none;transform:none}.stage .view{transition:none}}html[data-season=halloween] .info h1{font-family:"Mystery Quest",var(--heading-font, "Fredoka"),cursive;font-weight:400;letter-spacing:0;font-size:clamp(1.9rem,3.4vw,2.6rem)}html[data-season=halloween] .stage{box-shadow:0 18px 50px rgba(var(--glow),.22),inset 0 1px #ffffff1a}html[data-season=halloween] .stage-fx .bolt{position:absolute;top:0;height:100%;width:13px;opacity:0;--dur:5.4s;--del:0s;--sc:1;transform-origin:top center}html[data-season=halloween] .stage-fx .bolt:before{content:"";position:absolute;top:0;left:0;width:13px;height:25px;background:#ffc23d;clip-path:polygon(58% 0,20% 55%,46% 55%,34% 100%,82% 42%,52% 42%);filter:drop-shadow(0 0 7px rgba(255,194,61,.8));transform:rotate(8deg)}html[data-season=halloween] .stage-fx .bolt:nth-child(2){left:13%;--dur:4.6s;--del:.2s}html[data-season=halloween] .stage-fx .bolt:nth-child(3){left:31%;--dur:6.1s;--del:1.6s;--sc:.72}html[data-season=halloween] .stage-fx .bolt:nth-child(4){left:52%;--dur:5.2s;--del:3s;--sc:.85}html[data-season=halloween] .stage-fx .bolt:nth-child(5){left:69%;--dur:6.8s;--del:.9s;--sc:.62}html[data-season=halloween] .stage-fx .bolt:nth-child(6){left:84%;--dur:5.6s;--del:2.3s}html[data-season=halloween] .stage-fx .bolt:nth-child(7){left:42%;--dur:7.4s;--del:4.2s;--sc:.55}html[data-season=halloween] .stage.fx-on .stage-fx .bolt{animation:hwBolt var(--dur) linear var(--del) infinite}@keyframes hwBolt{0%{opacity:0;transform:translate3d(0,-12%,0) scale(var(--sc,1))}12%{opacity:.85}76%{opacity:.5}to{opacity:0;transform:translate3d(-18px,100%,0) scale(var(--sc,1))}}html[data-season=halloween] .stage-fx .flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(255,241,214,.55),rgba(168,140,255,.18) 45%,transparent 72%)}html[data-season=halloween] .stage.fx-on .stage-fx .flash{animation:hwFlash 13s linear infinite}@keyframes hwFlash{0%,84%,to{opacity:0}85%{opacity:.55}87%{opacity:.06}89%{opacity:.42}93%{opacity:0}}html[data-season=halloween][data-spook=dark] .stage{background:radial-gradient(ellipse 70% 55% at 50% 108%,rgba(255,138,43,.3),transparent 70%),linear-gradient(170deg,#241b33,#1a1426 60%)}html[data-season=halloween][data-spook=dark] .stage .float{background:radial-gradient(circle at 50% 32%,#fff 0 44%,#ffefd8 84%);box-shadow:0 30px 60px #0000008c,0 0 42px #ff963c38,0 0 0 1px #ffd6a040 inset}html[data-season=halloween][data-spook=dark] .stage .pedestal .drop{background:#0000008c}@media(prefers-reduced-motion:reduce){html[data-season=halloween] .stage-fx{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/case.css.map */