@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Outfit:wght@300;400;600;700;800;900&display=swap";*{-webkit-user-select:none;user-select:none;-moz-user-drag:none;-webkit-user-drag:none;box-sizing:border-box;touch-action:none;margin:0;padding:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}html,body,#root{width:100%;height:100%;position:fixed;top:0;left:0}html{scrollbar-gutter:stable}body{background-color:#03101c}.stage-wrap{pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 80% 8%,#06b89b47,#0000 60%),radial-gradient(60% 70% at 15% 100%,#06b89b29,#0000 60%),radial-gradient(90% 60%,#0f43648c,#0000 70%),linear-gradient(#05192a 0%,#030d17 100%);position:fixed;inset:0;overflow:hidden}.bg-grid{transform-origin:50%;background-image:linear-gradient(#06b89b1a 1px,#0000 1px),linear-gradient(90deg,#06b89b1a 1px,#0000 1px);background-size:80px 80px;animation:6s ease-in-out infinite gridpulse;position:absolute;inset:-5%;-webkit-mask-image:radial-gradient(70% 60%,#000 40%,#0000 85%);mask-image:radial-gradient(70% 60%,#000 40%,#0000 85%)}@keyframes gridpulse{0%,to{opacity:.45;transform:translate(0)scale(1)}50%{opacity:.85;transform:translateY(-10px)scale(1.02)}}.rays{mix-blend-mode:screen;opacity:.35;background:conic-gradient(#06b89b00 0deg,#06b89b2e 10deg,#06b89b00 20deg 40deg,#06b89b1f 50deg,#06b89b00 60deg 90deg,#58d7b824 100deg,#06b89b00 110deg 150deg,#06b89b29 160deg,#06b89b00 170deg 220deg,#58d7b824 230deg,#06b89b00 240deg 290deg,#06b89b2e 300deg,#06b89b00 310deg 360deg);animation:22s linear infinite rayspin;position:absolute;inset:-30%}@keyframes rayspin{to{transform:rotate(360deg)}}.orbA,.orbB{filter:blur(80px);pointer-events:none;will-change:transform, filter;border-radius:50%;position:absolute}.orbA{background:radial-gradient(circle,#06b89be6,#0000 70%);width:760px;height:760px;animation:14s ease-in-out infinite floatA;top:-200px;right:-200px}.orbB{background:radial-gradient(circle,#0f4364e6,#0000 70%);width:820px;height:820px;animation:18s ease-in-out infinite floatB;bottom:-220px;left:-240px}@keyframes floatA{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(40px,-60px)scale(1.08)}}@keyframes floatB{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-50px,30px)scale(1.06)}}.grain{pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.fx-layer{z-index:1999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{transform-origin:50%;border-radius:3px;width:14px;height:14px;animation:1.6s cubic-bezier(.2,.7,.3,1) forwards burst;position:absolute;top:55%;left:50%}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.4)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:0}}.rain{width:14px;height:22px;animation:fall var(--dur) linear forwards;animation-delay:var(--delay);transform-origin:50%;border-radius:3px;position:absolute;top:-40px}@keyframes fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 1200px) rotate(720deg);opacity:.95}}.coin{width:44px;height:44px;animation:coinfall var(--dur) cubic-bezier(.3, .1, .7, 1) forwards;animation-delay:var(--delay);background:radial-gradient(circle at 30% 28%,#fff4b0,#f5c547 55%,#a67a0c 100%);border-radius:50%;position:absolute;top:-60px;box-shadow:inset 0 -4px #0000004d,0 8px 20px #0006}@keyframes coinfall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 1200px) rotate(900deg);opacity:1}}.shock{border:4px solid #58d7b8d9;border-radius:50%;width:40px;height:40px;animation:.9s cubic-bezier(.16,1,.3,1) forwards shockwave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes shockwave{0%{opacity:1;width:40px;height:40px}to{opacity:0;border-width:1px;width:1600px;height:1600px}}.win{z-index:2000;pointer-events:none;opacity:0;justify-content:center;align-items:flex-start;padding-top:30vh;transition:opacity .2s;display:flex;position:fixed;inset:0}.win.show{opacity:1}.win .backdrop{background:radial-gradient(80% 60%,#06b89b59,#030d17d9 70%);position:absolute;inset:0}.win.candy .backdrop{background:radial-gradient(80% 60%,#ff8fb366,#030d17d9 70%)}.win.drink .backdrop{background:radial-gradient(80% 60%,#7dd3fc61,#030d17d9 70%)}.win.felix .backdrop{background:radial-gradient(80% 60%,#06b89b8c,#030d17eb 70%)}.win-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(20px);opacity:0;background:#071a2bc7;border:2px solid #06b89b66;border-radius:32px;max-width:92vw;padding:50px 60px;font-family:Outfit,system-ui,sans-serif;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s;position:relative;overflow:visible;transform:scale(.6);box-shadow:0 40px 120px -30px #000000e6,0 0 100px #06b89b66}.win.show .win-card{opacity:1;transform:scale(1)}.win.candy .win-card{border-color:#ff8fb38c;box-shadow:0 40px 120px -30px #000000e6,0 0 100px #ff8fb380}.win.drink .win-card{border-color:#7dd3fc8c;box-shadow:0 40px 120px -30px #000000e6,0 0 100px #7dd3fc80}.win.felix .win-card{border-color:#58d7b8cc;box-shadow:0 40px 120px -30px #000000e6,0 0 160px #06b89bb3}.win.lose .win-card{border-color:#ffffff26;box-shadow:0 40px 120px -30px #000000e6}.win-pretitle{letter-spacing:.3em;text-transform:uppercase;color:#a8f0dc;margin-bottom:10px;font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:800}.win-title{letter-spacing:-.04em;color:#fff;white-space:nowrap;font-variation-settings:"opsz" 144, "SOFT" 50;margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(56px,8.5vw,120px);font-weight:900;line-height:.95;overflow:visible}.win-title em{font-variation-settings:"opsz" 144, "SOFT" 100;background:linear-gradient(#a8f0dc 0%,#06b89b 60%,#038c75 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #06b89bb3);vertical-align:baseline;-webkit-background-clip:text;background-clip:text;padding:0 .15em;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;display:inline-block;transform:translateY(.08em)}.win.candy .win-title em{background:linear-gradient(#ffd0df,#ff6c9a 60%,#c41f5b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.win.drink .win-title em{background:linear-gradient(#d6eeff,#4fb6e8 60%,#1e6fa3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.win-sub{font-variation-settings:"opsz" 48, "SOFT" 100;color:#ffffffd1;margin-top:12px;font-family:Fraunces,Georgia,serif;font-size:26px;font-style:italic;font-weight:300}.win-amount{font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.03em;color:#a8f0dc;text-shadow:0 0 40px #06b89b99;margin-top:14px;font-family:Fraunces,Georgia,serif;font-size:64px;font-weight:900}.win-meta{letter-spacing:.18em;text-transform:uppercase;color:#fffc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;gap:10px;margin-top:22px;padding:10px 20px;font-size:12px;font-weight:700;display:inline-flex}
