.fortune-gate[hidden],.fortune-spin[hidden],.fortune-result[hidden]{display:none!important}.fortune-gate{--fortune-ink: #171214;--fortune-wine: #9b2f46;--fortune-wine-light: #c75d72;--fortune-wine-dark: #68172a;--fortune-cream: #f7eddf;--fortune-blush: #ead2cc;--fortune-gold: #d5b77b;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 34%,rgba(199,93,114,.22),transparent 32%),radial-gradient(circle at 20% 85%,rgba(155,47,70,.13),transparent 28%),linear-gradient(145deg,#1e1618f7,#090708fa);-webkit-backdrop-filter:blur(20px) saturate(.9);backdrop-filter:blur(20px) saturate(.9)}.fortune-panel{position:relative;isolation:isolate;width:min(94vw,590px);max-height:94vh;overflow:auto;padding:clamp(28px,5vw,48px);border:1px solid rgba(213,183,123,.82);border-radius:30px;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#fffaf2 0%,var(--fortune-cream) 48%,#ead7cb 100%);color:var(--fortune-ink);text-align:center;box-shadow:0 42px 110px #0000009e,0 0 0 7px #f7eddf29,inset 0 0 0 7px #fffaf2b3,inset 0 0 0 8px #4c2b322b,inset 0 -30px 70px #9b2f4614}.fortune-panel__frame{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:-1;border:1px solid rgba(91,48,57,.19);border-radius:21px;background:radial-gradient(circle at 0 0,var(--fortune-gold) 0 2px,transparent 3px),radial-gradient(circle at 100% 0,var(--fortune-gold) 0 2px,transparent 3px),radial-gradient(circle at 0 100%,var(--fortune-gold) 0 2px,transparent 3px),radial-gradient(circle at 100% 100%,var(--fortune-gold) 0 2px,transparent 3px);box-shadow:inset 0 0 28px #ffffff59;pointer-events:none}.fortune-eyebrow{margin:0 0 9px;color:var(--fortune-wine);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase}.fortune-panel h2{max-width:10ch;margin:0 auto;font-size:clamp(38px,8vw,66px);line-height:.92;letter-spacing:-.055em;text-shadow:0 1px 0 rgba(255,255,255,.7)}.fortune-panel>p:not(.fortune-eyebrow){max-width:42ch;margin:14px auto 22px;color:#61575a}.fortune-stage{position:relative;isolation:isolate;width:min(72vw,338px);aspect-ratio:1;margin:0 auto 24px;perspective:900px;filter:drop-shadow(0 20px 25px rgba(67,27,36,.3))}.fortune-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background:conic-gradient(from 20deg,#8b6439,#f8e4b8 10%,#a97942 21%,#fff3d2 34%,#906438,#efd49d,#8a6038 79%,#fff0c7 92%,#8b6439);box-shadow:0 9px #4c302d,0 14px 24px #2811155c,inset 0 0 0 2px #fffbebbf,inset 0 0 0 7px #502f2661;transform:rotateX(7deg)}.fortune-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:50%;background:radial-gradient(circle at 50% 3%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 83% 17%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 97% 50%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 83% 83%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 50% 97%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 17% 83%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 3% 50%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px),radial-gradient(circle at 17% 17%,#fff8df 0 2px,#8f6034 3px 4px,transparent 5px);pointer-events:none;transform:rotateX(7deg)}.fortune-wheel{position:absolute;top:13px;right:13px;bottom:13px;left:13px;z-index:1;overflow:hidden;border:4px solid #2b2023;border-radius:50%;background:repeating-conic-gradient(from -22.5deg,rgba(255,231,218,.5) 0deg .7deg,transparent .7deg 45deg),repeating-conic-gradient(from -22.5deg,var(--fortune-wine-light) 0deg,var(--fortune-wine) 23deg,var(--fortune-wine-dark) 45deg,#43393b 45deg,#211a1c 68deg,#090708 90deg);box-shadow:0 0 0 2px #fff5d7bf,0 0 0 5px #4b3130,0 7px #3a2324,inset 0 0 40px #00000047;transform:rotateX(7deg) rotate(22.5deg);transition:transform 4.8s cubic-bezier(.1,.68,.12,1);will-change:transform}.fortune-wheel:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:1;border:1px solid rgba(255,238,218,.56);border-radius:50%;box-shadow:inset 0 0 0 2px #29171b42,0 0 18px #ffdcc414;pointer-events:none}.fortune-wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.14),transparent 42%,rgba(0,0,0,.24));box-shadow:inset 14px 12px 24px #fff4e714,inset -20px -24px 34px #00000047;pointer-events:none}.fortune-wheel.is-spinning{transform:rotateX(7deg) rotate(1800deg)}.fortune-slice{position:absolute;top:50%;left:50%;z-index:2;width:82px;color:var(--fortune-cream);font:800 clamp(9px,2.5vw,11px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) rotate(calc(var(--segment) * 45deg)) translateY(-112px) rotate(calc(var(--segment) * -45deg));text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 10px rgba(255,230,215,.12)}.fortune-slice--dark{color:var(--fortune-gold)}.fortune-hub{position:absolute;top:50%;left:50%;z-index:4;display:grid;width:110px;aspect-ratio:1;place-content:center;gap:5px;padding:10px;border:2px solid #b98e54;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffdf8,#f7ead9 44%,#dfc4ad);color:var(--fortune-ink);box-shadow:0 0 0 4px #2d2224,0 0 0 7px #d4b174,0 0 0 9px #fff5dab8,0 8px 18px #0000004d,inset 0 2px 8px #fffc,inset 0 -7px 12px #683a3726;transform:translate(-50%,-50%)}.fortune-hub:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(121,76,61,.26);border-radius:50%;pointer-events:none}.fortune-hub:after{content:"";position:absolute;right:24px;bottom:15px;width:5px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd9df,var(--fortune-wine) 55%,#4a0714);box-shadow:0 0 0 1px #b68a50,0 1px 3px #00000059}.fortune-hub>span{overflow:hidden;font:800 10px/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase}.fortune-hub small{color:var(--fortune-wine);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.fortune-pointer{position:absolute;top:-2px;left:50%;z-index:5;width:0;height:0;border-top:30px solid #f5dfb5;border-right:18px solid transparent;border-left:18px solid transparent;filter:drop-shadow(0 2px 0 #6f4a2c) drop-shadow(0 6px 5px rgba(0,0,0,.34));transform:translate(-50%)}.fortune-spin,.fortune-result a{position:relative;display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--fortune-ink);border-radius:999px;background:var(--fortune-ink);color:#fff;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;cursor:pointer}.fortune-spin{border-color:#ffe0d88a;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(135deg,var(--fortune-wine-light),var(--fortune-wine) 48%,var(--fortune-wine-dark));box-shadow:0 5px #4b1020,0 13px 28px #68172a42,inset 0 1px #ffffff59;transition:transform .2s ease,box-shadow .2s ease}.fortune-spin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.25) 45%,transparent 65%);transform:translate(-130%);transition:transform .7s ease}.fortune-spin:hover:after{transform:translate(130%)}.fortune-spin:hover:not(:disabled){box-shadow:0 6px #4b1020,0 16px 32px #68172a52,inset 0 1px #fff6;transform:translateY(-2px)}.fortune-spin:active:not(:disabled){box-shadow:0 2px #4b1020,0 7px 17px #68172a3d;transform:translateY(3px)}.fortune-spin:disabled{cursor:wait;opacity:.72}.fortune-result{display:grid;gap:12px}.fortune-result:not([hidden]){animation:fortune-reveal .5s ease both}.fortune-result strong{background:linear-gradient(135deg,var(--fortune-wine-light),var(--fortune-wine-dark));background-clip:text;color:transparent;font-size:clamp(28px,6vw,42px);line-height:1}.fortune-result>span{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.fortune-code{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid rgba(56,37,42,.72);border-radius:14px;background:linear-gradient(145deg,#ffffffb3,#ead2cc61);box-shadow:0 8px 20px #50252e14,inset 0 1px #ffffffb8}.fortune-code code{display:grid;min-height:56px;place-items:center;font:800 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.fortune-code button{border:0;border-left:1px solid rgba(56,37,42,.72);padding:0 18px;background:transparent;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;cursor:pointer}.fortune-confetti{position:absolute;top:55%;left:50%;z-index:8;width:1px;height:1px;pointer-events:none}.fortune-confetti__piece{position:absolute;width:8px;height:14px;border-radius:2px;background:var(--confetti-color);opacity:0;animation:fortune-confetti 1.4s var(--confetti-delay) cubic-bezier(.12,.7,.2,1) forwards}body.fortune-locked{overflow:hidden}@keyframes fortune-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fortune-confetti{0%{opacity:1;transform:translate(-50%,-50%) translate(0) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--confetti-x),var(--confetti-y)) rotate(var(--confetti-rotation))}}@media(max-width:480px){.fortune-panel{padding:28px 22px 24px;border-radius:22px}.fortune-stage{width:min(76vw,306px)}.fortune-slice{transform:translate(-50%,-50%) rotate(calc(var(--segment) * 45deg)) translateY(-101px) rotate(calc(var(--segment) * -45deg))}.fortune-hub{width:96px}}@media(prefers-reduced-motion:reduce){.fortune-wheel{transition-duration:.55s}.fortune-spin:after,.fortune-confetti__piece{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */