:root{--bg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16171d}}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}.spinwheel-page{box-sizing:border-box;background-image:url(/assets/bgM-CaMABqZd.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3.5dvh,40px);width:100%;min-height:100dvh;padding:24px;display:flex;position:relative}@media (width>=768px){.spinwheel-page{background-image:url(/assets/bgT-Dk0e_WN8.jpg)}}@media (width>=1024px){.spinwheel-page{background-image:url(/assets/bgD-DoE2NlQl.jpg)}}.site-logo{z-index:10;width:130px;height:auto;position:absolute;top:16px;left:16px}@media (width>=768px){.site-logo{width:170px;top:24px;left:28px}}.wheel-stage{aspect-ratio:1;flex:none;justify-content:center;align-items:center;width:min(100%,480px,58dvh);margin-top:40px;display:flex;position:relative}.wheel-svg{width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.15,.65,.15,1);position:absolute;inset:0}.wheel-outer-ring{z-index:1;background:conic-gradient(#fff6d8 0%,#ffe87c 18%,gold 45%,#daa520 75%,gold 100%);border-radius:50%;width:108%;height:108%;position:absolute;box-shadow:0 8px 24px #00000073;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 24px),#000 calc(100% - 21px));mask:radial-gradient(farthest-side,#0000 calc(100% - 24px),#000 calc(100% - 21px))}.wheel-outer-glow{filter:blur(10px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ffd70000 60%,#ffd7005c 68%,#ffd70000 76%);border-radius:50%;width:116%;height:116%;position:absolute}.wheel-bulb{aspect-ratio:1;z-index:5;backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#fffbe0 0%,#ffe98f 35%,gold 65%,#d9a520 88%,#b8860b 100%);border-radius:50%;width:3.34%;margin:-1.67% 0 0 -1.67%;position:absolute;box-shadow:0 0 12px 4px #ffd70066}@keyframes bulb-blink{0%,to{opacity:1;filter:brightness(1.2);box-shadow:0 0 12px 5px #ffdc5af2}50%{opacity:.35;filter:brightness(.6);box-shadow:0 0 3px 1px #ffdc5a40}}.blink-a{animation:1.1s ease-in-out infinite bulb-blink}.blink-b{animation:1.1s ease-in-out .55s infinite bulb-blink}.wheel-pointer{z-index:6;width:30px;height:52px;clip-path:path("M15 0 C 23.3 0 30 6.7 30 15 C 30 20.2 26.6 23.8 22 27.3 L 15 52 L 8 27.3 C 3.4 23.8 0 20.2 0 15 C 0 6.7 6.7 0 15 0 Z");filter:drop-shadow(0 2px 3px #0006);transform-origin:50% 15%;background:linear-gradient(135deg,#ffe87c,gold 50%,#daa520 100%);border:1.5px solid #daa520;margin-left:-15px;position:absolute;top:-10px;left:50%}.wheel-pointer-hole{background:#fff;border:1px solid #daa520;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.wheel-coin{object-fit:cover;z-index:7;border-radius:50%;width:30%;height:30%;position:absolute;box-shadow:0 4px 14px #00000080}.spin-btn{color:#12356b;letter-spacing:.02em;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:20px;padding:14px 48px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 18px #00000059}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #0006}.spin-btn:active:not(:disabled){transform:translateY(0)}.spin-btn:disabled{opacity:.7;cursor:not-allowed}.confetti-layer{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;animation-fill-mode:forwards;position:absolute}.confetti-round{border-radius:50%}.confetti-square{border-radius:2px}.confetti-fall{animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);top:-20px}@keyframes confetti-fall{0%{transform:translate(0, 0) rotate(var(--rotateStart)) scale(1);opacity:1}to{transform:translate(var(--drift), 110vh) rotate(calc(var(--rotateStart) + 620deg)) scale(.9);opacity:0}}.confetti-burst-left{animation-name:confetti-burst-left;animation-timing-function:cubic-bezier(.15,.7,.3,1);bottom:-10px;left:-10px}@keyframes confetti-burst-left{0%{transform:translate(0, 0) rotate(var(--rotateStart)) scale(1);opacity:1}45%{transform:translate(var(--midX), var(--midY)) rotate(calc(var(--rotateStart) + 260deg)) scale(1);opacity:1}to{transform:translate(var(--endX), var(--endY)) rotate(calc(var(--rotateStart) + 620deg)) scale(.85);opacity:0}}.confetti-burst-right{animation-name:confetti-burst-right;animation-timing-function:cubic-bezier(.15,.7,.3,1);bottom:-10px;right:-10px}@keyframes confetti-burst-right{0%{transform:translate(0, 0) rotate(var(--rotateStart)) scale(1);opacity:1}45%{transform:translate(var(--midX), var(--midY)) rotate(calc(var(--rotateStart) - 260deg)) scale(1);opacity:1}to{transform:translate(var(--endX), var(--endY)) rotate(calc(var(--rotateStart) - 620deg)) scale(.85);opacity:0}}.result-overlay{box-sizing:border-box;z-index:20;background:#060e1eb8;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-card{box-sizing:border-box;text-align:center;background:linear-gradient(#fff,#f5f2e9);border-radius:20px;width:100%;max-width:380px;padding:46px clamp(20px,6vw,40px) clamp(26px,6vw,32px);animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;position:relative;box-shadow:0 20px 60px #00000080}.result-dismiss{color:#a9791f;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.result-dismiss:hover{color:#12356b;background:#12356b14}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.result-title{letter-spacing:.1em;text-transform:uppercase;color:#a9791f;overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.result-value{color:#12356b;overflow-wrap:anywhere;margin:0 0 20px;font-size:clamp(26px,7vw,32px);font-weight:800}.result-close{color:#fff;cursor:pointer;background:#12356b;border:none;border-radius:999px;padding:12px clamp(24px,8vw,32px);font-size:15px;font-weight:700}.result-subtitle{color:#6b6350;overflow-wrap:anywhere;margin:0;font-size:14px}.name-overlay{-webkit-backdrop-filter:blur(3px);z-index:40;box-sizing:border-box;background:#060e1eb8;justify-content:center;align-items:center;padding:24px;animation:.2s name-fade-in;display:flex;position:fixed;inset:0}@keyframes name-fade-in{0%{opacity:0}to{opacity:1}}.name-card{text-align:center;background:linear-gradient(#fff,#f5f2e9);border:2px solid gold;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:34px 30px 30px;animation:.3s cubic-bezier(.34,1.56,.64,1) name-pop-in;display:flex;position:relative;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #daa52066}@keyframes name-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.name-card-logo{width:120px;height:auto;margin-bottom:14px}.name-title{letter-spacing:.14em;text-transform:uppercase;color:#a9791f;margin:0 0 6px;font-size:14px;font-weight:700}.name-subtitle{color:#12356b;margin:0 0 22px;font-size:20px;font-weight:800}.name-input{box-sizing:border-box;color:#12356b;text-align:center;background:#fff;border:1.5px solid #d8cba0;border-radius:999px;outline:none;width:100%;padding:13px 18px;font-size:16px;transition:border-color .15s,box-shadow .15s}.name-input::placeholder{color:#a7a08a}.name-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70040}.name-error{color:#c0392b;margin:12px 0 0;font-size:13px;font-weight:600}.name-submit{color:#12356b;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ffe87c,gold 50%,#daa520 100%);border:none;border-radius:999px;width:100%;margin-top:18px;padding:13px 32px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 18px #00000047}.name-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #00000059}.name-submit:active:not(:disabled){transform:translateY(0)}.name-submit:disabled{opacity:.55;cursor:not-allowed}
