:root:has([data-wheel-design=twist-of-fate]){font-family:var(--font-marcellus), Georgia, serif;--page:var(--lightningcss-light,#f2e8d0)var(--lightningcss-dark,#0d0a26);--surface:var(--lightningcss-light,#fbf6e9)var(--lightningcss-dark,#1a1540);--fg:var(--lightningcss-light,#1b1446)var(--lightningcss-dark,#f2e6c9);--line:var(--lightningcss-light,#dcc99a)var(--lightningcss-dark,#2e2766);--rim:var(--lightningcss-light,#fffcf099)var(--lightningcss-dark,#e9c46a14);--color-cream:var(--lightningcss-light,#f2e8d0)var(--lightningcss-dark,#1a1540);--color-ink:#1b1446;--color-coral:#5b2a86;--color-coral-deep:var(--lightningcss-light,#3c1f5c)var(--lightningcss-dark,#e9c46a);--color-tangerine:#b8862b;--color-sunny:#e9c46a;--color-lagoon:#3a4fa0;--color-lagoon-deep:var(--lightningcss-light,#1b1446)var(--lightningcss-dark,#b8c0ff);--color-mint:#c9a0dc;--color-bubblegum:#f4d6cc;--wheel-divider-color:#e9c46ae6;--wheel-divider-width:.5deg}:root:has([data-wheel-design=twist-of-fate]) [data-page-backdrop]{background:radial-gradient(75% 70% at 50% 45%,#0000 55%,#785a2838 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .15 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),#f2e8d0}:root:has([data-wheel-design=twist-of-fate]) [data-page-backdrop]>*{display:none}:root:has([data-wheel-design=twist-of-fate]) .animate-blob{display:none}:root:has([data-wheel-design=twist-of-fate]) body:before,:root:has([data-wheel-design=twist-of-fate]) body:after,:root:has([data-wheel-design=twist-of-fate]) main:before{content:"";z-index:-1;pointer-events:none;background-repeat:no-repeat;position:fixed}:root:has([data-wheel-design=twist-of-fate]) main{position:relative}:root:has([data-wheel-design=twist-of-fate]) main:before{filter:brightness(.8)saturate(1.4);opacity:.9;border:clamp(40px,4.4vw,64px) solid #0000;border-image:url(/images/themes/twist-of-fate/frame.svg) 80/clamp(40px,4.4vw,64px);position:absolute;inset:10px}:root:has([data-wheel-design=twist-of-fate]) body:before{background-color:#0000;background-image:radial-gradient(circle,#a87a2266 0 1px,#0000 1.6px),radial-gradient(circle,#5b2a8640 0 .8px,#0000 1.3px),radial-gradient(circle,#a87a2280 0 1.6px,#0000 2.2px);background-position:0 0,40px 30px,20px 60px;background-repeat:repeat;background-size:97px 89px,53px 61px,151px 137px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:5s ease-in-out infinite alternate twist-of-fate-twinkle;inset:0}:root:has([data-wheel-design=twist-of-fate]) body:after{filter:brightness(.42)saturate(1.4);opacity:.55;background:url(/images/themes/twist-of-fate/plough.svg) left 4vw bottom 7vh/clamp(150px,17vw,260px) no-repeat,url(/images/themes/twist-of-fate/orion.svg) right 5vw bottom 12vh/clamp(100px,11vw,170px) no-repeat;inset:0}:root:has([data-wheel-design=twist-of-fate]) .wheel-bezel{background:url(/images/themes/twist-of-fate/rim.svg) 50%/100% 100% no-repeat;box-shadow:0 20px 44px -16px #1b14468c,0 0 0 1px #a87a2280}:root:has([data-wheel-design=twist-of-fate]) .wheel-border{border-width:2px;border-color:#e9c46a}:root:has([data-wheel-design=twist-of-fate]) .wheel-gloss{background:radial-gradient(60% 40% at 35% 18%,#fff3,#0000 70%),radial-gradient(circle,#fff8dc38 0 1px,#0000 1.5px) 0 0/41px 37px,radial-gradient(circle,#0000 62%,#0f0b2e40 100%)}:root:has([data-wheel-design=twist-of-fate]) .wheel-bulb,:root:has([data-wheel-design=twist-of-fate]) [data-state] .wheel-bulb{width:3.3%;height:3.3%;box-shadow:none;filter:drop-shadow(0 0 2px #e9c46a99);animation:3s ease-in-out infinite twist-of-fate-star;animation-delay:calc(var(--bulb-index) * -.53s);background:0 0;border-radius:0;top:1.15%}:root:has([data-wheel-design=twist-of-fate]) .wheel-bulb:before{content:"";clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%);background:radial-gradient(circle,#fffbe8 0 18%,#e9c46a 45%,#b8862b);position:absolute;inset:0}:root:has([data-wheel-design=twist-of-fate]) span:nth-child(2n)>.wheel-bulb{display:none}:root:has([data-wheel-design=twist-of-fate]) [data-state=spinning] .wheel-bulb{animation:.6s linear infinite twist-of-fate-star-chase;animation-delay:calc(var(--bulb-index) * -.025s)}:root:has([data-wheel-design=twist-of-fate]) [data-state=won] .wheel-bulb{animation:.6s ease-in-out infinite alternate twist-of-fate-star-flare}:root:has([data-wheel-design=twist-of-fate]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -1.3);width:calc(var(--wheel-center-size,80px) * .3);height:calc(var(--wheel-center-size,80px) * 1.5);filter:drop-shadow(0 2px 3px #0f0b2e80);background:url(/images/themes/twist-of-fate/pointer.svg) 50%/contain no-repeat;border:0}:root:has([data-wheel-design=twist-of-fate]) .wheel-hub{box-shadow:none;color:#f3d27a;letter-spacing:.04em;text-shadow:0 1px #0f0b2e,0 0 8px #e9c46a8c;background:0 0;font-size:.82em;font-weight:400;scale:1.4}:root:has([data-wheel-design=twist-of-fate]) .wheel-hub:before,:root:has([data-wheel-design=twist-of-fate]) .wheel-hub:after{content:"";z-index:-1;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}:root:has([data-wheel-design=twist-of-fate]) .wheel-hub:before{filter:drop-shadow(0 0 4px #e9c46a73);background-image:url(/images/themes/twist-of-fate/sun.svg);animation:60s linear infinite twist-of-fate-rays}:root:has([data-wheel-design=twist-of-fate]) .wheel-hub:after{filter:drop-shadow(0 4px 6px #0f0b2e73);background-image:url(/images/themes/twist-of-fate/disc.svg)}:root:has([data-wheel-design=twist-of-fate]) .wheel-inner:has([data-state=spinning]) .wheel-hub:before{animation-duration:2.4s}:root:has([data-wheel-design=twist-of-fate]) .wheel-inner:has([data-state=won]) .wheel-hub:before{animation:20s linear infinite twist-of-fate-rays,.8s ease-in-out infinite alternate twist-of-fate-blaze}:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme=dark]) [data-page-backdrop]{background:radial-gradient(45% 50%,#5b3cc838,#0000 70%),radial-gradient(40% 35% at 10% 90%,#c9a0dc1a,#0000 70%),radial-gradient(40% 35% at 92% 10%,#3a4fa02e,#0000 70%),linear-gradient(#0b0822,#120d33 55%,#1b1446)}:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme=dark]) main:before{filter:none;opacity:.7}:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme=dark]) body:before{background-color:#0000;background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.6px),radial-gradient(circle,#b8c0ff8c 0 .8px,#0000 1.3px),radial-gradient(circle,#ffecb4e6 0 1.6px,#0000 2.2px);background-position:0 0,40px 30px,20px 60px;background-repeat:repeat;background-size:97px 89px,53px 61px,151px 137px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme=dark]) body:after{filter:none;opacity:.75}:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme=dark]) .wheel-bezel{box-shadow:0 20px 50px -16px #000c,0 0 60px -12px #e9c46a4d,0 0 0 1px #e9c46a59}@media (prefers-reduced-motion:reduce){:root:has([data-wheel-design=twist-of-fate]):has([data-wheel-scheme]) body:before{animation:none}}@keyframes twist-of-fate-twinkle{0%{opacity:.4}to{opacity:1}}@keyframes twist-of-fate-star{0%,to{opacity:.65;scale:.7}50%{opacity:1;scale:1.1}}@keyframes twist-of-fate-star-chase{0%,30%{opacity:1;filter:drop-shadow(0 0 3px #fff3cf)drop-shadow(0 0 8px #e9c46ae6);scale:1.25}31%,to{opacity:.6;filter:drop-shadow(0 0 2px #e9c46a99);scale:.7}}@keyframes twist-of-fate-star-flare{0%{filter:drop-shadow(0 0 3px #e9c46acc);scale:1}to{filter:drop-shadow(0 0 4px #fff3cf)drop-shadow(0 0 12px #e9c46af2);rotate:45deg;scale:1.4}}@keyframes twist-of-fate-rays{to{rotate:360deg}}@keyframes twist-of-fate-blaze{0%{filter:drop-shadow(0 0 4px #e9c46a80)}to{filter:drop-shadow(0 0 14px #ffd666f2)brightness(1.15)}}