.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=christmas] .info h1{font-family:"Mountains of Christmas",var(--heading-font, "Fredoka"),cursive;font-weight:700;letter-spacing:0;font-size:clamp(2rem,3.5vw,2.7rem)}html[data-season=christmas] .stage{box-shadow:0 18px 50px rgba(var(--glow),.2),inset 0 1px #ffffff1a}html[data-season=christmas] .stage .save-badge{top:38px}html[data-season=christmas] .stage-fx .bolt{position:absolute;top:0;height:100%;width:18px;opacity:0;--dur:7.4s;--del:0s;--sc:1;--sway:16px;transform-origin:top center}html[data-season=christmas] .stage-fx .bolt:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 12L22.00 12.00M18.00 12.00L20.30 13.93M18.00 12.00L20.30 10.07M12 12L17.00 20.66M15.00 17.20L14.48 20.15M15.00 17.20L17.82 18.22M12 12L7.00 20.66M9.00 17.20L6.18 18.22M9.00 17.20L9.52 20.15M12 12L2.00 12.00M6.00 12.00L3.70 10.07M6.00 12.00L3.70 13.93M12 12L7.00 3.34M9.00 6.80L9.52 3.85M9.00 6.80L6.18 5.78M12 12L17.00 3.34M15.00 6.80L17.82 5.78M15.00 6.80L14.48 3.85' fill='none' stroke='%23FFFFFF' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 4px rgba(255,255,255,.55))}html[data-season=christmas][data-xmas=cozy] .stage-fx .bolt:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 12L22.00 12.00M18.00 12.00L20.30 13.93M18.00 12.00L20.30 10.07M12 12L17.00 20.66M15.00 17.20L14.48 20.15M15.00 17.20L17.82 18.22M12 12L7.00 20.66M9.00 17.20L6.18 18.22M9.00 17.20L9.52 20.15M12 12L2.00 12.00M6.00 12.00L3.70 10.07M6.00 12.00L3.70 13.93M12 12L7.00 3.34M9.00 6.80L9.52 3.85M9.00 6.80L6.18 5.78M12 12L17.00 3.34M15.00 6.80L17.82 5.78M15.00 6.80L14.48 3.85' fill='none' stroke='%238FAACB' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");filter:none}html[data-season=christmas] .stage-fx .bolt:nth-child(2){left:11%;--dur:7s;--del:.3s}html[data-season=christmas] .stage-fx .bolt:nth-child(3){left:29%;--dur:8.6s;--del:2.2s;--sc:.7;--sway:-12px}html[data-season=christmas] .stage-fx .bolt:nth-child(4){left:51%;--dur:7.8s;--del:4.1s;--sc:.85}html[data-season=christmas] .stage-fx .bolt:nth-child(5){left:68%;--dur:9.4s;--del:1.2s;--sc:.6;--sway:-14px}html[data-season=christmas] .stage-fx .bolt:nth-child(6){left:85%;--dur:8.1s;--del:3s}html[data-season=christmas] .stage-fx .bolt:nth-child(7){left:42%;--dur:10.2s;--del:5.6s;--sc:.5;--sway:-10px}html[data-season=christmas] .stage.fx-on .stage-fx .bolt{animation:xmDrift var(--dur) linear var(--del) infinite}html[data-season=christmas] .stage.fx-on .stage-fx .bolt:before{animation:xmSpin 6s linear infinite}@keyframes xmDrift{0%{opacity:0;transform:translate3d(0,-6%,0) scale(var(--sc,1))}12%{opacity:.9}50%{transform:translate3d(var(--sway,16px),46%,0) scale(var(--sc,1))}82%{opacity:.75}to{opacity:0;transform:translate3d(0,100%,0) scale(var(--sc,1))}}@keyframes xmSpin{to{transform:rotate(360deg)}}html[data-season=christmas] .stage-fx .flash{position:absolute;left:0;right:0;top:4px;height:26px;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cpath d='M0 5 Q30 13 60 5 Q90 13 120 5' fill='none' stroke='%237FA08E' stroke-width='1.3' stroke-linecap='round'/%3E%3Cg transform='rotate(-10 15 8.6)'%3E%3Crect x='12.9' y='8.2' width='4.2' height='3.6' rx='1' fill='%23D8C690'/%3E%3Cellipse cx='15' cy='16.4' rx='3.8' ry='5.5' fill='%23FF4D5E'/%3E%3Cellipse cx='13.7' cy='14.6' rx='.95' ry='1.8' fill='%23fff' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(8 45 8.6)'%3E%3Crect x='42.9' y='8.2' width='4.2' height='3.6' rx='1' fill='%23D8C690'/%3E%3Cellipse cx='45' cy='16.4' rx='3.8' ry='5.5' fill='%23FFC94A'/%3E%3Cellipse cx='43.7' cy='14.6' rx='.95' ry='1.8' fill='%23fff' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(-6 75 8.6)'%3E%3Crect x='72.9' y='8.2' width='4.2' height='3.6' rx='1' fill='%23D8C690'/%3E%3Cellipse cx='75' cy='16.4' rx='3.8' ry='5.5' fill='%233CCB7F'/%3E%3Cellipse cx='73.7' cy='14.6' rx='.95' ry='1.8' fill='%23fff' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(10 105 8.6)'%3E%3Crect x='102.9' y='8.2' width='4.2' height='3.6' rx='1' fill='%23D8C690'/%3E%3Cellipse cx='105' cy='16.4' rx='3.8' ry='5.5' fill='%2359B7FF'/%3E%3Cellipse cx='103.7' cy='14.6' rx='.95' ry='1.8' fill='%23fff' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") center top / 104px 26px repeat-x}html[data-season=christmas] .stage-fx .flash:before,html[data-season=christmas] .stage-fx .flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center top;background-size:104px 26px;background-repeat:repeat-x;opacity:.9}html[data-season=christmas] .stage-fx .flash:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cdefs%3E%3CradialGradient id='g0'%3E%3Cstop offset='0' stop-color='%23FF4D5E' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FF4D5E' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23FF4D5E' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g1'%3E%3Cstop offset='0' stop-color='%233CCB7F' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%233CCB7F' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%233CCB7F' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='15' cy='16.4' r='11' fill='url(%23g0)'/%3E%3Ccircle cx='75' cy='16.4' r='11' fill='url(%23g1)'/%3E%3C/svg%3E")}html[data-season=christmas] .stage-fx .flash:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cdefs%3E%3CradialGradient id='g0'%3E%3Cstop offset='0' stop-color='%23FFC94A' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FFC94A' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23FFC94A' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g1'%3E%3Cstop offset='0' stop-color='%2359B7FF' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%2359B7FF' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%2359B7FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='45' cy='16.4' r='11' fill='url(%23g0)'/%3E%3Ccircle cx='105' cy='16.4' r='11' fill='url(%23g1)'/%3E%3C/svg%3E")}html[data-season=christmas] .stage.fx-on .stage-fx .flash:before{animation:xmCaseTwinkle 2.8s ease-in-out infinite}html[data-season=christmas] .stage.fx-on .stage-fx .flash:after{animation:xmCaseTwinkle 2.8s ease-in-out 1.4s infinite}@keyframes xmCaseTwinkle{0%,to{opacity:.95}50%{opacity:.15}}html[data-season=christmas] .stage .pedestal{background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.95) 0 34%,rgba(226,237,250,.65) 52%,transparent 72%)}html[data-season=christmas][data-xmas=cozy] .stage{background:radial-gradient(ellipse 70% 55% at 50% 108%,rgba(200,35,58,.12),transparent 70%),linear-gradient(175deg,#e6eef7,#f5f8fc 55%,#fff)}html[data-season=christmas][data-xmas=cozy] .stage .pedestal{background:radial-gradient(ellipse at 50% 55%,#FFFFFF 0 30%,rgba(196,214,234,.75) 50%,transparent 72%)}html[data-season=christmas][data-xmas=night] .stage{background:radial-gradient(ellipse 70% 55% at 50% 108%,rgba(246,196,82,.26),transparent 70%),linear-gradient(170deg,#1c2e44,#132233 60%)}html[data-season=christmas][data-xmas=night] .stage .float{background:radial-gradient(circle at 50% 32%,#fff 0 44%,#fff3e0 84%);box-shadow:0 30px 60px #00000080,0 0 42px #f6c45233,0 0 0 1px #ffe6b440 inset}html[data-season=christmas][data-xmas=night] .stage .pedestal{background:radial-gradient(ellipse at 50% 55%,rgba(236,244,255,.5) 0 28%,rgba(190,212,240,.2) 52%,transparent 72%)}html[data-season=christmas][data-xmas=night] .stage .pedestal .drop{background:#0a14238c}html[data-season=christmas][data-xmas=night] .stage .stage-hint{color:#f2f5fa;text-shadow:0 1px 6px rgba(0,0,0,.65)}@media(prefers-reduced-motion:reduce){html[data-season=christmas] .stage-fx .bolt{display:none}html[data-season=christmas] .stage-fx .flash:before,html[data-season=christmas] .stage-fx .flash:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/case.css.map */