/* Wheel of Fortune - UI moderna (camada visual) */
body.mc-wheel{--gold:#e8c273;--gold2:#b98a3c;--ink:#f4efe4;--mut:#98a2b8;--line:rgba(255,255,255,.08);--glass:linear-gradient(160deg,rgba(24,28,44,.80),rgba(9,11,18,.90));--shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
body.mc-wheel::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,transparent 35%,rgba(4,5,9,.6) 100%),linear-gradient(180deg,rgba(6,8,14,.30),rgba(6,8,14,.62))}
body.mc-wheel .mm-main,body.mc-wheel .mm-header{position:relative;z-index:1}
/* cabecalho */
body.mc-wheel .mm-header{background:rgba(8,10,17,.72)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--line)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)}
body.mc-wheel .mm-header nav a{position:relative;color:#d9dbe4;transition:color .2s}
body.mc-wheel .mm-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}
body.mc-wheel .mm-header nav a:hover{color:#fff}
body.mc-wheel .mm-header nav a:hover::after{transform:scaleX(1)}
body.mc-wheel .mm-wallet{border-radius:16px!important;background:linear-gradient(160deg,rgba(232,194,115,.14),rgba(255,255,255,.03))!important;border:1px solid rgba(232,194,115,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.mc-wheel .mm-balance{font-variant-numeric:tabular-nums;letter-spacing:.02em}
body.mc-wheel .mm-mute,body.mc-wheel .mm-settings summary{border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--line)!important;transition:border-color .2s,background .2s,transform .2s}
body.mc-wheel .mm-mute:hover,body.mc-wheel .mm-settings summary:hover{border-color:rgba(232,194,115,.5)!important;background:rgba(232,194,115,.08)!important;transform:translateY(-1px)}
body.mc-wheel .mc-settings-panel{border-radius:16px!important;background:rgba(10,12,20,.92)!important;backdrop-filter:blur(18px);border:1px solid rgba(232,194,115,.22)!important;box-shadow:0 20px 50px rgba(0,0,0,.6)}
/* titulo da pagina */
body.mc-wheel .mm-page-title{position:relative;padding-bottom:14px;margin-bottom:6px}
body.mc-wheel .mm-page-title :is(h1,h2){background:linear-gradient(100deg,#fff6d8 0%,var(--gold) 45%,#fff0c0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.06em;filter:drop-shadow(0 4px 18px rgba(232,194,115,.25))}
body.mc-wheel .mm-page-title::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),transparent)}
/* paineis de vidro */
body.mc-wheel .mm-machine,body.mc-wheel .wof-sidebar,body.mc-wheel .wof-milestones,body.mc-wheel .mm-history,body.mc-wheel .mm-claims{background:var(--glass)!important;border:1px solid rgba(232,194,115,.16)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.mc-wheel .mm-machine-heading h2{letter-spacing:.32em;font-size:15px;color:var(--gold)}
body.mc-wheel .wof-hint-bubble{border-radius:14px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;backdrop-filter:blur(8px)}
/* reel */
body.mc-wheel .wof-reel-viewport{border-radius:18px!important;border:1px solid rgba(232,194,115,.28)!important;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.35)),#070912!important;box-shadow:inset 0 0 40px rgba(0,0,0,.7),0 10px 30px rgba(0,0,0,.4)}
body.mc-wheel .wof-reel-card{border-radius:14px!important}
/* console */
body.mc-wheel .mm-console{gap:12px!important;background:none!important;border:0!important;padding:0!important}
body.mc-wheel .mm-console>:is(.mm-cost,.mm-spins,.mm-total){border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.mc-wheel .mm-cost-value,body.mc-wheel .mm-total strong,body.mc-wheel .mm-spins strong{font-family:Cinzel,Georgia,serif;font-size:26px;letter-spacing:.03em;color:#fff}
body.mc-wheel .mm-console small,body.mc-wheel .mm-console span{color:var(--mut)}
body.mc-wheel .mm-stepper button{width:34px;height:34px;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:#fff;transition:transform .2s,border-color .2s,background .2s}
body.mc-wheel .mm-stepper button:hover:not(:disabled){border-color:var(--gold)!important;background:rgba(232,194,115,.14)!important;transform:scale(1.08)}
/* botoes */
body.mc-wheel .wof-spin-btn--primary,body.mc-wheel .wof-claim-btn{background:linear-gradient(180deg,#f3d88f 0%,#dcae52 55%,#b98a3c 100%)!important;color:#2a1c05!important;border:0!important;border-radius:14px!important;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 26px rgba(185,138,60,.35),inset 0 1px 0 rgba(255,255,255,.55)!important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
body.mc-wheel .wof-spin-btn--secondary,body.mc-wheel .wof-secondary-btn,body.mc-wheel .wof-buy{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;color:var(--ink)!important;transition:transform .2s,border-color .2s,background .2s}
body.mc-wheel .wof-spin-btn--secondary:hover,body.mc-wheel .wof-secondary-btn:hover,body.mc-wheel .wof-buy:hover{border-color:rgba(232,194,115,.6)!important;background:rgba(232,194,115,.1)!important;transform:translateY(-2px)}
body.mc-wheel .mc-skip,body.mc-wheel .mm-stop,body.mc-wheel .mm-reload{border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;color:var(--mut)!important;transition:color .2s,border-color .2s}
body.mc-wheel .mc-skip:hover,body.mc-wheel .mm-stop:hover,body.mc-wheel .mm-reload:hover{color:#fff!important;border-color:rgba(232,194,115,.5)!important}
/* sidebar */
body.mc-wheel .wof-sidebar-eyebrow,body.mc-wheel .wof-milestone-eyebrow{color:var(--gold)!important;letter-spacing:.28em;font-size:11px;font-weight:700}
body.mc-wheel .wof-sidebar-title{font-family:Cinzel,Georgia,serif;font-size:28px;color:#fff}
body.mc-wheel .wof-sidebar-desc,body.mc-wheel .wof-milestone-desc{color:var(--mut)}
body.mc-wheel .wof-featured-card{border-radius:18px!important;background:radial-gradient(120% 90% at 50% 0%,rgba(232,194,115,.12),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.35))!important;border:1px solid rgba(232,194,115,.25)!important}
body.mc-wheel .wof-balance-value{font-family:Cinzel,Georgia,serif;font-size:20px;color:#fff}
/* ---- Sistema de acumulo ---- */
@keyframes wuiIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes wuiBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wuiShimmer{from{transform:translateX(-120%)}to{transform:translateX(320%)}}
@keyframes wuiNext{0%,100%{box-shadow:0 0 0 rgba(122,168,255,0),inset 0 0 0 1px rgba(122,168,255,.35)}50%{box-shadow:0 0 30px rgba(122,168,255,.35),inset 0 0 0 1px rgba(122,168,255,.75)}}
@keyframes wuiIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.wui{opacity:0}
.wui.wui-in{opacity:1;animation:wuiIn .8s cubic-bezier(.16,1,.3,1) calc(var(--wi,0) * 70ms) backwards}
body.mc-wheel .wof-milestones{padding:30px 32px!important}
body.mc-wheel .wof-milestone-title{font-family:Cinzel,Georgia,serif;font-size:32px;letter-spacing:.03em;background:linear-gradient(100deg,#fff6d8,var(--gold) 50%,#fff0c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.mc-wheel .wof-milestone-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:16px!important}
body.mc-wheel .wof-milestone-stat{position:relative;overflow:hidden;border-radius:18px!important;padding:20px 16px!important;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),rgba(10,12,20,.6)!important;border:1px solid var(--line)!important;transition:transform .3s,border-color .3s,box-shadow .3s}
body.mc-wheel .wof-milestone-stat::before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(232,194,115,.16),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
body.mc-wheel .wof-milestone-stat:hover{transform:translateY(-3px);border-color:rgba(232,194,115,.4)!important;box-shadow:0 14px 34px rgba(0,0,0,.4)}
body.mc-wheel .wof-milestone-stat:hover::before{opacity:1}
body.mc-wheel .wof-milestone-stat-value{display:block;font-family:Cinzel,Georgia,serif;font-size:46px;line-height:1.05;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff6d8,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px rgba(232,194,115,.3))}
body.mc-wheel .wof-milestone-stat--days .wof-milestone-stat-value{background:linear-gradient(180deg,#eaf1ff,#7aa8ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 14px rgba(122,168,255,.35))}
body.mc-wheel .wof-milestone-stat-label{display:block;margin-top:6px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)!important}
body.mc-wheel .wof-milestone-list{gap:14px!important}
body.mc-wheel .wof-milestone-tier{position:relative;display:flex;align-items:center;gap:14px;padding:16px!important;border-radius:18px!important;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(232,194,115,0),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),rgba(10,12,20,.65)!important;border:1px solid var(--line)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s,background .3s;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}
body.mc-wheel .wof-milestone-tier:hover{--lift:1;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px);border-color:rgba(232,194,115,.5)!important;box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 28px rgba(232,194,115,.14);background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(232,194,115,.16),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(10,12,20,.7)!important}
body.mc-wheel .wof-milestone-tier.is-next{border-color:rgba(122,168,255,.55)!important;animation:wuiNext 2.6s ease-in-out infinite}
body.mc-wheel .wof-milestone-icon{flex:none;width:54px;height:54px;border-radius:16px!important;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(232,194,115,.3),rgba(18,20,32,.95))!important;border:1px solid rgba(232,194,115,.38)!important;box-shadow:inset 0 0 14px rgba(0,0,0,.6),0 6px 16px rgba(0,0,0,.4)}
body.mc-wheel .wof-milestone-icon img{max-width:40px;max-height:40px;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .3s}
body.mc-wheel .wof-milestone-tier:hover .wof-milestone-icon img{transform:scale(1.18) rotate(-6deg);filter:drop-shadow(0 0 10px rgba(255,214,120,.7))}
body.mc-wheel .wof-milestone-tier.is-next .wof-milestone-icon img{animation:wuiIcon 2.6s ease-in-out infinite}
body.mc-wheel .wof-milestone-threshold{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)!important;font-weight:800}
body.mc-wheel .wof-milestone-name{color:var(--ink)!important;font-weight:600;line-height:1.3}
body.mc-wheel .wof-milestone-bar{height:6px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;overflow:hidden;margin-top:8px}
body.mc-wheel .wof-milestone-bar-fill{position:relative;height:100%;border-radius:inherit!important;background:linear-gradient(90deg,#b98a3c,#f6dc94)!important;box-shadow:0 0 12px rgba(232,194,115,.7);transform-origin:left center;overflow:hidden}
body.mc-wheel .wof-milestone-bar-fill::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:wuiShimmer 2.4s ease-in-out infinite}
.wof-milestones.wui-in .wof-milestone-bar-fill{animation:wuiBar 1.4s cubic-bezier(.16,1,.3,1) calc(.35s + var(--wi,0) * 70ms) backwards}
body.mc-wheel .wof-milestone-status{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)!important;min-width:3ch;text-align:right}
/* historico e resgates */
body.mc-wheel .mm-panel-title{font-family:Cinzel,Georgia,serif;letter-spacing:.06em;color:#fff}
body.mc-wheel .mm-history-row,body.mc-wheel .wof-reward-row{border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))!important;border:1px solid var(--line)!important;margin-bottom:8px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s}
body.mc-wheel .mm-history-row:hover,body.mc-wheel .wof-reward-row:hover{transform:translateX(5px);border-color:rgba(232,194,115,.4)!important;background:linear-gradient(180deg,rgba(232,194,115,.08),rgba(255,255,255,.01))!important}
body.mc-wheel .mm-history-row[data-rarity=rare] .mm-history-mark{color:#72dcf2;text-shadow:0 0 10px #72dcf2}
body.mc-wheel .mm-history-row[data-rarity=epic] .mm-history-mark{color:#c08cff;text-shadow:0 0 10px #c08cff}
body.mc-wheel .mm-history-row[data-rarity=legendary] .mm-history-mark{color:#ffd36b;text-shadow:0 0 12px #ffd36b}
body.mc-wheel .mm-history-row[data-rarity=legendary]{border-color:rgba(255,211,107,.35)!important}
body.mc-wheel .wof-claim-btn{padding:8px 16px;transition:transform .2s,filter .2s}
body.mc-wheel .wof-claim-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.mc-wheel .mm-history,body.mc-wheel .mm-claims{scrollbar-width:thin;scrollbar-color:rgba(232,194,115,.4) transparent}
@media (max-width:1100px){body.mc-wheel .wof-milestone-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){body.mc-wheel .wof-milestone-list{grid-template-columns:1fr!important}body.mc-wheel .wof-milestone-stats{grid-template-columns:1fr 1fr}body.mc-wheel .wof-milestone-stat-value{font-size:34px}body.mc-wheel .wof-milestones{padding:20px 16px!important}}
@media (prefers-reduced-motion:reduce){.wui,.wui.wui-in{opacity:1!important;animation:none!important}body.mc-wheel .wof-milestone-tier,body.mc-wheel .wof-milestone-tier *{animation:none!important}}

body.mc-wheel .mm-console>.mm-free{background:none!important;border:0!important;box-shadow:none!important;color:var(--mut)!important;text-align:center;font-size:12px}

body.mc-wheel .wof-milestones::before,body.mc-wheel .wof-milestones::after,body.mc-wheel .wof-sidebar::before,body.mc-wheel .wof-sidebar::after{background:linear-gradient(90deg,transparent,rgba(232,194,115,.55),transparent)!important;height:1px!important;opacity:.9}
body.mc-wheel .wof-milestone-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px;display:block;-webkit-line-clamp:unset!important}
body.mc-wheel .wof-milestone-info{min-width:0;flex:1}
body.mc-wheel .wof-claim-btn{white-space:nowrap;padding:9px 16px!important}
body.mc-wheel .wof-reward-row{padding:12px 14px!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.mc-wheel .mm-history-row{padding:11px 14px!important}

/* cards do mesmo tamanho */
body.mc-wheel .wof-reel-card{flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;box-sizing:border-box!important}
body.mc-wheel .wof-reel-card-name{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;line-height:1.25;white-space:normal!important;padding:0 8px;box-sizing:border-box;max-width:100%}
body.mc-wheel .wof-milestone-list{grid-auto-rows:1fr!important;align-items:stretch}
body.mc-wheel .wof-milestone-tier{min-height:118px;height:100%;box-sizing:border-box}
body.mc-wheel .wof-milestone-name{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important}