html.ruleta-open{overflow:hidden}.ruleta-launcher{position:fixed;left:16px;bottom:16px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:linear-gradient(135deg,#b7410e,#e8751a,#f5c518);color:#121212;font-weight:700;font-size:.9rem;box-shadow:0 10px 30px #00000073;animation:ruleta-bob 2.6s ease-in-out infinite}.ruleta-launcher[hidden]{display:none}.ruleta-launcher-icon{display:inline-flex;animation:ruleta-rot 6s linear infinite}@keyframes ruleta-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ruleta-rot{to{transform:rotate(360deg)}}.ruleta-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000bf;backdrop-filter:blur(4px);animation:ruleta-fade .25s ease-out}.ruleta-overlay[hidden]{display:none}@keyframes ruleta-fade{0%{opacity:0}}.ruleta-card{position:relative;width:100%;max-width:380px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 20px 20px;border-radius:24px;text-align:center;color:#f3f4f6;background:radial-gradient(120% 60% at 50% 0%,rgba(232,117,26,.22),transparent 60%),radial-gradient(80% 50% at 50% 100%,rgba(46,139,139,.2),transparent 70%),#161616;border:1px solid rgba(245,197,24,.35);box-shadow:0 25px 60px #0009,inset 0 0 0 1px #ffffff08;animation:ruleta-pop .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes ruleta-pop{0%{transform:scale(.85);opacity:0}}.ruleta-close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:#9ca3af}.ruleta-close:hover{color:#fff;background:#ffffff0f}.ruleta-kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#f5c518;font-weight:700}.ruleta-title{font-family:Bebas Neue,Impact,sans-serif;font-size:3rem;line-height:1;letter-spacing:.06em;margin-top:2px;background:linear-gradient(90deg,#e8751a,#f5c518,#e8751a);-webkit-background-clip:text;background-clip:text;color:transparent}.ruleta-sub{margin-top:6px;font-size:.95rem;color:#d1d5db}.ruleta-sub[hidden]{display:none}.ruleta-sub b{color:#f5c518}.ruleta-stage{position:relative;width:min(100%,300px);aspect-ratio:1;margin:18px auto 6px}.has-result .ruleta-stage{width:min(100%,220px);margin-top:12px}.ruleta-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#3a2a10 60%,#7a5a12 66%,#f5c518,#a87d10 74%,#3a2a10);box-shadow:0 0 0 3px #121212,0 0 30px #f5c51859}.ruleta-bulb{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none}.ruleta-bulb:before{content:"";position:absolute;top:3.5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff7d1;box-shadow:0 0 6px 2px #ffe678e6;animation:ruleta-blink 1.2s steps(1) infinite}.ruleta-bulb.odd:before{animation-delay:.6s}.is-spinning .ruleta-bulb:before{animation-duration:.25s}.is-spinning .ruleta-bulb.odd:before{animation-delay:.125s}@keyframes ruleta-blink{0%{opacity:1}50%{opacity:.25;box-shadow:none}}.ruleta-wheel{position:absolute;inset:16px}.ruleta-wheel canvas{display:block}.ruleta-hub{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px;display:grid;place-items:center;border-radius:50%;font-family:Bebas Neue,Impact,sans-serif;font-size:1.9rem;color:#121212;background:radial-gradient(circle at 35% 30%,#fff3b0,#f5c518 45%,#b8860b);box-shadow:0 0 0 4px #121212,0 4px 12px #00000080;pointer-events:none}.ruleta-pointer{position:absolute;top:2px;left:50%;width:34px;height:42px;margin-left:-17px;background:linear-gradient(180deg,#fff,#e5e7eb);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.6));pointer-events:none}.ruleta-pointer:after{content:"";position:absolute;inset:4px 7px 12px;background:#b7410e;clip-path:polygon(0 0,100% 0,50% 100%)}.ruleta-actions[hidden],.ruleta-result[hidden],.ruleta-code-box[hidden]{display:none}.ruleta-spin,.ruleta-done{width:100%;margin-top:12px;padding:14px 20px;border-radius:14px;font-family:Bebas Neue,Impact,sans-serif;font-size:1.7rem;letter-spacing:.08em;color:#121212;background:linear-gradient(135deg,#b7410e,#e8751a,#f5c518,#6b8e23,#2e8b8b);box-shadow:0 6px #6b2507,0 10px 20px #0006;transition:transform .08s,box-shadow .08s,opacity .2s}.ruleta-spin:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #6b2507}.ruleta-spin:disabled{opacity:.75;cursor:wait}.ruleta-fine{margin-top:10px;font-size:.75rem;color:#9ca3af}.ruleta-result{margin-top:10px}.ruleta-result-title{font-family:Bebas Neue,Impact,sans-serif;font-size:2.3rem;line-height:1.05;letter-spacing:.05em;color:#f3f4f6}.ruleta-result-title.win{color:#f5c518;text-shadow:0 0 18px rgba(245,197,24,.5)}.ruleta-result-text{margin-top:4px;font-size:.92rem;color:#d1d5db}.ruleta-result-text b{color:#fff}.ruleta-code-box{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 8px 8px 14px;border-radius:14px;border:2px dashed #F5C518;background:#f5c51814}.ruleta-code{flex:1;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:#fff;-webkit-user-select:all;-moz-user-select:all;user-select:all}.ruleta-copy{padding:8px 14px;border-radius:10px;background:#f5c518;color:#121212;font-weight:700;font-size:.85rem}@media(prefers-reduced-motion:reduce){.ruleta-launcher,.ruleta-launcher-icon,.ruleta-bulb:before{animation:none}}