.ccm-roleta{--roleta-cor:#bc2545;--roleta-texto:#fff;font:16px/1.5 Montserrat,Arial,sans-serif;color:#25232a;box-sizing:border-box}
.ccm-roleta *{box-sizing:border-box}.ccm-roleta button,.ccm-roleta a{font:inherit}.ccm-roleta button{cursor:pointer;min-height:44px;border:0}.ccm-roleta button:focus-visible,.ccm-roleta a:focus-visible{outline:3px solid #1768c5;outline-offset:3px}.ccm-roleta[hidden]{display:none!important}
.roleta-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(3px);z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.roleta-panel{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow:auto;background:#fffaf7;border-radius:24px;box-shadow:0 24px 90px #0004;text-align:center;padding:24px;color:#25232a}
.roleta-direta{min-height:100vh;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.35)}.roleta-direta .roleta-panel{max-height:none}
.roleta-close{position:absolute;right:10px;top:10px;width:44px;border-radius:50%;background:transparent;color:#56505a;font-size:26px!important}.roleta-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--roleta-cor);margin:8px 35px}.roleta-title{font-size:27px;line-height:1.2;margin:12px 22px 10px;font-weight:800;overflow-wrap:anywhere}.roleta-intro{font-size:14px;color:#67616b;margin:0 0 16px}
.roleta-wheel-wrap{position:relative;width:100%;max-width:336px;aspect-ratio:1;margin:16px auto 20px;filter:drop-shadow(0 10px 15px #45263825)}.roleta-wheel{display:block;width:100%;height:auto;border:8px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #eee3db}.roleta-pointer{position:absolute;z-index:2;top:-16px;left:calc(50% - 20px);width:40px;height:56px;pointer-events:none;filter:drop-shadow(0 3px 3px #67420e45)}.roleta-flapper{display:block;width:40px;height:56px;transform-origin:50% 12px;will-change:transform}.roleta-pointer-pin{position:absolute;top:6px;left:14px;width:12px;height:12px;border:2px solid #fff1bd;border-radius:50%;background:#b97c1b;box-shadow:0 1px 2px #65400c55,inset 0 1px 1px #e9b650}.roleta-hub{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:#fffaf7;border:6px solid #fff;box-shadow:0 2px 6px #0002}
.roleta-primary{display:block;width:100%;background:var(--roleta-cor);color:var(--roleta-texto);font-weight:800!important;padding:14px 18px;border-radius:12px;transition:filter .2s}.roleta-primary:hover{filter:brightness(.92)}.roleta-primary:disabled{cursor:wait;opacity:.65}.roleta-secondary{background:transparent;color:#514958;text-decoration:underline;padding:10px}.roleta-fine{font-size:12px;color:#706873;margin:12px 0 0}.roleta-sound{background:transparent;color:#514958;font-size:12px!important;padding:6px 12px}.roleta-status{font-size:14px;margin:12px 0;overflow-wrap:anywhere}.roleta-code{display:block;font:800 21px/1.5 monospace;letter-spacing:.05em;border:1px dashed var(--roleta-cor);border-radius:12px;padding:12px 6px;background:#fff;margin:14px 0;overflow-wrap:anywhere}.roleta-result h3{font-size:24px;margin:8px 0}.roleta-result p{font-size:14px}.roleta-error{color:#a02236}
@media(max-width:360px){.roleta-panel{padding:18px}.roleta-title{font-size:23px}.roleta-overlay{padding:10px}}
@media(prefers-reduced-motion:reduce){.ccm-roleta *{transition:none!important;animation:none!important}}

.ccm-roleta [hidden]{display:none!important}
.roleta-hub{left:39%;top:39%;width:22%;height:22%;display:grid;place-items:center;overflow:hidden;background:#fff;border:4px solid #fff;padding:2px}.roleta-hub img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.roleta-sound{position:absolute;right:0;bottom:0;width:44px;height:44px;display:grid;place-items:center;background:transparent;border-radius:50%;box-shadow:none;padding:0;z-index:3}.roleta-sound svg{width:20px;height:20px}.roleta-premiada .roleta-sound{right:-12px;bottom:-8px}.roleta-premiada .roleta-sound svg{width:18px;height:18px}
.roleta-panel:focus{outline:none}.ccm-roleta .roleta-close:hover,.ccm-roleta .roleta-sound:hover{background:transparent;box-shadow:none;filter:none}
.roleta-code{display:flex;align-items:center;justify-content:center;gap:14px}.roleta-copy{display:inline-grid;place-items:center;width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.roleta-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:2147483646;background:#000;color:#fff;font:16px/1.5 Arial,sans-serif;padding:16px;border-radius:8px;max-width:540px;width:max-content;max-width:min(540px,calc(100vw - 32px));text-align:center}.roleta-toast-code{display:flex;align-items:center;justify-content:center;gap:12px;font-family:monospace;font-size:21px}
.roleta-identificacao .roleta-wheel-wrap,.roleta-identificacao .roleta-intro{display:none}.roleta-result>.roleta-primary+.roleta-primary{margin-top:12px}
.roleta-loss{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:center;text-align:left;margin:18px 0;padding:20px 18px;border:1px solid #e8e0e7;border-radius:18px;background:#fff;box-shadow:0 6px 20px #30293605}.roleta-loss-face{grid-row:1/3;display:grid;place-items:center;width:64px;height:64px;background:#f6f0fa;border-radius:50%;font-size:38px;line-height:1}.roleta-result .roleta-loss h3{font-size:20px;line-height:1.25;margin:0 0 5px;color:#302936}.roleta-result .roleta-loss p{font-size:14px;color:#716875;line-height:1.5;margin:0}
.roleta-auth{text-align:left}.roleta-auth label{display:block;font-size:14px;font-weight:600;margin:12px 0}.roleta-auth input{display:block;width:100%;min-height:46px;margin-top:5px;padding:10px 12px;background:#fff;border:1px solid #bdb6c1;border-radius:8px;font:16px Arial,sans-serif;color:#25232a}.roleta-auth input:focus{outline:2px solid #1768c5;outline-offset:2px}.roleta-auth .roleta-primary{margin-top:20px}
.roleta-premiada .roleta-intro{display:none}.roleta-premiada .roleta-wheel-wrap{max-width:210px;margin:18px auto 24px}
.roleta-prize-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;background:#fff;border:1px solid #eadfc7;border-radius:14px;padding:14px;margin:0 0 12px;text-align:left}
.roleta-prize-seal{grid-column:1;grid-row:1 / 3;align-self:center;display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:12px;background:#fff0c7;color:#806019}.roleta-prize-seal svg{width:24px;height:24px}
.roleta-prize-card h3{grid-column:2;font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none;color:#706653;margin:0;padding:0;border:0;box-shadow:none;font-weight:500}
.roleta-prize-card .roleta-prize-name{grid-column:2;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#25232a;margin:0;padding:0;overflow-wrap:anywhere;text-wrap:balance}
.roleta-prize-details{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #eee9df;text-align:left}.roleta-prize-details>div+div{border:0;padding:0}.roleta-prize-details dt{font-size:12px;line-height:1.4;color:#706653}.roleta-prize-details dd{font-size:13px;line-height:1.4;font-weight:600;color:#393328;margin:2px 0 0}
.roleta-prize-card .roleta-prize-note{grid-column:1 / -1;font-size:12px;color:#706653;margin:6px 0 0}.roleta-prize-card .roleta-code{grid-column:1 / -1;margin:10px 0 0;padding:4px 8px;background:#fff}
.roleta-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2147483601}.roleta-confetti i{position:absolute;top:28%;width:8px;height:13px;opacity:0;animation:roleta-confetti-fall 3s cubic-bezier(.15,.65,.45,1) both}
@keyframes roleta-confetti-fall{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}8%{opacity:1}25%{transform:translate3d(calc(var(--confetti-x) * .5),-18vh,0) rotate(calc(var(--confetti-turn) * .4))}75%{opacity:1}100%{opacity:0;transform:translate3d(var(--confetti-x),85vh,0) rotate(var(--confetti-turn))}}
@media(max-width:360px){.roleta-prize-card{padding:12px;column-gap:10px}.roleta-prize-card .roleta-prize-name{font-size:22px}.roleta-prize-details{gap:8px}}
@media(prefers-reduced-motion:reduce){.roleta-confetti{display:none}}

.ccm-roleta .roleta-primary{color:var(--roleta-texto,#fff)}.ccm-roleta .roleta-identificacao{padding:30px 28px 28px}.ccm-roleta .roleta-identificacao .roleta-kicker{margin:4px 32px 24px}.ccm-roleta .roleta-identificacao .roleta-result>h3{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 14px;text-wrap:balance}.ccm-roleta .roleta-identificacao .roleta-result>p{font-size:15px;line-height:1.6;color:#67616b;margin:0 0 24px}.ccm-roleta .roleta-identificacao .roleta-primary{min-height:52px;padding:14px 18px;line-height:1.4}.ccm-roleta .roleta-identificacao .roleta-primary+.roleta-primary{margin-top:14px}.ccm-roleta .roleta-status:empty{display:none}@media(max-width:360px){.ccm-roleta .roleta-identificacao{padding:28px 22px 24px}.ccm-roleta .roleta-identificacao .roleta-result>h3{font-size:22px}}

.ccm-roleta .ccm-recovery-feedback{background:#f0edf8;border-radius:10px;padding:12px;font-size:14px!important;margin:0 0 18px!important}.ccm-recovery-form input[name=codigo]{text-transform:uppercase;letter-spacing:.15em}
.ccm-roleta .roleta-result>.roleta-secondary{display:block;width:100%;margin:4px 0 0;text-align:center;min-height:44px}
.ccm-password-field{display:block;position:relative;margin-top:5px}.roleta-auth .ccm-password-field input{margin-top:0;padding-right:52px}.ccm-password-eye{position:absolute;right:2px;top:1px;bottom:1px;display:grid;place-items:center;width:44px;min-height:44px;border:0;border-radius:7px;background:transparent;color:#62596a;cursor:pointer;padding:0}.ccm-password-eye:hover{background:#f3eff6}.ccm-password-eye:focus-visible{outline:2px solid #1768c5;outline-offset:-3px}
.roleta-pending{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:2147483599;display:grid;place-items:center;width:60px;height:60px;padding:9px;border:1px solid #e4dbea;border-radius:50%;background:#fffaf7;color:#6c43c5;box-shadow:0 6px 24px #20132635;cursor:pointer}.roleta-pending span{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#d62953;color:#fff;font:bold 12px Arial,sans-serif}.roleta-pending:focus-visible{outline:3px solid #1768c5;outline-offset:3px}
.ccm-roleta .roleta-auth .roleta-field-error{display:flex;align-items:center;gap:9px;margin:10px 0 0;padding:12px 14px;border:1px solid #f2bfc7;border-radius:10px;background:#fff0f2;color:#991b32;font-size:13px;line-height:1.5;font-weight:500;text-align:left}.roleta-field-error:before{content:'!';flex:0 0 20px;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;font-weight:800}.roleta-auth input[aria-invalid=true]{border-color:#c92f4c;background:#fffafb}
