#ruleta{scroll-margin-top:85px;background:radial-gradient(ellipse at 24% 50%,#6f162e45,transparent 65%)}.roulette-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.roulette-stage{position:relative;max-width:470px;width:100%;aspect-ratio:1;margin:28px auto}.roulette-wheel{position:absolute;inset:0;border:12px solid #eac56e;border-radius:50%;box-shadow:0 0 0 6px #6b4822,0 0 0 9px #eac56e,0 25px 70px #0009;transition:transform 4.5s cubic-bezier(.12,.75,.12,1);overflow:hidden}.roulette-wheel span{position:absolute;top:50%;left:50%;width:42%;margin-left:-21%;margin-top:-24px;text-align:center;line-height:1.3;font-size:14px;font-weight:800;padding:0 14px;color:#fff;text-shadow:0 1px 3px #000}.roulette-pin{position:absolute;left:calc(50% - 14px);top:-20px;width:28px;height:40px;background:#ffe7a1;clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.roulette-hub{position:absolute;inset:39%;display:grid;place-items:center;text-align:center;border-radius:50%;background:#151016;border:3px solid #eac56e;color:#ffe7a1;font-weight:900;font-size:14px;letter-spacing:1px}.roulette-card{padding:28px;border:1px solid #8d633a;border-radius:22px;background:#120e15ed}.roulette-card h3{font-size:26px;margin-top:0}.roulette-card p{font-size:16px;line-height:1.6;color:#d3ccd0}.roulette-card label{display:block;font-size:16px;margin:16px 0 8px}.roulette-card input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #65585f;border-radius:9px;background:#070709;color:#fff;font:inherit}.roulette-card input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}.roulette-card button{font:inherit;cursor:pointer}.roulette-card .btn{margin-top:14px;width:100%;color:white}.roulette-card button:disabled{opacity:.55;cursor:wait}.roulette-card .text-button{background:none;border:0;color:#ffe2a0;text-decoration:underline;padding:12px 0;font-size:16px}.roulette-card :focus-visible{outline:3px solid #ffe2a0;outline-offset:4px}.roulette-message{padding:12px;border-left:3px solid #eac56e;white-space:pre-line;overflow-wrap:anywhere}.roulette-message:empty{display:none}.roulette-history{padding-left:20px;max-height:260px;overflow:auto}.roulette-history li{margin:14px 0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.roulette-history small{display:block;font-size:14px;color:#c7bfc4}.roulette-prizes{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;justify-content:center;font-size:14px}.roulette-prizes li{padding:8px 12px;border:1px solid #514033;border-radius:20px;background:#100e13}.roulette-card [hidden]{display:none!important}@media(max-width:800px){.roulette-layout{grid-template-columns:1fr;gap:20px}.roulette-stage{max-width:390px}.roulette-card{padding:22px}.roulette-wheel span{font-size:14px;padding:0 5px}}@media(prefers-reduced-motion:reduce){.roulette-wheel{transition:none}}
#ruleta{background:radial-gradient(ellipse at 22% 44%,#b5273538,transparent 58%),linear-gradient(110deg,#0c080ccc,#110c12cc)}
.roulette-stage{container-type:inline-size;max-width:490px;margin:36px auto 28px;border:2px solid #edcc82;border-radius:50%;background:conic-gradient(#483011,#e5b755,#fff0bb,#8e571c,#fff0bb,#be852f,#483011);box-shadow:0 0 0 5px #26130c,0 0 0 7px #8e6333,0 22px 45px #000c,inset 0 0 0 8px #a16b2c}
.roulette-wheel{inset:8%;border:3px solid #f4ce7c;box-shadow:0 0 0 5px #3c2212,0 0 0 7px #c0934d,inset 0 0 28px #000b;transition:transform 4.5s cubic-bezier(.1,.7,.09,1)}
.roulette-wheel::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 50%,#0005 100%);pointer-events:none}
.roulette-wheel .roulette-label{width:22%;height:25%;padding:0 3px;margin:0;left:39%;top:37.5%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;line-height:1.15;letter-spacing:.1px;white-space:pre-line;overflow-wrap:anywhere;transform:rotate(var(--sector-angle)) translateY(-28cqw);text-shadow:0 2px 2px #0009}
.roulette-wheel .retry-label{color:#c7b89a;font-size:14px;font-weight:650}
.roulette-pin{top:-6px;left:calc(50% - 18px);width:36px;height:59px;background:linear-gradient(100deg,#926026,#fff0af 45%,#d5a340 50%,#7b4816);filter:drop-shadow(0 3px 2px #0009);z-index:4;clip-path:polygon(5% 0,95% 0,90% 48%,50% 100%,10% 48%)}
.roulette-hub{inset:38%;z-index:3;border:3px solid #ffdda0;background:radial-gradient(circle at 35% 20%,#614327,#21150e 52%,#0c0907);box-shadow:0 5px 12px #000b,0 0 0 4px #6e451b,inset 0 0 0 3px #a16b2c;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#ffe2a0;letter-spacing:1px}
.roulette-hub strong{font-family:Georgia,serif;font-size:clamp(16px,4.4cqw,24px);letter-spacing:0}.roulette-hub small{font-size:12px}
.roulette-lights{position:absolute;inset:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,transparent 65%,#26140980 66%,transparent 71%)}
.roulette-lights i{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff2b6;border:1px solid #fff8dd;transform:rotate(var(--light-angle)) translateY(-46cqw);box-shadow:0 0 6px #ffe49b,0 0 12px #ffba4799}
.roulette-lights i:nth-child(2n){background:#ffe5a1;box-shadow:0 0 4px #ffe49b}
.roulette-limit{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0 18px;font-size:12px;letter-spacing:1px;color:#f6dba4}.roulette-limit span{border-bottom:1px solid #886137;padding:8px 2px}
.roulette-card{background:linear-gradient(135deg,#20151cee,#100d12);border:1px solid #73512f;box-shadow:0 20px 45px #0004}.roulette-card .btn.primary{background:linear-gradient(#f0ce83,#c99c47);border:1px solid #ffe5a7;color:#23150b;box-shadow:0 4px 0 #735122;font-weight:850}.roulette-prizes li{background:#191118;border-color:#5b4233;color:#edddc0}
@media(max-width:800px){.roulette-stage{width:calc(100% - 18px);max-width:430px}.roulette-layout{gap:30px}}
@media(prefers-reduced-motion:reduce){.roulette-wheel{transition:none}}