/* v13.3.10 RC3 — release verification marker */
/* =========================================================
   v10.2 — Revisão visual / legibilidade + temas sazonais
   Baseada na referência visual auditada do Halloween Subway.
   ========================================================= */
:root{
  --ui-font:15px;
  --ui-small:13px;
  --ui-micro:12px;
  --theme-accent:var(--orange);
  --theme-accent-2:var(--purple);
  --theme-positive:var(--lime);
}
html{font-size:16px}
body{font-size:var(--ui-font);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.campaign-shell{position:relative}
.site-header{height:76px}
.header-inner,.hero-zone,.content-wrap,.winner-strip,.site-footer{max-width:1320px}
.header-inner{padding:0 28px}
.brand-mark{width:40px;height:40px;border-radius:11px;font-size:18px}
.brand-name{font-size:22px;letter-spacing:-.45px}
.brand-name.compact{font-size:17px}
.beta-pill{font-size:10px;padding:4px 8px;border-radius:5px}
.balance small{font-size:11px}.balance strong{font-size:17px}
.deposit-header{height:42px;font-size:13px;padding-inline:18px}
.avatar-button{width:42px!important;height:42px!important;font-size:16px}
.ghost-button,.guest-actions button{font-size:13px;min-height:42px;padding-inline:18px}
.hero-zone{padding:42px 28px 26px}
.hero-card{min-height:470px;border-radius:22px}
.hero-copy{padding:64px 24px 58px 66px}
.eyebrow{font-size:12px;padding:8px 12px;letter-spacing:1.5px}
.hero-copy h1{font-size:clamp(54px,5.6vw,74px);line-height:.91;letter-spacing:-3.2px}
.hero-copy p{font-size:17px;line-height:1.65;max-width:560px;color:#d3c7c0}
.hero-buttons{margin-top:30px;gap:24px}.hero-buttons .orange-button{height:52px;padding:0 27px;font-size:15px}.text-link{font-size:14px}
.runner-card{width:290px;padding:36px}.runner-card>span:not(.gamepad){font-size:20px}.runner-card strong{font-size:42px}.runner-card small{font-size:11px;letter-spacing:4px}.gamepad{font-size:32px}
.coin{width:36px;height:36px;font-size:16px}
.winner-strip{min-height:62px}.winner-label{font-size:12px;padding:0 20px}.winner-track>div{padding:11px 18px}.mini-avatar{width:32px;height:32px;font-size:13px}.winner-track p strong{font-size:13px}.winner-track p small{font-size:11px}.winner-track b{font-size:13px}
.content-wrap{padding:0 28px 42px}.daily-banner{min-height:104px;padding:20px 24px}.daily-icon{width:54px;height:54px;font-size:22px}.daily-banner small{font-size:11px}.daily-banner h2{font-size:21px;margin:4px 0}.daily-banner p{font-size:13px}.purple-button{min-height:44px;font-size:13px;padding-inline:18px}
.section-heading{margin-top:40px;margin-bottom:18px}.section-heading span{font-size:11px}.section-heading h2{font-size:30px}.section-heading p{font-size:13px}
.game-card,.side-card{border-radius:16px}.game-info{padding:20px 22px}.game-info h3,.side-card h3{font-size:18px}.game-info p,.side-card p{font-size:13px}.live-dot,.side-card small{font-size:11px}.game-info .orange-button{min-height:44px;font-size:13px;padding-inline:20px}.side-card{padding:24px 22px;min-height:150px}.side-icon{width:48px;height:48px;font-size:20px}
.site-footer{min-height:92px;padding:22px 28px}.site-footer,.site-footer p,.trust small{font-size:12px}.trust strong{font-size:13px}
.account-popover{width:270px!important;padding:12px!important;border-radius:12px!important}.account-popover>strong{font-size:15px!important;padding:10px 12px!important}.account-popover button{font-size:14px!important;min-height:38px!important;padding:9px 12px!important}
.modal-backdrop{padding:24px}.campaign-modal,.campaign-dialog{width:min(560px,calc(100vw - 32px))!important;border-radius:16px!important}.campaign-modal{max-height:min(88vh,820px)!important}.campaign-modal #modalContent{font-size:15px}.campaign-dialog{font-size:15px!important}.campaign-dialog h1,.campaign-dialog h2,.campaign-dialog h3,.modal-title h2{font-size:24px!important;line-height:1.2}.campaign-dialog p,.campaign-dialog label,.campaign-dialog input,.campaign-dialog select,.campaign-dialog button,.campaign-dialog textarea{font-size:14px!important}.campaign-dialog small,.campaign-dialog .muted,.security-note,.operation-rule,.transaction-feedback>small{font-size:12px!important;line-height:1.45!important}.campaign-dialog strong{font-size:inherit}.campaign-dialog input,.campaign-dialog select{min-height:44px!important}.campaign-dialog button{min-height:42px!important}.modal-close{width:38px!important;height:38px!important;font-size:22px!important}
.wallet-balance small,.wallet-breakdown small,.mission-summary small,.mission-list small,.affiliate-rate span,.skill-game-head small,.game-result>small,.game-history-summary small{font-size:11px!important}.wallet-balance strong{font-size:34px!important}.wallet-breakdown strong{font-size:20px!important}.wallet-breakdown span,.mission-list p,.affiliate-rate small,.affiliate-volume,.commission-history article small,.skill-game>p,.skill-rules span,.game-result>span,.history-detail,.history-empty{font-size:12px!important}.wallet-actions button,.history-filters select,.complete-profile-link,.mission-list button,.commission-history h3,.commission-history article strong,.commission-history article b,.skill-game-head strong,.game-processing strong,.game-play-list article>div:nth-child(2)>strong,.game-play-list b{font-size:12px!important}.mission-list strong,.payment-method strong,.wheel-lock strong{font-size:13px!important}.mission-list em,.wheel-result span,.play-score small{font-size:10px!important}

/* Halloween — próximo da linguagem visual original: marrom escuro, laranja, roxo e verde ácido. */
body[data-theme="halloween"]{
  --lime:#99f36b;--orange:#f47a21;--purple:#7b3ff2;--ink:#090708;--panel:#171016;--line:#3a2432;--muted:#b4a2ae;--theme-accent:#f47a21;--theme-accent-2:#7b3ff2;
}
body[data-theme="halloween"] .campaign-shell{
  background:
    radial-gradient(circle at 13% 17%,#6b250e26 0 2px,transparent 3px),
    radial-gradient(circle at 86% 22%,#7b3ff21c 0 2px,transparent 3px),
    linear-gradient(135deg,transparent 0 48%,#f47a2109 49% 51%,transparent 52%) 0 0/80px 80px,
    radial-gradient(circle at 50% -8%,#4c160d 0,#1b0c0a 38%,#09080b 74%);
}
body[data-theme="halloween"] .site-header{background:#0b080cf2;border-bottom-color:#f47a2152}
body[data-theme="halloween"] .hero-card{border-color:#f47a217a;background:linear-gradient(112deg,#351108 0%,#170b0d 48%,#190f16 100%);box-shadow:0 28px 90px #000b,0 0 70px #f47a2114}
body[data-theme="halloween"] .hero-card::after{content:"";position:absolute;right:-80px;top:-100px;width:360px;height:360px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f47a2111 0 2deg,transparent 2deg 18deg);mask:radial-gradient(circle,transparent 0 15%,#000 16% 18%,transparent 19% 32%,#000 33% 35%,transparent 36%);opacity:.7;pointer-events:none}
body[data-theme="halloween"] .daily-banner{background:linear-gradient(110deg,#24124a,#1b1232);border-color:#7041c9}
body[data-theme="halloween"] .side-icon{background:#7b3ff21a;color:#b8a0ff}

/* Natal — mantém o mesmo layout, muda identidade para vinho, pinheiro, dourado e neve sutil. */
body[data-theme="christmas"]{
  --lime:#5fd37a;--orange:#dca83d;--purple:#b9273f;--ink:#07100c;--panel:#0d1713;--line:#28463a;--muted:#a7b9b0;--theme-accent:#c72f46;--theme-accent-2:#d7aa43;
}
body[data-theme="christmas"] .campaign-shell{
  background:
    radial-gradient(circle,#ffffffcf 0 1.1px,transparent 1.5px) 0 0/58px 58px,
    radial-gradient(circle,#ffffff8a 0 1px,transparent 1.4px) 21px 33px/86px 86px,
    radial-gradient(circle at 50% -12%,#173e2c 0,#0d2119 31%,#07100d 72%);
}
body[data-theme="christmas"] .site-header{background:#07100df2;border-bottom-color:#d7aa4350}
body[data-theme="christmas"] .brand-mark{border-color:#d7aa4377;background:#d7aa4315;color:#f0cf78;box-shadow:0 0 24px #d7aa4320}
body[data-theme="christmas"] .beta-pill{background:#b9273f}
body[data-theme="christmas"] .hero-card{border-color:#d7aa436b;background:linear-gradient(112deg,#2b0d15 0%,#101b16 49%,#0d2018 100%);box-shadow:0 28px 90px #000b,0 0 70px #d7aa4312}
body[data-theme="christmas"] .hero-card::before{opacity:.28;background-image:radial-gradient(circle,#fff9 0 1px,transparent 1.4px);background-size:36px 36px;mask-image:linear-gradient(to right,#000,transparent 86%)}
body[data-theme="christmas"] .hero-copy h1 em{color:#e4b54c;text-shadow:0 0 30px #e4b54c32}
body[data-theme="christmas"] .orange-button{background:linear-gradient(135deg,#cf3048,#981d31)!important;box-shadow:0 8px 28px #b9273f3b}
body[data-theme="christmas"] .eyebrow{color:#f0cf78;border-color:#d7aa4360;background:#d7aa4310}
body[data-theme="christmas"] .runner-card{border-color:#d7aa43aa;background:linear-gradient(145deg,#241419,#0b1712);box-shadow:18px 24px 50px #0009,0 0 60px #d7aa431e}
body[data-theme="christmas"] .coin{background:linear-gradient(#f5d77e,#bc7d19);color:#4f3000}
body[data-theme="christmas"] .daily-banner{background:linear-gradient(110deg,#3b0d1a,#17261f);border-color:#7e3846}
body[data-theme="christmas"] .purple-button{background:linear-gradient(135deg,#d7aa43,#ad791f)!important;color:#160d00!important}
body[data-theme="christmas"] .live-dot{color:#6de68b;background:#11391f}
body[data-theme="christmas"] .side-icon{background:#163627;color:#79df96}.side-icon.purple{background:#4a1320!important;color:#ef8a9c!important}

@media(max-width:760px){
  .site-header{height:68px}.header-inner{padding:0 14px}.brand-name{font-size:18px}.brand-mark{width:36px;height:36px}.beta-pill{display:none}.balance small{font-size:9px}.balance strong{font-size:14px}.deposit-header{height:38px;font-size:11px;padding-inline:10px}.avatar-button{width:38px!important;height:38px!important}
  .hero-zone{padding:22px 14px 16px}.hero-card{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:40px 24px 30px}.hero-copy h1{font-size:clamp(44px,13vw,62px)}.hero-copy p{font-size:16px}.hero-buttons{align-items:stretch;flex-direction:column;gap:10px}.hero-buttons .orange-button{width:100%}.text-link{justify-content:center;min-height:42px}.hero-art{min-height:285px}.runner-card{width:min(270px,72vw)}
  .winner-strip{margin-inline:14px}.content-wrap{padding:0 14px 30px}.daily-banner{grid-template-columns:auto 1fr;gap:14px}.daily-banner>button{grid-column:1/3;width:100%;margin-top:4px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.game-grid{grid-template-columns:1fr}.side-card{min-height:120px}.site-footer{padding:20px 14px;gap:16px;flex-direction:column;align-items:flex-start}
  .account-popover{right:10px!important;width:min(300px,calc(100vw - 20px))!important}.modal-backdrop{padding:10px}.campaign-modal,.campaign-dialog{width:100%!important;max-height:94vh!important}.campaign-dialog h1,.campaign-dialog h2,.campaign-dialog h3,.modal-title h2{font-size:22px!important}
}
.header-actions button{height:auto;min-height:42px}.ghost-button{font-size:13px!important}.side-icon{width:48px;height:48px}.modal-head p{font-size:13px}.modal-body label{font-size:13px}.modal-note,.modal-feedback{font-size:12px}.wallet-grid small,.stat-grid small{font-size:11px}.mission-list-lite h3{font-size:14px}.mission-list-lite p{font-size:12px}

/* v10.3 — assets recuperados da documentação + ícones vetoriais */
.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.16em;fill:none;color:currentColor;flex:0 0 auto}
.mobile-menu .ui-icon,.avatar-button .ui-icon{width:20px;height:20px}
.account-popover button{display:flex;align-items:center;gap:10px}
.account-popover button .ui-icon{width:18px;height:18px;color:#a99db1}
.account-popover button:hover .ui-icon{color:var(--orange)}
.daily-icon .ui-icon,.side-icon .ui-icon{width:24px;height:24px}
.trust .ui-icon{width:22px;height:22px;color:var(--lime)}
.modal-icon .ui-icon{width:25px;height:25px}

.hero-reference{display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden}
.halloween-reference-hero{display:none;width:100%;max-width:610px;max-height:390px;object-fit:contain;border-radius:18px;box-shadow:0 24px 55px #0009,0 0 40px #8a2be22c}
body[data-theme="halloween"] .halloween-reference-hero{display:block}
body[data-theme="halloween"] .hero-reference .fallback-art{display:none}
body[data-theme="halloween"] .main-game .game-visual{background-image:linear-gradient(90deg,#10080acc,#10080a33),url('theme/halloween-hero.png');background-size:cover;background-position:center}
body[data-theme="halloween"] .main-game .track-lines,body[data-theme="halloween"] .main-game .game-emblem{display:none}

.reference-wheel{overflow:hidden;background:#1a0b0d!important;border:0!important;box-shadow:none!important}
.reference-wheel:after{display:none!important}.reference-wheel img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.reference-wheel .fallback-wheel-center{display:none}
body[data-theme="christmas"] .reference-wheel img{display:none}
body[data-theme="christmas"] .reference-wheel{border:4px solid #2a1714!important;background:conic-gradient(#b9273f 0 45deg,#d7aa43 45deg 90deg,#175c3c 90deg 135deg,#f0cf78 135deg 180deg,#b9273f 180deg 225deg,#d7aa43 225deg 270deg,#175c3c 270deg 315deg,#f0cf78 315deg)!important}
body[data-theme="christmas"] .reference-wheel .fallback-wheel-center{display:grid}

@media(max-width:760px){.hero-reference{padding:16px}.halloween-reference-hero{max-width:520px}.account-popover button .ui-icon{width:20px;height:20px}}

/* v10.5 — retomada de partida mais clara */
.active-round-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #6b3a28;border-radius:15px;background:linear-gradient(135deg,#f9762616,#121823);box-shadow:0 12px 34px #0003}
.active-round-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--orange),#ff9d48);color:#17100b;font-size:21px;font-weight:900;box-shadow:0 8px 22px #f9762636}
.active-round-copy span{display:block;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.12em}.active-round-copy strong{display:block;margin:3px 0 4px;font-size:20px}.active-round-copy p{margin:0;color:#9aa6b8;font-size:12px;line-height:1.5}.active-round-bet{text-align:right}.active-round-bet small{display:block;color:#78869a;font-size:10px;font-weight:800}.active-round-bet strong{display:block;margin-top:3px;color:#fff;font-size:18px}
.active-round-note{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid #69d88930;border-radius:11px;background:#69d8890b}.active-round-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#69d8891c;color:#8cf1a8;font-weight:900}.active-round-note strong{display:block;font-size:13px}.active-round-note p{margin:3px 0 0;color:#91a69a;font-size:12px;line-height:1.5}
.game-target-new{width:auto!important;height:auto!important;margin:0!important;padding:18px!important;border:1px solid #2d384b!important;border-radius:14px!important;background:linear-gradient(135deg,#111824,#17121a)!important;box-shadow:none!important;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;text-align:left}.game-target-new>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#f9762617;font-size:21px}.game-target-new>strong{font-size:17px}.game-target-new>small{font-size:12px;color:#8995a7;font-weight:500}
@media(max-width:560px){.active-round-card{grid-template-columns:auto 1fr}.active-round-bet{grid-column:2;text-align:left}.active-round-copy strong{font-size:18px}}

/* =========================================================
   v12.2 — Fluxo público e área do jogador
   ========================================================= */
.hero-card-banner{display:block!important;min-height:0!important;padding:0!important;overflow:hidden}
.hero-reference-full{width:100%;min-height:420px;padding:0!important}
.hero-reference-full .halloween-reference-hero{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important}
.hero-reference-full .christmas-full-banner{width:100%;height:420px;max-width:none;border:0;border-radius:0;transform:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 20%,#315f3e,#112018 56%,#230b12);box-shadow:none}
body[data-theme="halloween"] .hero-reference-full .christmas-full-banner{display:none}
body[data-theme="christmas"] .hero-reference-full .halloween-reference-hero{display:none}
body[data-theme="christmas"] .hero-reference-full .christmas-full-banner{display:flex}

.recent-winners{display:grid;grid-template-columns:auto minmax(0,1fr);overflow:hidden}
.recent-winners .winner-label{min-width:180px;z-index:2;background:#0f0d0f}
.winner-carousel{min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.winner-track-scroll{display:flex;width:max-content;animation:winner-marquee 48s linear infinite}
.winner-track-scroll:hover{animation-play-state:paused}
.winner-track-scroll .winner-item{min-width:245px;border-right:1px solid #ffffff12}
@keyframes winner-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.simple-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.simple-profile-card{display:flex;min-height:110px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #ffffff12;border-radius:14px;background:#0d121a}
.simple-profile-card small{font-size:11px;color:#8d99aa;font-weight:900;letter-spacing:.06em}
.simple-profile-card strong{margin-top:6px;font-size:20px;color:#fff;overflow-wrap:anywhere}
.simple-profile-card span{margin-top:3px;font-size:12px;color:#7f8a99}
.simple-profile-card.balance-card strong{font-size:30px;color:var(--lime)}
.demo-wallet-highlight{border-color:#7b3ff255!important;background:linear-gradient(135deg,#221540,#14121e)!important}
.affiliate-wallet-highlight{display:grid;gap:7px;margin-top:14px;padding:18px;border:1px solid #77ed4e45;border-radius:14px;background:#102719}
.affiliate-wallet-highlight small{font-size:11px;color:#9bb1a0;font-weight:900;letter-spacing:.06em}
.affiliate-wallet-highlight strong{font-size:28px;color:#77ed4e}
.affiliate-wallet-highlight span{font-size:12px;color:#b7c3b9}
.affiliate-wallet-highlight button{margin-top:8px}
.withdrawal-form{gap:14px!important}
.withdrawal-pix-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:12px}
.withdrawal-pix-row label{min-width:0}
.adult-question{grid-column:1/-1}
.adult-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.adult-options label{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff18;border-radius:10px;background:#0c1017;font-weight:900;cursor:pointer}
.adult-options input{width:auto!important;min-height:0!important}
.age-block-warning{padding:12px 14px;border:1px solid #a74444;border-radius:10px;background:#351616;color:#ffb0b0;font-size:13px}

@media(max-width:760px){
 .hero-reference-full{min-height:270px}.hero-reference-full .christmas-full-banner{height:270px}.recent-winners{grid-template-columns:1fr}.recent-winners .winner-label{min-width:0;padding:10px 14px}.winner-track-scroll .winner-item{min-width:210px}.simple-profile{grid-template-columns:1fr}.withdrawal-pix-row{grid-template-columns:1fr}
}


/* =========================================================
   v12.7 — Home Halloween alinhada à referência original
   ========================================================= */
body[data-theme="halloween"]{
  background:#4b160b;
}
body[data-theme="halloween"] .campaign-shell{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 12%,rgba(112,35,19,.24),transparent 35%),
    linear-gradient(180deg,#3c1108 0%,#5a190b 38%,#4c160b 72%,#230a05 100%);
}
body[data-theme="halloween"] .campaign-shell::before,
body[data-theme="halloween"] .campaign-shell::after{
  content:"";
  position:absolute;
  inset:80px 0 auto 0;
  height:720px;
  pointer-events:none;
  z-index:0;
  opacity:.28;
  background:
    radial-gradient(circle at 4% 36%,#f26a19 0 18px,#6e220d 19px 25px,transparent 26px),
    radial-gradient(circle at 95% 26%,#e85d15 0 22px,#6e220d 23px 31px,transparent 32px),
    radial-gradient(circle at 8% 78%,#ef7019 0 25px,#74240d 26px 35px,transparent 36px),
    radial-gradient(circle at 89% 69%,#dc5816 0 25px,#70210d 26px 35px,transparent 36px);
}
body[data-theme="halloween"] .campaign-shell::after{
  height:760px;
  opacity:.19;
  background:
    repeating-linear-gradient(45deg,transparent 0 68px,rgba(255,198,150,.26) 69px,transparent 70px),
    repeating-linear-gradient(-45deg,transparent 0 68px,rgba(255,198,150,.22) 69px,transparent 70px);
  clip-path:polygon(0 0,15% 0,15% 100%,0 100%,0 0,85% 0,100% 0,100% 100%,85% 100%);
}

body[data-theme="halloween"] .site-header{
  position:relative;
  z-index:50;
  height:81px;
  border-bottom:1px solid #ff6f2b32;
  background:#050611f7;
  box-shadow:0 0 18px #ff7a3938;
  backdrop-filter:none;
}
body[data-theme="halloween"] .header-inner{
  max-width:none;
  padding:0 20px;
}
body[data-theme="halloween"] .original-brand{
  gap:7px;
}
body[data-theme="halloween"] .halloween-header-logo{
  display:block;
  width:58px;
  height:58px;
  object-fit:contain;
  image-rendering:auto;
}
body[data-theme="halloween"] .christmas-brand-name{
  display:none;
}
body[data-theme="christmas"] .halloween-header-logo{
  display:none;
}
body[data-theme="christmas"] .christmas-brand-name{
  display:block;
  font-weight:900;
}
body[data-theme="halloween"] .beta-pill{
  display:none;
}
body[data-theme="halloween"] .guest-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
body[data-theme="halloween"] .guest-actions .ghost-button{
  min-height:37px;
  padding:0 20px;
  border:1px solid #6b3a2a!important;
  border-radius:999px!important;
  background:#241009!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
body[data-theme="halloween"] .guest-actions .orange-button,
body[data-theme="halloween"] .deposit-header{
  min-height:39px;
  padding:0 21px;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ff993f,#ff6b23)!important;
  box-shadow:0 0 16px #ff7a3b66!important;
}
body[data-theme="halloween"] .balance{
  min-width:102px;
  padding:8px 14px;
  border:1px solid #777283;
  border-radius:999px;
  background:#0b0b14;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:6px;
}
body[data-theme="halloween"] .balance::before{
  content:"●";
  color:#d98b2d;
  font-size:10px;
}
body[data-theme="halloween"] .balance small{
  display:none;
}
body[data-theme="halloween"] .balance strong{
  font-size:13px;
  color:#fff;
}
body[data-theme="halloween"] .avatar-button{
  width:38px!important;
  height:38px!important;
  border:2px solid #ff9b50!important;
  background:#f37724!important;
  color:#fff!important;
  box-shadow:0 0 12px #ff7b3760;
}

body[data-theme="halloween"] .hero-zone{
  position:relative;
  z-index:2;
  max-width:100%;
  margin:0;
  padding:26px 20px 15px;
}
body[data-theme="halloween"] .hero-card-banner{
  width:min(966px,calc(100vw - 80px));
  margin:0 auto;
  border:1px solid #5c291b!important;
  border-radius:14px!important;
  background:#12080a!important;
  box-shadow:0 13px 30px #0008!important;
}
body[data-theme="halloween"] .hero-reference-full{
  min-height:0!important;
  aspect-ratio:986/532;
}
body[data-theme="halloween"] .hero-reference-full .halloween-reference-hero{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover!important;
  border-radius:13px!important;
}

body[data-theme="halloween"] .recent-winners{
  position:relative;
  z-index:2;
  display:block;
  max-width:800px;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
body[data-theme="halloween"] .recent-winners .winner-label{
  min-width:0;
  padding:10px 0 12px;
  background:transparent;
  color:#ffb22f;
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.2px;
}
body[data-theme="halloween"] .recent-winners .winner-label::before{
  content:"🏆 ";
}
body[data-theme="halloween"] .winner-carousel{
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
}
body[data-theme="halloween"] .winner-track-scroll{
  gap:10px;
  animation-duration:42s;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item{
  min-width:158px;
  height:74px;
  padding:8px 10px;
  border:1px solid #3b160d;
  border-radius:8px;
  background:#2b0c07;
  box-shadow:0 5px 14px #0006;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
  width:42px;
  height:42px;
  border-radius:6px;
  color:transparent;
  background:
    linear-gradient(#0000,#0000),
    url('theme/halloween-hero.png') 7% 43%/210px auto no-repeat;
  border:1px solid #ff78243c;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item p{
  gap:2px;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item strong{
  color:#ffbd3d;
  font-size:10px;
  font-weight:900;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item small{
  color:#a96948;
  font-size:8px;
}
body[data-theme="halloween"] .winner-track-scroll .winner-item b{
  color:#42dc70;
  font-size:10px;
  font-weight:1000;
}

body[data-theme="halloween"] .original-home-bottom{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:33px auto 48px;
  padding:0;
}
body[data-theme="halloween"] .original-daily-banner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  min-height:48px;
  padding:7px 10px;
  border:2px solid #c87025;
  border-radius:13px;
  background:linear-gradient(90deg,#a44a17,#c35a1e 55%,#8b3514);
  box-shadow:0 0 17px #e9812945,inset 0 0 15px #ffad3a18;
}
body[data-theme="halloween"] .original-daily-banner .daily-icon{
  width:28px;
  height:28px;
  border-radius:6px;
  background:#57306d;
  color:#fff;
}
body[data-theme="halloween"] .original-daily-banner .daily-icon .ui-icon{
  width:17px;
  height:17px;
}
body[data-theme="halloween"] .original-daily-banner .daily-copy p{
  margin:0;
  color:#f8eee7;
  font-size:11px;
  line-height:1.3;
}
body[data-theme="halloween"] .original-daily-banner .daily-copy b{
  color:#fff;
}
body[data-theme="halloween"] .original-daily-button{
  min-height:34px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:#f6c528;
  color:#351604;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.2px;
  box-shadow:0 3px 0 #b97115;
}

body[data-theme="halloween"] .original-game-card{
  width:490px;
  max-width:100%;
  min-height:160px;
  margin:11px auto 0;
  display:grid;
  grid-template-columns:140px 1fr;
  gap:17px;
  padding:16px;
  border:0;
  border-radius:18px;
  background:#1d0805;
  box-shadow:0 8px 24px #0008;
}
body[data-theme="halloween"] .original-game-thumb{
  width:140px;
  height:128px;
  border-radius:13px;
  background:url('theme/halloween-hero.png') 5% center/245% auto no-repeat;
  box-shadow:inset 0 0 0 1px #ffffff16;
}
body[data-theme="halloween"] .original-game-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:6px 0 6px;
}
body[data-theme="halloween"] .original-game-copy h2{
  margin:0;
  color:#fff;
  font-size:28px;
  line-height:.88;
  font-weight:1000;
}
body[data-theme="halloween"] .original-play-button{
  width:100%;
  min-height:45px;
  border:0;
  border-radius:8px;
  background:#d8460d;
  color:#fff;
  font-size:13px;
  font-weight:1000;
}

body[data-theme="halloween"] .original-footer{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  min-height:270px;
  padding:40px 24px 22px;
  border-top:1px solid #3d140b;
  background:#190603;
  text-align:center;
  color:#7d3126;
}
body[data-theme="halloween"] .authorization-badge{
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 18px;
  border:1px solid #1fa56b;
  border-radius:999px;
  background:#0e1b15;
  color:#fff;
}
body[data-theme="halloween"] .authorization-check{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:2px solid #1fca78;
  border-radius:50%;
  color:#ffd52c;
  font-size:18px;
}
body[data-theme="halloween"] .authorization-badge span:last-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-theme="halloween"] .authorization-badge strong{
  font-size:13px;
}
body[data-theme="halloween"] .authorization-badge small{
  color:#42b178;
  font-size:8px;
}
body[data-theme="halloween"] .legal-copy{
  max-width:690px;
  margin:0;
  font-size:9px;
  line-height:1.6;
}
body[data-theme="halloween"] .legal-copy strong{
  color:#fff;
}
body[data-theme="halloween"] .responsibility-copy{
  margin:0;
  font-size:9px;
}
body[data-theme="halloween"] .footer-seals{
  display:flex;
  align-items:center;
  gap:14px;
  color:#bc422a;
}
body[data-theme="halloween"] .seal-age{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#c74434;
  color:#fff;
  font-size:12px;
  font-weight:1000;
}
body[data-theme="halloween"] .seal-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
}
body[data-theme="halloween"] .copyright{
  margin:0;
  font-size:8px;
  opacity:.7;
}

@media(max-width:760px){
  body[data-theme="halloween"] .site-header{height:70px}
  body[data-theme="halloween"] .header-inner{padding:0 12px}
  body[data-theme="halloween"] .halloween-header-logo{width:48px;height:48px}
  body[data-theme="halloween"] .hero-zone{padding:16px 10px 10px}
  body[data-theme="halloween"] .hero-card-banner{width:100%}
  body[data-theme="halloween"] .recent-winners{max-width:calc(100% - 20px)}
  body[data-theme="halloween"] .recent-winners .winner-label{font-size:15px}
  body[data-theme="halloween"] .original-home-bottom{max-width:calc(100% - 20px);margin-top:24px}
  body[data-theme="halloween"] .original-daily-banner{grid-template-columns:auto 1fr}
  body[data-theme="halloween"] .original-daily-button{grid-column:1/3;width:100%}
  body[data-theme="halloween"] .original-game-card{grid-template-columns:105px 1fr;min-height:134px;padding:12px}
  body[data-theme="halloween"] .original-game-thumb{width:105px;height:110px}
  body[data-theme="halloween"] .original-game-copy h2{font-size:23px}
  body[data-theme="halloween"] .original-play-button{min-height:39px}
  body[data-theme="halloween"] .balance{display:none}
}


/* v13.1.10 — SG-AUD-005: cabeçalho mobile sem sobreposição */
@media(max-width:700px){
  /* Visitante: sem menu autenticado; logo permanece à esquerda e ações à direita. */
  body[data-theme="halloween"] .header-inner.guest-header{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 10px;
  }
  body[data-theme="halloween"] .header-inner.guest-header>.brand-lockup{
    position:static!important;
    left:auto!important;
    transform:none!important;
    flex:0 0 auto;
    min-width:0;
  }
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    width:44px;
    height:44px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .header-actions{
    margin-left:auto;
    min-width:0;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions{
    gap:6px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button{
    min-height:34px;
    padding:0 12px;
    font-size:10px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    min-height:35px;
    padding:0 12px;
    font-size:10px!important;
    white-space:nowrap;
  }

  /* Autenticado: mantém menu à esquerda e logo centralizado. */
  body[data-theme="halloween"] .header-inner.authenticated-header>.brand-lockup{
    pointer-events:none;
  }
}

@media(max-width:390px){
  body[data-theme="halloween"] .header-inner.guest-header{
    padding:0 8px;
    gap:6px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    width:40px;
    height:40px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions{
    gap:4px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button{
    padding:0 9px;
    font-size:9px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    padding:0 9px;
    font-size:9px!important;
  }
}

@media(max-width:360px){
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    width:37px;
    height:37px;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button,
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    min-height:32px;
    padding:0 7px;
    font-size:8.5px!important;
  }
}


/* v13.2.1 — fidelidade visual Home/Jogador baseada na referência original */
body[data-theme="halloween"] .modal-backdrop{
  background:#050205d9!important;
  backdrop-filter:blur(7px)
}
body[data-theme="halloween"] .campaign-modal{
  border:1px solid #532417!important;
  background:#170805!important;
  box-shadow:0 28px 85px #000c,0 0 28px #e9762612!important;
}
body[data-theme="halloween"] .modal-head{
  padding-bottom:13px;
  border-bottom:1px solid #3c170f
}
body[data-theme="halloween"] .modal-head .modal-icon{
  background:#e9762614!important;color:#e97626!important;border:1px solid #e9762633
}
body[data-theme="halloween"] .modal-head h2{color:#fff}
body[data-theme="halloween"] .modal-head p{color:#a77c69}
body[data-theme="halloween"] .modal-body input,
body[data-theme="halloween"] .modal-body select{
  border-color:#4a261c!important;background:#0d0707!important;color:#fff!important
}
body[data-theme="halloween"] .modal-body label,
body[data-theme="halloween"] .modal-body label span{color:#c69a85}
body[data-theme="halloween"] .orange-button.modal-submit{
  border-radius:8px!important;background:#e97626!important;box-shadow:0 6px 18px #e9762632!important
}
body[data-theme="halloween"] .account-popover{
  border-color:#415069!important;background:#0b0d15!important;box-shadow:0 18px 55px #000c!important
}
body[data-theme="halloween"] .account-popover button:hover{background:#1c1010!important;color:#f39458!important}

/* Perfil simples, próximo da captura original */
.original-profile{gap:12px}
.profile-identity{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:13px;border:1px solid #3d1b13;border-radius:11px;background:#100606
}
.profile-avatar{
  width:48px;height:48px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#e97626,#8a3514);color:#fff;font-weight:900;font-size:19px;
  box-shadow:0 0 17px #e976263c
}
.profile-identity>div strong,.profile-identity>div small{display:block}
.profile-identity>div strong{font-size:14px}.profile-identity>div small{margin-top:3px;color:#956e5d;font-size:10px}
.profile-type-pill{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}
.profile-type-pill.demo{background:#2b1940;color:#c5a8ef}.profile-type-pill.real{background:#14321f;color:#6cdf91}
.profile-original-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-original-grid>div,.profile-balance-original{padding:13px;border:1px solid #3d1b13;border-radius:10px;background:#110707}
.profile-original-grid small,.profile-balance-original small{display:block;color:#936d5b;font-size:8px;font-weight:900;letter-spacing:.08em}
.profile-original-grid strong{display:block;margin-top:5px;font-size:12px}
.profile-balance-original{border-color:#5f2917;background:linear-gradient(135deg,#1b0b07,#130706)}
.profile-balance-original strong{display:block;margin-top:5px;color:#fff;font-size:25px}

/* Depósito original: banner + 2x3 valores */
.deposit-promo{
  min-height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #6b2a14;border-radius:12px;
  background:linear-gradient(115deg,#8f3514,#d95e1b 58%,#713011);box-shadow:0 8px 22px #0005
}
.deposit-promo small,.deposit-promo strong{display:block}.deposit-promo small{color:#ffd2af;font-size:8px;font-weight:900;letter-spacing:.08em}
.deposit-promo strong{margin-top:4px;color:#fff;font-size:17px}.deposit-promo>span{font-size:29px;color:#ffd485;font-weight:900}
.original-money-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.original-money-grid button,.withdrawal-quick-grid button{
  position:relative;min-height:58px!important;border:1px solid #512617!important;border-radius:9px!important;
  background:#100706!important;color:#fff!important
}
.original-money-grid button strong,.withdrawal-quick-grid button strong{font-size:12px}
.original-money-grid button:hover,.original-money-grid button.selected,.withdrawal-quick-grid button.selected{
  border-color:#e97626!important;background:#281008!important;box-shadow:inset 0 0 0 1px #e9762648
}
.original-money-grid button.popular{border-color:#a64219!important}
.original-money-grid button em{
  position:absolute;right:4px;top:4px;padding:2px 4px;border-radius:4px;background:#e97626;color:#fff;font-size:6px;font-style:normal;font-weight:900
}
.original-money-grid button>span{position:absolute;left:5px;top:3px;color:#eec36e;font-size:10px}
.withdrawal-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.withdrawal-quick-grid button{min-height:45px!important}
.operation-limit{border-color:#462218!important;background:#100808!important}

/* Roleta */
.original-wheel-head{text-align:center!important;border-bottom:0!important}
.daily-bonus-badge{
  display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;margin-bottom:7px;
  border:1px solid #e976265c;border-radius:999px;background:#e9762610;color:#ffb77f;font-size:8px;font-weight:900;letter-spacing:.1em
}
.original-wheel-head h2{margin:3px 0 6px!important;font-size:24px!important}
body[data-theme="halloween"] .wheel-experience .purple-button{
  background:linear-gradient(90deg,#e97626,#5b2a86)!important;color:#fff!important;
  box-shadow:0 7px 22px #5b2a8640!important
}

/* Home: preserva a decisão posterior de usar apenas o banner, sem CTA sobre o hero */
body[data-theme="halloween"] .hero-card-banner{overflow:hidden}
body[data-theme="halloween"] .hero-reference-full{padding:0!important}

@media(max-width:620px){
  .profile-original-grid{grid-template-columns:1fr}
  .original-money-grid{grid-template-columns:repeat(2,1fr)!important}
  .withdrawal-quick-grid{grid-template-columns:repeat(2,1fr)!important}
  .profile-identity{grid-template-columns:auto 1fr}.profile-type-pill{grid-column:2;width:max-content}
}


/* v13.2.2 — Afiliados, Histórico, Missões e Aposta */
.original-affiliate .affiliate-summary-table{grid-template-columns:repeat(2,1fr)!important}
.original-affiliate .affiliate-summary-table article{background:#110707!important;border-color:#432016!important}
.original-affiliate .affiliate-link-first{background:#100606!important;border-color:#492216!important}
.affiliate-withdraw-preview{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #4c2418;border-radius:11px;background:#100707
}
.affiliate-withdraw-preview>div{padding:11px;border:1px solid #3c1c13;border-radius:9px;background:#160905}
.affiliate-withdraw-preview small{display:block;color:#956e5d;font-size:8px;font-weight:900}
.affiliate-withdraw-preview strong{display:block;margin-top:5px;font-size:17px}
.affiliate-withdraw-preview p,.affiliate-withdraw-preview button{grid-column:1/-1}
.affiliate-withdraw-preview p{margin:0;color:#a57c69;font-size:10px}
.affiliate-withdraw-preview button{min-height:39px;border:1px solid #5a2a18;border-radius:8px;background:#241009;color:#d6a88f;font-size:10px;font-weight:900}
.affiliate-withdraw-preview button.orange-button{color:#fff;border:0}

.history-table-wrap{overflow:auto;border:1px solid #3e1c13;border-radius:10px;background:#100707}
.player-history-table{width:100%;border-collapse:collapse;min-width:520px}
.player-history-table th,.player-history-table td{padding:11px 12px;border-bottom:1px solid #32160f;text-align:left;font-size:10px}
.player-history-table th{color:#9c715e;font-size:8px;letter-spacing:.08em}
.player-history-table td:last-child{text-align:right;font-weight:900}
.player-history-table td.credit{color:#67d78d}.player-history-table td.debit{color:#ff8f8f}
.player-history-table td strong{display:block;font-size:10px}.player-history-table td small{display:block;margin-top:3px;color:#8b6657;font-size:7px}

.original-missions .missions-balance-card{
  padding:14px;border:1px solid #5d2817;border-radius:11px;background:linear-gradient(135deg,#251008,#130706)
}
.missions-balance-card small{display:block;color:#a37762;font-size:8px;font-weight:900;letter-spacing:.08em}
.missions-balance-card strong{display:block;margin-top:5px;font-size:25px}
.missions-progress-original{display:grid;gap:7px;padding:12px 13px;border:1px solid #3e1d14;border-radius:10px;background:#100707}
.missions-progress-original>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.missions-progress-original strong,.missions-progress-original span{font-size:9px}
.missions-progress-original span{color:#b98a74}.missions-progress-original i{height:7px;border-radius:999px;background:#2a100a;overflow:hidden}
.missions-progress-original i b{display:block;height:100%;background:linear-gradient(90deg,#e97626,#f2b14e);border-radius:999px}
.original-missions .mission-card{border-color:#482117!important;background:#110707!important}
.original-missions .mission-number{background:#e9762615!important;color:#f49b61!important}
.original-missions .mission-card em{background:#49380b!important;color:#f6ce67!important}

.original-bet-modal{overflow:hidden!important}
.bet-prize-preview{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:13px 14px;
  border:1px solid #5a2818;border-radius:11px;background:linear-gradient(135deg,#1d0b07,#100708)
}
.bet-prize-preview small{grid-column:1;color:#a47864;font-size:8px;font-weight:900;letter-spacing:.08em}
.bet-prize-preview strong{grid-column:1;font-size:24px;color:#fff}.bet-prize-preview span{grid-column:2;grid-row:1/3;color:#ffab6e;font-size:9px;font-weight:900}
.original-game-bets{grid-template-columns:repeat(4,1fr)!important}
.original-game-bets button{min-height:48px!important;border:1px solid #4a2116!important;border-radius:8px!important;background:#100707!important;color:#fff!important}
.original-game-bets button.selected,.original-game-bets button:hover{border-color:#e97626!important;background:#2b1008!important;box-shadow:inset 0 0 0 1px #e976263d}
.bet-limits{display:flex;gap:7px;flex-wrap:wrap}.bet-limits span{padding:5px 8px;border-radius:999px;background:#21100b;color:#a98271;font-size:8px;font-weight:900}

@media(max-width:620px){
  .affiliate-withdraw-preview{grid-template-columns:1fr}
  .affiliate-withdraw-preview p,.affiliate-withdraw-preview button{grid-column:1}
  .original-game-bets{grid-template-columns:repeat(2,1fr)!important}
  .missions-progress-original>div{align-items:flex-start;flex-direction:column}
}


/* v13.2.3 — pumpkins around hero + rotating Halloween banners */
body[data-theme="halloween"] .halloween-hero-zone{position:relative;isolation:isolate}
body[data-theme="halloween"] .hero-pumpkins{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body[data-theme="halloween"] .hero-card-banner{position:relative;z-index:2}
body[data-theme="halloween"] .hero-reference-full{position:relative;width:100%;height:100%;padding:0!important}
body[data-theme="halloween"] .halloween-reference-hero{display:none!important}

.halloween-hero-carousel{
  position:relative;width:100%;aspect-ratio:985/530;overflow:hidden;border-radius:18px;
  background:#170805;
}
.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.012);transition:opacity .7s ease,transform 1.15s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.hero-slide img{width:100%;height:100%;display:block;object-fit:cover}

.hero-carousel-arrow{
  position:absolute;z-index:6;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;border:1px solid #e9762670;
  background:#150805c9;color:#ff9b54;font-size:35px;line-height:1;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 6px 18px #0007;
  opacity:.82;transition:.2s ease
}
.hero-carousel-arrow:hover{opacity:1;background:#241008;border-color:#e97626;transform:translateY(-50%) scale(1.05)}
.hero-carousel-arrow.prev{left:15px}.hero-carousel-arrow.next{right:15px}
.hero-carousel-dots{
  position:absolute;z-index:6;left:50%;bottom:12px;transform:translateX(-50%);
  display:flex;gap:8px;padding:6px 10px;border-radius:999px;background:#130705b8;border:1px solid #52210f
}
.hero-carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#8d7368;cursor:pointer}
.hero-carousel-dots button.is-active{background:#ff861f;box-shadow:0 0 10px #ff861f}

.pumpkin-deco{position:absolute;filter:drop-shadow(0 8px 12px #0008) drop-shadow(0 0 14px #ff6b2140);opacity:.9}
.pumpkin-deco-a{width:96px;left:18px;top:55px;}
.pumpkin-deco-b{width:90px;right:20px;top:72px;}
.pumpkin-deco-c{width:112px;left:55px;bottom:18px;}
.pumpkin-deco-d{width:74px;right:78px;bottom:22px;}
.pumpkin-deco-e{width:62px;right:12%;top:16px;opacity:.75}

/* Hide the old orange decorative circles in Halloween hero area. */
body[data-theme="halloween"] .halloween-hero-zone::before,
body[data-theme="halloween"] .halloween-hero-zone::after{display:none!important}

@media(max-width:900px){
  .pumpkin-deco-a{width:70px;left:-5px;top:40px}
  .pumpkin-deco-b{width:68px;right:-4px;top:55px}
  .pumpkin-deco-c{width:82px;left:15px;bottom:8px}
  .pumpkin-deco-d{width:62px;right:18px;bottom:8px}
  .pumpkin-deco-e{display:none}
}
@media(max-width:620px){
  .hero-carousel-arrow{width:36px;height:36px;font-size:28px}
  .hero-carousel-arrow.prev{left:8px}.hero-carousel-arrow.next{right:8px}
  .hero-carousel-dots{bottom:7px;gap:6px;padding:5px 8px}
  .hero-carousel-dots button{width:7px;height:7px}
  .pumpkin-deco-a,.pumpkin-deco-b{width:52px;opacity:.72}
  .pumpkin-deco-c,.pumpkin-deco-d{width:56px;opacity:.72}
}

/* v13.2.4 — abóbora Halloween aprovada */
.pumpkin-deco{
  object-fit:contain;
  filter:drop-shadow(0 8px 12px #0008) drop-shadow(0 0 14px #ff6b2148);
}
.pumpkin-deco-a{width:92px!important}
.pumpkin-deco-b{width:86px!important}
.pumpkin-deco-c{width:108px!important}
.pumpkin-deco-d{width:72px!important}
.pumpkin-deco-e{width:60px!important}


/* v13.2.5 — drift suave das abóboras */
.pumpkin-deco{
  will-change:transform;
  transform-origin:50% 55%;
  backface-visibility:hidden;
}


/* v13.2.6 — movimento visível e contínuo das abóboras */
.pumpkin-deco{
  will-change:transform;
  transform-origin:50% 55%;
  backface-visibility:hidden;
  transition:none!important;
}
.pumpkin-deco-a{animation:pumpkinFloatA 24s ease-in-out -4s infinite alternate!important}
.pumpkin-deco-b{animation:pumpkinFloatB 31s ease-in-out -11s infinite alternate!important}
.pumpkin-deco-c{animation:pumpkinFloatC 27s ease-in-out -17s infinite alternate!important}
.pumpkin-deco-d{animation:pumpkinFloatD 35s ease-in-out -8s infinite alternate!important}
.pumpkin-deco-e{animation:pumpkinFloatE 29s ease-in-out -20s infinite alternate!important}

@keyframes pumpkinFloatA{
  0%{transform:translate3d(-4px,8px,0) rotate(-7deg) scale(.98)}
  35%{transform:translate3d(15px,-9px,0) rotate(2deg) scale(1.03)}
  70%{transform:translate3d(-10px,-18px,0) rotate(6deg) scale(1)}
  100%{transform:translate3d(12px,7px,0) rotate(-2deg) scale(1.025)}
}
@keyframes pumpkinFloatB{
  0%{transform:translate3d(7px,-5px,0) rotate(5deg) scale(1.02)}
  30%{transform:translate3d(-15px,12px,0) rotate(-4deg) scale(.98)}
  68%{transform:translate3d(11px,19px,0) rotate(3deg) scale(1.035)}
  100%{transform:translate3d(-8px,-12px,0) rotate(-6deg) scale(1)}
}
@keyframes pumpkinFloatC{
  0%{transform:translate3d(-6px,4px,0) rotate(4deg) scale(.99)}
  42%{transform:translate3d(17px,-15px,0) rotate(-3deg) scale(1.04)}
  76%{transform:translate3d(3px,13px,0) rotate(7deg) scale(1)}
  100%{transform:translate3d(-13px,-7px,0) rotate(-2deg) scale(1.025)}
}
@keyframes pumpkinFloatD{
  0%{transform:translate3d(9px,8px,0) rotate(-4deg) scale(1)}
  33%{transform:translate3d(-11px,-17px,0) rotate(5deg) scale(1.03)}
  72%{transform:translate3d(16px,-3px,0) rotate(-6deg) scale(.985)}
  100%{transform:translate3d(-7px,15px,0) rotate(2deg) scale(1.02)}
}
@keyframes pumpkinFloatE{
  0%{transform:translate3d(-5px,-8px,0) rotate(6deg) scale(1)}
  39%{transform:translate3d(12px,16px,0) rotate(-5deg) scale(1.04)}
  73%{transform:translate3d(-16px,4px,0) rotate(2deg) scale(.98)}
  100%{transform:translate3d(8px,-15px,0) rotate(-3deg) scale(1.025)}
}

/* v13.2.6 — rodapé precisa ocupar toda a largura da página */
body[data-theme="halloween"] .site-footer.original-footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  align-self:stretch!important;
}


/* v13.2.7 — nova logomarca Halloween no canto superior esquerdo */
body[data-theme="halloween"] .halloween-header-logo{
  width:118px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 4px 10px #0008) drop-shadow(0 0 8px #e9762638);
}
body[data-theme="halloween"] .header-inner.guest-header .brand-lockup,
body[data-theme="halloween"] .header-inner.authenticated-header .brand-lockup{
  min-width:118px;
}
@media(max-width:620px){
  body[data-theme="halloween"] .halloween-header-logo{
    width:84px!important;
    max-height:50px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .brand-lockup,
  body[data-theme="halloween"] .header-inner.authenticated-header .brand-lockup{
    min-width:84px;
  }
}


/* v13.2.8 — remove faixa preta do topo no tema Halloween */
body[data-theme="halloween"] .site-header{
  background:
    linear-gradient(180deg,rgba(87,25,7,.98),rgba(96,27,8,.98))!important;
  border-bottom:1px solid #8f3215!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
body[data-theme="halloween"] .header-inner{
  background:transparent!important;
}


/* v13.2.9 — fundo Halloween único do topo ao rodapé */
body[data-theme="halloween"]{
  background:#5b1a08!important;
}

body[data-theme="halloween"] .campaign-shell{
  background:
    radial-gradient(circle at 13% 17%,#6b250e26 0 2px,transparent 3px),
    radial-gradient(circle at 86% 22%,#7b3ff21c 0 2px,transparent 3px),
    linear-gradient(135deg,transparent 0 48%,#f47a2109 49% 51%,transparent 52%) 0 0/80px 80px,
    linear-gradient(180deg,#6a210b 0%,#5c1808 18%,#551607 58%,#4b1306 100%)!important;
  background-attachment:scroll!important;
}

body[data-theme="halloween"] .site-header{
  background:transparent!important;
  border-bottom:1px solid #8a2d1245!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}

body[data-theme="halloween"] .header-inner,
body[data-theme="halloween"] .hero-zone{
  background:transparent!important;
}


/* v13.2.10 — novos banners Halloween + transição deslizante alternada */
body[data-theme="halloween"] .halloween-hero-carousel{
  aspect-ratio: 1792 / 768 !important;
  background: #1a0906 !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.30), inset 0 0 0 1px rgba(233,118,38,.20) !important;
}

body[data-theme="halloween"] .hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  z-index:1;
  transform:translateX(0);
}

body[data-theme="halloween"] .hero-slide.is-active{
  opacity:1;
  pointer-events:auto;
  z-index:3;
}

body[data-theme="halloween"] .hero-slide.anim-in-right{
  opacity:1;
  z-index:4;
  animation:heroSlideInFromRight .85s cubic-bezier(.22,.61,.36,1) forwards;
}

body[data-theme="halloween"] .hero-slide.anim-in-left{
  opacity:1;
  z-index:4;
  animation:heroSlideInFromLeft .85s cubic-bezier(.22,.61,.36,1) forwards;
}

body[data-theme="halloween"] .hero-slide.anim-out-left{
  opacity:1;
  z-index:2;
  animation:heroSlideOutToLeft .85s cubic-bezier(.22,.61,.36,1) forwards;
}

body[data-theme="halloween"] .hero-slide.anim-out-right{
  opacity:1;
  z-index:2;
  animation:heroSlideOutToRight .85s cubic-bezier(.22,.61,.36,1) forwards;
}

body[data-theme="halloween"] .hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

@keyframes heroSlideInFromRight{
  from{transform:translateX(100%);opacity:1}
  to{transform:translateX(0);opacity:1}
}
@keyframes heroSlideInFromLeft{
  from{transform:translateX(-100%);opacity:1}
  to{transform:translateX(0);opacity:1}
}
@keyframes heroSlideOutToLeft{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(-100%);opacity:1}
}
@keyframes heroSlideOutToRight{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(100%);opacity:1}
}

@media(max-width:900px){
  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio: 1792 / 900 !important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio: 1792 / 980 !important;
    border-radius: 16px !important;
  }
}


/* v13.2.11 — banner maior e sem moldura/fundo preto */
body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
  max-width:1480px!important;
  padding:30px 18px 20px!important;
}

body[data-theme="halloween"] .hero-card.hero-card-banner{
  width:100%!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body[data-theme="halloween"] .hero-card.hero-card-banner::before,
body[data-theme="halloween"] .hero-card.hero-card-banner::after{
  display:none!important;
  content:none!important;
}

body[data-theme="halloween"] .hero-art.hero-reference.hero-reference-full{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}

body[data-theme="halloween"] .halloween-hero-carousel{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1792/768!important;
  margin:0!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}

body[data-theme="halloween"] .hero-slide,
body[data-theme="halloween"] .hero-slide img{
  border-radius:18px!important;
}

@media(max-width:900px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    padding:22px 12px 16px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio:1792/768!important;
    border-radius:15px!important;
  }
  body[data-theme="halloween"] .hero-slide,
  body[data-theme="halloween"] .hero-slide img{
    border-radius:15px!important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    padding:15px 8px 12px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio:1792/768!important;
    border-radius:12px!important;
  }
  body[data-theme="halloween"] .hero-slide,
  body[data-theme="halloween"] .hero-slide img{
    border-radius:12px!important;
  }
}


/* v13.2.12 — ajuste fino: banner um pouco menor */
body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
  max-width:1360px!important;
  padding:30px 22px 20px!important;
}

body[data-theme="halloween"] .halloween-hero-carousel{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
}

@media(max-width:900px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    padding:22px 14px 16px!important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    padding:15px 10px 12px!important;
  }
}


/* v13.2.13 — reduz banner em 10% e centraliza */
body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
  max-width:1224px!important; /* 1360px - 10% */
  margin-left:auto!important;
  margin-right:auto!important;
  padding:30px 18px 20px!important;
}

body[data-theme="halloween"] .halloween-hero-carousel{
  width:90%!important;
  max-width:1188px!important; /* 1320px - 10% */
  margin-left:auto!important;
  margin-right:auto!important;
}

body[data-theme="halloween"] .hero-card.hero-card-banner,
body[data-theme="halloween"] .hero-art.hero-reference.hero-reference-full{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}

@media(max-width:900px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    max-width:100%!important;
    padding:22px 14px 16px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:94%!important;
    max-width:none!important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:96%!important;
  }
}


/* v13.2.14 — tamanho/posição do banner calibrados pela imagem de referência enviada */
@media(min-width:1200px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:38px 0 22px!important; /* distância do topo da área, como na referência */
  }

  body[data-theme="halloween"] .hero-card.hero-card-banner,
  body[data-theme="halloween"] .hero-art.hero-reference.hero-reference-full{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
    justify-content:center!important;
  }

  body[data-theme="halloween"] .halloween-hero-carousel{
    width:79.2vw!important;       /* ~10,4% de margem em cada lateral */
    max-width:1480px!important;   /* tamanho observado na referência desktop */
    min-width:1180px!important;
    margin:0 auto!important;
    aspect-ratio:1792/768!important;
  }
}

/* notebook/tablet grande: mantém a mesma proporção visual sem estourar a tela */
@media(min-width:901px) and (max-width:1199px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    width:100%!important;
    max-width:none!important;
    padding:30px 0 18px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:86vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 auto!important;
    aspect-ratio:1792/768!important;
  }
}

@media(max-width:900px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    width:100%!important;
    max-width:none!important;
    padding:22px 0 16px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:92vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 auto!important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:95vw!important;
  }
}


/* v13.2.15 — sobe o banner para corresponder à referência */
@media(min-width:1200px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    margin-top:-155px!important;
    padding-top:38px!important;
  }
}

/* ajuste intermediário para notebooks */
@media(min-width:901px) and (max-width:1199px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    margin-top:-95px!important;
  }
}

/* mobile não recebe margem negativa forte */
@media(max-width:900px){
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    margin-top:0!important;
  }
}


/* v13.2.16 — reposiciona as abóboras para fora da área do banner */
@media(min-width:1200px){
  body[data-theme="halloween"] .hero-pumpkins{
    z-index:1!important;
    overflow:visible!important;
  }

  /* Laterais superiores */
  body[data-theme="halloween"] .pumpkin-deco-a{
    left:22px!important;
    top:-78px!important;
  }
  body[data-theme="halloween"] .pumpkin-deco-b{
    right:28px!important;
    top:-62px!important;
  }

  /* Laterais inferiores, afastadas do banner */
  body[data-theme="halloween"] .pumpkin-deco-c{
    left:54px!important;
    bottom:-118px!important;
  }
  body[data-theme="halloween"] .pumpkin-deco-d{
    right:72px!important;
    bottom:-108px!important;
  }

  /* Pequena superior direita */
  body[data-theme="halloween"] .pumpkin-deco-e{
    right:13%!important;
    top:-102px!important;
  }

  /* Banner fica acima do fundo, mas sem cobrir as abóboras laterais */
  body[data-theme="halloween"] .hero-card-banner{
    z-index:2!important;
  }
}

/* notebook */
@media(min-width:901px) and (max-width:1199px){
  body[data-theme="halloween"] .pumpkin-deco-a{left:8px!important;top:-56px!important}
  body[data-theme="halloween"] .pumpkin-deco-b{right:10px!important;top:-48px!important}
  body[data-theme="halloween"] .pumpkin-deco-c{left:24px!important;bottom:-82px!important}
  body[data-theme="halloween"] .pumpkin-deco-d{right:30px!important;bottom:-78px!important}
  body[data-theme="halloween"] .pumpkin-deco-e{right:12%!important;top:-72px!important}
}


/* v13.2.17 — triplica a quantidade de abóboras e garante visibilidade */
body[data-theme="halloween"] .campaign-shell{
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
  overflow:visible!important;
}

body[data-theme="halloween"] .hero-pumpkins{
  position:absolute!important;
  inset:-120px 0 -140px!important;
  z-index:5!important;
  overflow:visible!important;
  pointer-events:none!important;
}

body[data-theme="halloween"] .hero-card.hero-card-banner{
  position:relative!important;
  z-index:4!important;
}

body[data-theme="halloween"] .pumpkin-deco{
  position:absolute!important;
  display:block!important;
  opacity:.94!important;
  object-fit:contain!important;
  pointer-events:none!important;
  filter:drop-shadow(0 9px 13px #0009) drop-shadow(0 0 15px #ff6b2152)!important;
}

/* 15 posições, concentradas fora da área central do banner */
body[data-theme="halloween"] .pumpkin-deco-a{width:92px!important;left:20px!important;top:120px!important}
body[data-theme="halloween"] .pumpkin-deco-b{width:84px!important;right:24px!important;top:135px!important}
body[data-theme="halloween"] .pumpkin-deco-c{width:106px!important;left:44px!important;top:335px!important}
body[data-theme="halloween"] .pumpkin-deco-d{width:72px!important;right:70px!important;top:370px!important}
body[data-theme="halloween"] .pumpkin-deco-e{width:62px!important;right:13%!important;top:42px!important}

body[data-theme="halloween"] .pumpkin-deco-f{width:78px!important;left:12%!important;top:48px!important}
body[data-theme="halloween"] .pumpkin-deco-g{width:68px!important;left:105px!important;top:250px!important}
body[data-theme="halloween"] .pumpkin-deco-h{width:70px!important;right:108px!important;top:245px!important}
body[data-theme="halloween"] .pumpkin-deco-i{width:86px!important;left:32px!important;top:520px!important}
body[data-theme="halloween"] .pumpkin-deco-j{width:76px!important;right:35px!important;top:530px!important}

body[data-theme="halloween"] .pumpkin-deco-k{width:58px!important;left:18%!important;top:82px!important}
body[data-theme="halloween"] .pumpkin-deco-l{width:64px!important;right:20%!important;top:82px!important}
body[data-theme="halloween"] .pumpkin-deco-m{width:60px!important;left:82px!important;top:455px!important}
body[data-theme="halloween"] .pumpkin-deco-n{width:64px!important;right:92px!important;top:460px!important}
body[data-theme="halloween"] .pumpkin-deco-o{width:72px!important;right:8%!important;top:610px!important}

/* movimentos diferentes para as 10 novas abóboras */
body[data-theme="halloween"] .pumpkin-deco-f{animation:pumpkinFloatB 28s ease-in-out -7s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-g{animation:pumpkinFloatC 33s ease-in-out -12s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-h{animation:pumpkinFloatD 26s ease-in-out -15s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-i{animation:pumpkinFloatE 34s ease-in-out -5s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-j{animation:pumpkinFloatA 30s ease-in-out -19s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-k{animation:pumpkinFloatD 23s ease-in-out -9s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-l{animation:pumpkinFloatA 32s ease-in-out -14s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-m{animation:pumpkinFloatE 27s ease-in-out -3s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-n{animation:pumpkinFloatB 36s ease-in-out -21s infinite alternate!important}
body[data-theme="halloween"] .pumpkin-deco-o{animation:pumpkinFloatC 29s ease-in-out -11s infinite alternate!important}

/* Em telas médias reduzimos quantidade para não poluir */
@media(max-width:1199px){
  body[data-theme="halloween"] .pumpkin-deco-k,
  body[data-theme="halloween"] .pumpkin-deco-l,
  body[data-theme="halloween"] .pumpkin-deco-o{display:none!important}
}

/* Mobile: somente 6 decorativas */
@media(max-width:700px){
  body[data-theme="halloween"] .hero-pumpkins{inset:-40px 0 -60px!important}
  body[data-theme="halloween"] .pumpkin-deco-f,
  body[data-theme="halloween"] .pumpkin-deco-g,
  body[data-theme="halloween"] .pumpkin-deco-h,
  body[data-theme="halloween"] .pumpkin-deco-i,
  body[data-theme="halloween"] .pumpkin-deco-j,
  body[data-theme="halloween"] .pumpkin-deco-k,
  body[data-theme="halloween"] .pumpkin-deco-l,
  body[data-theme="halloween"] .pumpkin-deco-m,
  body[data-theme="halloween"] .pumpkin-deco-n,
  body[data-theme="halloween"] .pumpkin-deco-o{display:none!important}
}


/* v13.2.18 — correções menu gerente + avatar do header */

/* Painel do gerente deve parecer item normal do menu */
body[data-theme="halloween"] .account-popover .manager-menu-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#d8d2dd!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
body[data-theme="halloween"] .account-popover .manager-menu-link:visited{
  color:#d8d2dd!important;
  text-decoration:none!important;
}
body[data-theme="halloween"] .account-popover .manager-menu-link:hover{
  background:#1c1010!important;
  color:#f39458!important;
  text-decoration:none!important;
}
body[data-theme="halloween"] .account-popover .manager-menu-link .ui-icon{
  width:18px!important;
  height:18px!important;
  color:#a99db1!important;
  flex:0 0 auto!important;
}
body[data-theme="halloween"] .account-popover .manager-menu-link:hover .ui-icon{
  color:#f39458!important;
}

/* Centraliza o ícone do usuário no círculo laranja */
body[data-theme="halloween"] .avatar-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  border-radius:50%!important;
}
body[data-theme="halloween"] .avatar-button .ui-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  flex:0 0 auto!important;
  transform:none!important;
}


/* v13.2.19 — Roleta Halloween: cabeçalho e textos maiores */
body[data-theme="halloween"] .original-wheel-head{
  padding:8px 20px 16px!important;
}
body[data-theme="halloween"] .daily-bonus-badge{
  padding:8px 14px!important;
  margin-bottom:10px!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body[data-theme="halloween"] .original-wheel-head h2{
  margin:7px 0 8px!important;
  font-size:31px!important;
  line-height:1.1!important;
}
body[data-theme="halloween"] .original-wheel-head p{
  margin:0 0 10px!important;
  font-size:16px!important;
  line-height:1.5!important;
  color:#cf8f72!important;
}
body[data-theme="halloween"] .wheel-experience{
  gap:16px!important;
}
body[data-theme="halloween"] .wheel-experience .modal-submit{
  min-height:56px!important;
  font-size:16px!important;
  font-weight:900!important;
}
body[data-theme="halloween"] .wheel-experience .player-security{
  font-size:12px!important;
  line-height:1.55!important;
}
body[data-theme="halloween"] .campaign-modal{
  width:min(700px,calc(100vw - 28px))!important;
}
body[data-theme="halloween"] .campaign-modal #modalContent{
  font-size:16px!important;
}
@media(max-width:620px){
  body[data-theme="halloween"] .original-wheel-head h2{font-size:26px!important}
  body[data-theme="halloween"] .original-wheel-head p{font-size:14px!important}
  body[data-theme="halloween"] .daily-bonus-badge{font-size:10px!important}
  .wheel-prizes span{font-size:11px!important}
  .wheel-state>strong{font-size:12px!important}
  .wheel-state p{font-size:12px!important}
  .wheel-state .last-prize{font-size:10px!important}
}


/* v13.3.5 — SG-AUD-025: controles do carrossel sempre clicáveis */
body[data-theme="halloween"] .hero-card-banner{
  z-index:6!important;
}
body[data-theme="halloween"] .hero-carousel-arrow,
body[data-theme="halloween"] .hero-carousel-dots{
  pointer-events:auto!important;
  position:absolute!important;
  z-index:20!important;
}
body[data-theme="halloween"] .hero-carousel-arrow{
  touch-action:manipulation;
}
body[data-theme="halloween"] .hero-carousel-dots button{
  pointer-events:auto!important;
  touch-action:manipulation;
  position:relative;
  z-index:21;
}
body[data-theme="halloween"] .hero-carousel-arrow:focus-visible,
body[data-theme="halloween"] .hero-carousel-dots button:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}


/* v13.3.7 — SG-AUD-005: fechamento responsivo do header em 390px/360px
   Esta regra fica no final do CSS para não ser sobrescrita pelos ajustes visuais
   posteriores da logo (v13.2.7), que voltavam a forçar 84px em mobile. */
@media (max-width:700px){
  body[data-theme="halloween"] .site-header{
    min-height:58px!important;
    height:58px!important;
  }

  body[data-theme="halloween"] .header-inner{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:58px!important;
    padding:0 10px!important;
    gap:7px!important;
  }

  /* Visitante: logo e os dois CTAs convivem sem posicionamento absoluto. */
  body[data-theme="halloween"] .header-inner.guest-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header>.brand-lockup{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:54px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    display:block!important;
    width:52px!important;
    max-width:52px!important;
    height:auto!important;
    max-height:48px!important;
    object-fit:contain!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .header-actions{
    flex:0 1 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    gap:5px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    gap:5px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button,
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    position:static!important;
    transform:none!important;
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Autenticado: todos os elementos permanecem no fluxo e a logo não invade ações. */
  body[data-theme="halloween"] .header-inner.authenticated-header{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    gap:6px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header>.brand-lockup{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:48px!important;
    pointer-events:none!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .halloween-header-logo{
    width:46px!important;
    max-width:46px!important;
    height:auto!important;
    max-height:44px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .header-actions{
    margin-left:auto!important;
    min-width:0!important;
    gap:5px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .balance{
    display:none!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .account-mode-badge{
    padding:5px 6px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .deposit-header{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .avatar-button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
}

@media (max-width:390px){
  body[data-theme="halloween"] .header-inner{
    padding:0 8px!important;
    gap:5px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header>.brand-lockup{
    max-width:48px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    width:46px!important;
    max-width:46px!important;
    max-height:44px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions{
    gap:4px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button,
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    padding:0 8px!important;
    font-size:9.5px!important;
  }

  body[data-theme="halloween"] .header-inner.authenticated-header>.brand-lockup{
    max-width:42px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .halloween-header-logo{
    width:40px!important;
    max-width:40px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .account-mode-badge{
    font-size:7.5px!important;
    padding:4px 5px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .deposit-header{
    padding:0 7px!important;
    font-size:8.5px!important;
  }
}

@media (max-width:360px){
  body[data-theme="halloween"] .header-inner{
    padding:0 6px!important;
    gap:4px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header>.brand-lockup{
    max-width:43px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .halloween-header-logo{
    width:41px!important;
    max-width:41px!important;
    max-height:40px!important;
  }
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .ghost-button,
  body[data-theme="halloween"] .header-inner.guest-header .guest-actions .orange-button{
    min-height:32px!important;
    height:32px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }

  body[data-theme="halloween"] .header-inner.authenticated-header>.brand-lockup{
    max-width:38px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .halloween-header-logo{
    width:36px!important;
    max-width:36px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .header-actions{
    gap:4px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .deposit-header{
    padding:0 6px!important;
    font-size:8px!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header .avatar-button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
}

/* Evita qualquer overflow horizontal causado pelo cabeçalho. */
@media (max-width:700px){
  html,body,
  body[data-theme="halloween"] .campaign-shell{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
}


/* v13.3.14 — indicadores de Afiliados compactos e integrados ao visual da página */
.original-affiliate .affiliate-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0 14px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.original-affiliate .affiliate-kpi-grid .affiliate-kpi{
  min-height:86px;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.original-affiliate .affiliate-kpi-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.original-affiliate .affiliate-kpi-title small{
  margin:0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.original-affiliate .affiliate-kpi-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-size:15px;
  font-weight:800;
  background:rgba(255,255,255,.05)!important;
}
.original-affiliate .affiliate-kpi-icon .ui-icon{
  width:16px;
  height:16px;
}
.original-affiliate .affiliate-kpi strong{
  display:block;
  margin-top:10px!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.015em;
}

/* Mantém apenas um acento discreto por indicador, sem destoar do restante da interface */
.original-affiliate .affiliate-kpi-referrals .affiliate-kpi-icon{color:#9dc7ff}
.original-affiliate .affiliate-kpi-deposits .affiliate-kpi-icon{color:#9ee6bd}
.original-affiliate .affiliate-kpi-earnings .affiliate-kpi-icon{color:#ead98f}
.original-affiliate .affiliate-kpi-commission .affiliate-kpi-icon{color:#c7b5ff}

@media(max-width:640px){
  .original-affiliate .affiliate-kpi-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:8px 0 12px!important;
  }
  .original-affiliate .affiliate-kpi-grid .affiliate-kpi{
    min-height:78px;
    padding:11px 12px!important;
    border-radius:12px!important;
  }
  .original-affiliate .affiliate-kpi-title{gap:7px}
  .original-affiliate .affiliate-kpi-icon{
    width:25px;
    height:25px;
    flex-basis:25px;
    border-radius:7px;
    font-size:14px;
  }
  .original-affiliate .affiliate-kpi-icon .ui-icon{
    width:14px;
    height:14px;
  }
  .original-affiliate .affiliate-kpi-title small{font-size:12px!important}
  .original-affiliate .affiliate-kpi strong{
    margin-top:8px!important;
    font-size:18px!important;
  }
}


/* v13.3.16 — tela de depósito ajustada para ficar o mais fiel possível à referência */
.deposit-reference-modal{
  width:min(360px,100%);
  margin:0 auto;
  padding:10px 12px 14px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,101,31,.07),transparent 30%),
    radial-gradient(circle at 90% 85%,rgba(255,156,53,.06),transparent 28%),
    #11070b!important;
}
.deposit-reference-banner{
  width:100%;
  margin:0 auto;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,113,25,.35);
  background:#1a0908;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
}
.deposit-reference-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1833/858;
  object-fit:cover;
}
.deposit-reference-heading{
  margin-top:12px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  color:#f7f4f4;
}
.deposit-reference-heading span{
  color:#fff;
  font-size:14px;
  transform:rotate(45deg);
  opacity:.9;
}
.deposit-reference-heading strong{
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em;
}
.deposit-reference-subtitle{
  margin:5px 0 13px!important;
  text-align:center;
  color:#9d5442!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.deposit-reference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.deposit-reference-grid button{
  position:relative;
  min-height:86px!important;
  padding:14px 10px!important;
  border-radius:11px!important;
  border:1px solid rgba(128,63,47,.40)!important;
  background:linear-gradient(180deg,rgba(36,19,24,.96),rgba(26,12,16,.96))!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 4px 12px rgba(0,0,0,.16)!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.deposit-reference-grid button:hover,
.deposit-reference-grid button.selected{
  border-color:#ca6d30!important;
  background:linear-gradient(180deg,rgba(54,28,24,.98),rgba(31,15,15,.98))!important;
  box-shadow:0 0 0 1px rgba(238,126,51,.15),0 5px 16px rgba(0,0,0,.22)!important;
}
.deposit-reference-grid button span{
  font-size:19px;
  line-height:1;
}
.deposit-reference-grid button strong{
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}
.deposit-reference-grid button em{
  position:absolute;
  top:-6px;
  left:7px;
  padding:2px 5px;
  border-radius:4px;
  background:#ffd735;
  color:#4a2800;
  font-size:7px;
  line-height:1.1;
  font-style:normal;
  font-weight:900;
  box-shadow:0 1px 6px rgba(0,0,0,.25);
}
.deposit-reference-grid button.popular{
  border-color:rgba(226,166,31,.75)!important;
}
.deposit-reference-grid button.special{
  border-color:rgba(204,88,84,.55)!important;
  background:linear-gradient(180deg,rgba(49,20,24,.96),rgba(31,12,16,.96))!important;
}
.deposit-reference-grid button.special strong{
  color:#ffb0a7!important;
}
.deposit-custom-value{
  margin-top:9px!important;
  display:flex!important;
  align-items:center;
  gap:7px;
  min-height:43px;
  padding:0 11px!important;
  border:1px solid rgba(116,47,35,.45)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(26,11,15,.94),rgba(19,8,11,.96))!important;
}
.deposit-custom-value>span{
  font-size:14px;
  filter:saturate(.8);
}
.deposit-custom-value input{
  min-height:41px!important;
  width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f1eaea!important;
  font-size:13px!important;
}
.deposit-custom-value input::placeholder{
  color:#8e7775!important;
}
.deposit-reference-submit{
  width:100%;
  min-height:44px!important;
  margin-top:12px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#ff6410 0%,#ff8e26 52%,#ffb05a 100%)!important;
  box-shadow:0 7px 18px rgba(255,99,15,.18)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
@media(max-width:480px){
  .deposit-reference-modal{padding:8px 10px 12px!important}
  .deposit-reference-heading strong{font-size:17px!important}
  .deposit-reference-grid{gap:6px}
  .deposit-reference-grid button{min-height:76px!important}
  .deposit-reference-grid button strong{font-size:15px!important}
}

/* v13.3.17 — popup de depósito mais compacto, sem moldura lateral vazia */
body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal){
  width:min(430px,calc(100vw - 22px))!important;
  padding:18px 18px 20px!important;
  border:0!important;
  border-radius:18px!important;
  background:rgba(23,8,5,.82)!important;
  box-shadow:0 28px 85px rgba(0,0,0,.58),0 0 30px rgba(233,118,38,.08)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal) .modal-head{
  padding:2px 4px 13px!important;
  border-bottom:1px solid rgba(233,118,38,.14)!important;
}
body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal) .deposit-reference-modal{
  width:100%!important;
  max-width:360px!important;
  background:rgba(17,7,11,.72)!important;
}
@media(max-width:480px){
  body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal){
    width:calc(100vw - 16px)!important;
    padding:14px 12px 16px!important;
    border-radius:15px!important;
    background:rgba(23,8,5,.84)!important;
  }
}

/* v13.3.18 — acabamento final solicitado */
.amount-gain{color:#42df84!important;font-weight:900}
.amount-loss{color:#ff6b6b!important;font-weight:900}
.wheel-total-setting{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}
.wheel-total-setting span,.wheel-total-setting small{display:block;color:#8792a3;font-size:10px}
.wheel-total-setting strong{display:block;margin:5px 0;color:#fff;font-size:22px}

/* Roleta maior, resultado visual ligado ao valor sorteado no servidor */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience){
  width:min(620px,calc(100vw - 20px))!important;
  border-color:rgba(233,118,38,.12)!important;
  background:rgba(23,8,5,.34)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  box-shadow:0 28px 85px rgba(0,0,0,.42)!important;
}
body[data-theme="halloween"] .modal-backdrop:has(.wheel-experience){
  background:rgba(5,2,5,.30)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.wheel-stage-large{min-height:430px!important}
.server-wheel{
  position:relative!important;
  width:min(400px,82vw)!important;
  height:min(400px,82vw)!important;
  border-radius:50%!important;
  background:conic-gradient(from -45deg,#f07a24 0 25%,#6c2eb9 25% 50%,#cf3f68 50% 75%,#e3ad27 75% 100%)!important;
  border:10px solid #2d1121!important;
  box-shadow:0 0 0 4px #f0a133,0 18px 46px rgba(0,0,0,.55),inset 0 0 35px rgba(0,0,0,.30)!important;
  transition:transform 2.2s cubic-bezier(.12,.67,.18,1)!important;
  overflow:hidden!important;
}
.server-wheel:before,.server-wheel:after{
  content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none
}
.server-wheel:before{background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.26) 49.5% 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.26) 49.5% 50.5%,transparent 50.5%)}
.server-wheel .wheel-center{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:92px!important;height:92px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle,#ff9c2d,#b94119)!important;border:6px solid #ffd36d!important;color:#fff!important;
  font-size:31px!important;font-weight:1000!important;z-index:5!important;text-shadow:0 2px 3px #0008!important
}
.server-wheel .wheel-center small{display:block!important;font-size:9px!important;margin-top:-22px!important}
.wheel-label{position:absolute;z-index:3;color:#fff;font-size:25px;font-weight:1000;text-shadow:0 2px 5px #000;transform:translate(-50%,-50%)}
.wheel-label-5{left:50%;top:18%}
.wheel-label-10{left:82%;top:50%}
.wheel-label-15{left:50%;top:82%}
.wheel-label-25{left:18%;top:50%}
.wheel-state.compact{padding:7px 10px!important;margin-top:2px!important}
.wheel-state.compact strong{font-size:10px!important;letter-spacing:.08em!important}
.wheel-state.compact p{margin:3px 0!important;font-size:12px!important}
.wheel-state.compact .last-prize{font-size:9px!important}

/* CTA de cadastro no login */
.auth-register-switch{margin-top:3px!important;color:#d9a086!important;font-weight:700!important}

@media(max-width:520px){
  .wheel-stage-large{min-height:340px!important}
  .server-wheel{width:min(315px,82vw)!important;height:min(315px,82vw)!important}
  .server-wheel .wheel-center{width:74px!important;height:74px!important;font-size:25px!important}
  .wheel-label{font-size:20px}
}

/* v13.3.19 — RC11: restauração visual da roleta + resultado persistente */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319){
  width:min(520px,calc(100vw - 20px))!important;
  max-height:calc(100vh - 18px)!important;
  overflow:hidden!important;
  padding:16px 18px 14px!important;
  border:1px solid rgba(233,118,38,.18)!important;
  border-radius:18px!important;
  background:rgba(28,8,5,.48)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 26px rgba(233,118,38,.08)!important;
}
body[data-theme="halloween"] .modal-backdrop:has(.wheel-experience-v13319){
  padding:9px!important;
  background:rgba(5,2,5,.27)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .modal-close{
  top:8px!important;
  right:9px!important;
}
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head{
  padding:2px 28px 5px!important;
}
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .daily-bonus-badge{
  margin:0 0 5px!important;
  padding:5px 11px!important;
  font-size:9px!important;
}
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head h2{
  margin:2px 0 3px!important;
  font-size:25px!important;
  line-height:1.05!important;
}
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.wheel-experience-v13319{
  gap:7px!important;
  padding-top:3px!important;
}
.wheel-stage-restored{
  position:relative;
  width:min(449px,58vh,94vw);
  height:min(449px,58vh,94vw);
  min-height:0!important;
  margin:0 auto;
  display:grid;
  place-items:center;
  overflow:visible;
}
.halloween-wheel-restored{
  width:120%;
  height:120%;
  max-width:none;
  max-height:none;
  align-self:center;
  justify-self:center;
  border-radius:50%;
  overflow:hidden;
  transform-origin:50% 50%;
  transition:transform 2.25s cubic-bezier(.10,.68,.12,1);
  will-change:transform;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(255,94,21,.19));
}
.halloween-wheel-restored img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  user-select:none;
  pointer-events:none;
}
.wheel-pointer-fixed{
  position:absolute;
  z-index:12;
  top:-10px;
  left:50%;
  width:56px;
  height:67px;
  transform:translateX(-50%);
  pointer-events:none;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));
}
.wheel-pointer-fixed span{
  display:block;
  width:100%;
  height:100%;
  clip-path:polygon(50% 100%,0 0,100% 0);
  background:linear-gradient(180deg,#ffe68a 0%,#ffac25 54%,#d45a13 100%);
  border-radius:7px 7px 12px 12px;
  box-shadow:inset 0 0 0 3px rgba(74,19,9,.44);
}
.wheel-winner-glow{
  position:absolute;
  z-index:10;
  top:-3px;
  left:50%;
  width:156px;
  height:125px;
  transform:translateX(-50%);
  opacity:0;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,235,128,.62),rgba(255,153,38,.20) 48%,transparent 72%);
  filter:blur(2px);
  transition:opacity .28s ease;
}
.wheel-winner-glow.show{opacity:1;animation:wheelWinnerPulse 1s ease-in-out infinite alternate}
@keyframes wheelWinnerPulse{from{opacity:.58;transform:translateX(-50%) scale(.92)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}
.wheel-experience-v13319 .wheel-state.compact{
  width:min(360px,100%);
  margin:0 auto!important;
  padding:6px 10px!important;
  min-height:47px!important;
  border-radius:10px!important;
}
.wheel-experience-v13319 .wheel-state.compact strong{
  font-size:8.5px!important;
  letter-spacing:.08em!important;
}
.wheel-experience-v13319 .wheel-state.compact p{
  margin:2px 0!important;
  font-size:13px!important;
  line-height:1.05!important;
}
.wheel-experience-v13319 .wheel-state.compact p b{
  color:#ffbe56;
  font-size:18px;
}
.wheel-experience-v13319 .wheel-state.compact .last-prize{
  font-size:8px!important;
}
.wheel-experience-v13319 .wheel-spin-visible{
  width:min(360px,100%)!important;
  min-height:43px!important;
  margin:0 auto!important;
  font-size:13px!important;
  border-radius:10px!important;
}
.wheel-experience-v13319 .wheel-security-note{
  margin:0 auto!important;
  max-width:360px;
  font-size:8px!important;
  line-height:1.2!important;
  text-align:center;
  opacity:.72;
}

/* O popup da roleta deve caber sem barra de rolagem. */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319)::-webkit-scrollbar{display:none!important}

@media(max-height:760px){
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319){padding:10px 14px!important}
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .daily-bonus-badge{padding:4px 9px!important;font-size:8px!important}
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head h2{font-size:21px!important}
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head p{font-size:10px!important}
  .wheel-stage-restored{width:min(386px,52vh,90vw);height:min(386px,52vh,90vw)}
  .wheel-experience-v13319{gap:5px!important}
  .wheel-experience-v13319 .wheel-security-note{display:none!important}
}
@media(max-width:420px){
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319){
    width:calc(100vw - 12px)!important;
    max-height:calc(100vh - 10px)!important;
    padding:10px 11px!important;
    border-radius:14px!important;
  }
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head{
    padding:0 22px 4px!important;
  }
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .daily-bonus-badge{
    padding:4px 8px!important;font-size:7.5px!important
  }
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head h2{
    font-size:20px!important
  }
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .original-wheel-head p{
    font-size:9px!important
  }
  .wheel-stage-restored{
    width:min(401px,54vh,92vw);
    height:min(401px,54vh,92vw);
  }
  .wheel-pointer-fixed{width:48px;height:56px;top:-8px}
  .wheel-experience-v13319 .wheel-state.compact{min-height:43px!important;padding:5px 8px!important}
  .wheel-experience-v13319 .wheel-spin-visible{min-height:40px!important}
}
@media(max-width:370px){
  .wheel-stage-restored{width:min(359px,50vh,90vw);height:min(359px,50vh,90vw)}
  .wheel-experience-v13319 .wheel-state.compact p{font-size:11px!important}
}

/* v13.3.25 — atalho para login do gerente */
.manager-login-shortcut{display:block;margin:9px auto 0;text-align:center;color:#e9a878!important;font-size:10px!important;font-weight:800;text-decoration:none}.manager-login-shortcut:hover{color:#fff!important}

/* v13.3.29 — abóboras pequenas distribuídas pela página inteira */
body[data-theme="halloween"] .page-pumpkins{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
body[data-theme="halloween"] .page-pumpkin{
  position:absolute;
  display:block;
  width:auto;
  height:auto;
  max-width:none;
  object-fit:contain;
  opacity:.86;
  pointer-events:none;
  filter:drop-shadow(0 7px 10px #0008) drop-shadow(0 0 10px #ff6b2138);
}
body[data-theme="halloween"] .winner-strip,
body[data-theme="halloween"] .content-wrap,
body[data-theme="halloween"] .site-footer{position:relative;z-index:2}

/* Mesma escala visual das abóboras pequenas já existentes no topo */
body[data-theme="halloween"] .page-pumpkin-a{width:58px;left:3%;top:720px;animation:pumpkinFloatA 31s ease-in-out -8s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-b{width:52px;right:4%;top:790px;animation:pumpkinFloatD 28s ease-in-out -14s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-c{width:64px;left:8%;top:930px;animation:pumpkinFloatC 35s ease-in-out -4s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-d{width:48px;right:10%;top:1010px;animation:pumpkinFloatB 27s ease-in-out -19s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-e{width:55px;left:4%;top:1135px;animation:pumpkinFloatE 32s ease-in-out -11s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-f{width:60px;right:5%;top:1215px;animation:pumpkinFloatA 38s ease-in-out -23s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-g{width:50px;left:12%;top:1360px;animation:pumpkinFloatD 29s ease-in-out -5s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-h{width:56px;right:12%;top:1430px;animation:pumpkinFloatC 34s ease-in-out -17s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-i{width:46px;left:3%;top:1540px;animation:pumpkinFloatB 26s ease-in-out -9s infinite alternate}
body[data-theme="halloween"] .page-pumpkin-j{width:52px;right:3%;top:1600px;animation:pumpkinFloatE 36s ease-in-out -21s infinite alternate}

@media(max-width:1199px){
  body[data-theme="halloween"] .page-pumpkin-i,
  body[data-theme="halloween"] .page-pumpkin-j{display:none}
}
@media(max-width:700px){
  body[data-theme="halloween"] .page-pumpkin{opacity:.68}
  body[data-theme="halloween"] .page-pumpkin-a{width:42px;left:-4px;top:540px}
  body[data-theme="halloween"] .page-pumpkin-b{width:38px;right:-2px;top:670px}
  body[data-theme="halloween"] .page-pumpkin-c{width:44px;left:2px;top:820px}
  body[data-theme="halloween"] .page-pumpkin-d{width:38px;right:2px;top:950px}
  body[data-theme="halloween"] .page-pumpkin-e{width:40px;left:5px;top:1090px}
  body[data-theme="halloween"] .page-pumpkin-f{width:44px;right:4px;top:1220px}
  body[data-theme="halloween"] .page-pumpkin-g,
  body[data-theme="halloween"] .page-pumpkin-h,
  body[data-theme="halloween"] .page-pumpkin-i,
  body[data-theme="halloween"] .page-pumpkin-j{display:none}
}

/* =========================================================
   v13.3.39 — Auditoria global de overflow em modais (SG-AUD-MODALS)
   Objetivo: eliminar a barra de rolagem interna sempre que o conteúdo couber
   na viewport (redução de espaçamentos/tamanhos, nunca via overflow:hidden
   escondendo conteúdo). Quando um modal for realmente grande demais para
   telas baixas (ex.: histórico com tabela, editor de afiliado), o scroll
   continua funcionando (mouse, trackpad, touch), só com barra discreta.
   Não altera nenhuma lógica de depósito/saque/PIX/VizzionPay/webhook —
   somente CSS de layout do popup.
   ========================================================= */

/* O botão fechar (×) é position:absolute em relação a .campaign-modal.
   Antes, o próprio .campaign-modal tinha overflow:auto — ou seja, ao rolar
   o conteúdo, o X rolava junto e podia sair da tela. Agora quem rola é
   #modalContent; .campaign-modal vira um contêiner flex fixo, então o X
   (e os cantos arredondados do popup) nunca se movem. */
.campaign-modal{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.campaign-modal #modalContent{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
/* Cabeçalho (ícone + título + subtítulo) fica fixo no topo do conteúdo
   rolável em vez de rolar junto com o formulário — sempre acessível. */
.campaign-modal #modalContent .modal-head{
  position:sticky;
  top:0;
  z-index:2;
  background:#141b26;
}
body[data-theme="halloween"] .campaign-modal #modalContent .modal-head{
  background:#170805;
}
body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal) #modalContent .modal-head{
  background:rgba(23,8,5,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
/* Scrollbar discreta quando o scroll é realmente necessário (fallback) —
   some visualmente mas o scroll continua funcionando normalmente. */
.campaign-modal #modalContent{scrollbar-width:thin;scrollbar-color:#e9762666 transparent}
.campaign-modal #modalContent::-webkit-scrollbar{width:6px}
.campaign-modal #modalContent::-webkit-scrollbar-track{background:transparent}
.campaign-modal #modalContent::-webkit-scrollbar-thumb{background:#e9762655;border-radius:999px}
.campaign-modal #modalContent::-webkit-scrollbar-thumb:hover{background:#e9762688}

/* dvh em vez de vh: evita que o popup fique cortado atrás da barra de
   endereço/teclado do navegador mobile (vh não reage a isso, dvh sim). */
.campaign-modal{max-height:min(88dvh,820px)!important}
@media(max-width:760px){
  .campaign-modal,.campaign-dialog{max-height:94dvh!important}
}

/* Compressão progressiva do "casco" do modal (padding do popup + cabeçalho)
   em telas de pouca altura — cobre notebooks 1366x768/1280x720 e a faixa
   1024x768, sem reduzir fonte a ponto de prejudicar leitura. */
@media(max-height:820px){
  .modal-backdrop{padding:16px}
  .campaign-modal{padding:16px 18px 18px!important}
  .campaign-modal #modalContent .modal-head{padding-bottom:9px!important}
  .modal-head .modal-icon{width:36px!important;height:36px!important}
  .modal-head h2{margin:9px 0 3px!important;font-size:19px!important}
  .modal-head p{margin:0 0 12px!important}
  .modal-body{gap:9px!important}
}
@media(max-height:700px){
  .campaign-modal{padding:13px 16px!important}
  .modal-head .modal-icon{width:32px!important;height:32px!important}
  .modal-head h2{margin:7px 0 2px!important;font-size:18px!important}
  .modal-head p{margin:0 0 9px!important}
  .modal-body{gap:7px!important}
}

/* ---- Depósito: remove espaçamento redundante e reduz banner/valores em
   telas baixas. O grid .modal-body já soma gap + margin de cada item (dobra
   o espaçamento); como cada item do depósito já define sua própria margem,
   o gap do grid é puro desperdício de altura aqui. */
.deposit-reference-modal{gap:0!important}
@media(max-height:820px){
  .deposit-reference-banner img{height:120px!important;aspect-ratio:auto!important}
  .deposit-reference-heading{margin-top:8px!important}
  .deposit-reference-subtitle{margin:3px 0 9px!important}
  .deposit-client-grid{margin:8px 0 9px!important}
  .deposit-reference-grid{gap:6px!important}
  .deposit-reference-grid button{min-height:66px!important;padding:9px 10px!important}
  .deposit-custom-value{margin-top:7px!important}
  .deposit-reference-submit{margin-top:9px!important}
}
@media(max-height:700px){
  .deposit-reference-banner img{height:88px!important}
  .deposit-reference-grid button{min-height:58px!important}
}
body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal){
  max-height:min(88dvh,820px)!important;
}

/* =========================================================
   v13.3.40 — Correção definitiva do overflow no modal de Depósito
   (feedback do usuário: v13.3.39 reduziu mas não eliminou a barra).

   DIAGNÓSTICO (causa raiz encontrada): existe uma regra antiga
   (v13.3.17) — body[data-theme="halloween"] .campaign-modal:has(.deposit-reference-modal)
   — que fixa "padding:18px 18px 20px!important" no popup SEM
   nenhuma media query. Como o tema padrão da plataforma é
   "halloween" (setting visual_theme), essa regra tem especificidade
   maior que o ".campaign-modal{padding:...!important}" genérico da
   v13.3.39 (que não tem seletor de ID/atributo), então ela sempre
   vencia a cascata e a compressão de padding em telas baixas nunca
   chegava a ser aplicada no depósito. Além disso, vários elementos
   do formulário (título "Deposite e Jogue", botão Continuar, grid
   de valores) tinham tamanhos fixos fora de qualquer media query,
   então a v13.3.39 não os comprimia o suficiente.

   SOLUÇÃO: em vez de brigar por especificidade com seletores cada
   vez mais específicos, foi adicionada uma classe de CSS explícita
   (".is-deposit-modal") no elemento #modalBackdrop somente quando o
   modal de depósito é aberto (assets/player.js, função open() —
   apenas um toggle de classe, sem nenhuma alteração de lógica,
   endpoint, PIX ou saldo). Como a classe está pendurada num
   seletor com ID (#modalBackdrop.is-deposit-modal ...), as regras
   abaixo vencem a cascata de forma limpa e previsível, sem precisar
   tocar/remover a regra antiga da v13.3.17 — que continua intacta
   para bordas/fundo/sombra do popup.
   ========================================================= */

/* Teto de altura um pouco mais generoso só para o depósito (é o
   modal com mais conteúdo do projeto) + padding realmente
   responsivo por faixa de altura. */
#modalBackdrop.is-deposit-modal .campaign-modal{
  max-height:min(92dvh,780px)!important;
  padding:22px 22px 20px!important;
}
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .campaign-modal{padding:16px 18px 16px!important}
  #modalBackdrop.is-deposit-modal .campaign-modal #modalContent .modal-head{padding:2px 4px 6px!important}
  #modalBackdrop.is-deposit-modal .modal-head .modal-icon{width:30px!important;height:30px!important}
  #modalBackdrop.is-deposit-modal .modal-head h2{margin:6px 0 2px!important;font-size:17px!important}
  #modalBackdrop.is-deposit-modal .modal-head p{margin:0 0 8px!important;font-size:10px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .campaign-modal{padding:14px 16px 14px!important}
  #modalBackdrop.is-deposit-modal .campaign-modal #modalContent .modal-head{padding:2px 4px 5px!important}
  #modalBackdrop.is-deposit-modal .modal-head .modal-icon{width:28px!important;height:28px!important}
  #modalBackdrop.is-deposit-modal .modal-head h2{margin:5px 0 2px!important;font-size:16px!important}
  #modalBackdrop.is-deposit-modal .modal-head p{margin:0 0 7px!important}
}

/* Banner: object-fit:cover já existente é preservado; só a altura
   muda por faixa. Valores mais enxutos que a v13.3.39 pedia. */
#modalBackdrop.is-deposit-modal .deposit-reference-banner img{
  width:100%!important;
  object-fit:cover!important;
}
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .deposit-reference-banner img{height:100px!important;aspect-ratio:auto!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .deposit-reference-banner img{height:85px!important}
}
@media(max-height:650px){
  #modalBackdrop.is-deposit-modal .deposit-reference-banner img{height:72px!important}
}

/* Título "Deposite e Jogue" + subtítulo: agora comprimidos de fato
   (antes o font-size/line-height de 18px ficava fora de qualquer
   media query e nunca era reduzido). */
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .deposit-reference-heading{margin-top:6px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-heading strong{font-size:15px!important;line-height:1.1!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-heading span{font-size:12px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-subtitle{margin:2px 0 6px!important;font-size:10px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .deposit-reference-heading{margin-top:5px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-subtitle{margin:2px 0 5px!important}
}

/* E-mail / CPF: grade mais compacta. */
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .deposit-client-grid{margin:6px 0 8px!important;gap:8px!important}
  #modalBackdrop.is-deposit-modal .deposit-client-grid input{height:38px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .deposit-client-grid{margin:5px 0 7px!important}
  #modalBackdrop.is-deposit-modal .deposit-client-grid input{height:36px!important}
}

/* Grid de valores rápidos: cards mais baixos, mantendo o texto
   legível (ícone, valor e badge "POPULAR" continuam visíveis). */
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .deposit-reference-grid{gap:6px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{min-height:56px!important;padding:7px 8px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button span{font-size:16px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button strong{font-size:14px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{min-height:50px!important;padding:6px 8px!important}
}
@media(max-height:650px){
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{min-height:46px!important}
}

/* Valor personalizado + botão Continuar: campo um pouco mais baixo,
   botão mantido dentro da faixa confortável de toque (46-48px). */
@media(max-height:820px){
  #modalBackdrop.is-deposit-modal .deposit-custom-value{margin-top:6px!important;min-height:40px!important}
  #modalBackdrop.is-deposit-modal .deposit-custom-value input{min-height:38px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-submit{margin-top:8px!important;min-height:48px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .deposit-custom-value{margin-top:5px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-submit{margin-top:6px!important;min-height:46px!important}
}

/* Scroll: por padrão o depósito não depende de scroll (o conteúdo
   foi dimensionado para caber nas resoluções-alvo). O scroll interno
   só volta a ser habilitado em telas realmente extremas (< 650px de
   altura), como fallback de segurança — nunca escondendo conteúdo. */
@media(max-height:650px){
  #modalBackdrop.is-deposit-modal .campaign-modal{overflow:hidden!important}
  #modalBackdrop.is-deposit-modal #modalContent{overflow-y:auto!important}
}

/* ---- Saque: mesma lógica de compressão em telas baixas (sem banner, mas
   com vários campos empilhados). */
@media(max-height:820px){
  .withdrawal-form .money-grid-lite{gap:6px!important}
  .withdrawal-form .operation-limit{padding:8px 10px!important}
}

/* ---- Histórico e Missões: conteúdo pode legitimamente ultrapassar telas
   pequenas (tabela/lista variável). Mantém o scroll como fallback, mas com
   cabeçalho fixo (já resolvido acima) e menos espaço perdido no resumo. */
@media(max-height:820px){
  .history-summary{margin-bottom:7px!important}
  .missions-balance-card,.missions-progress-original{margin-bottom:8px!important}
}

/* ---- Menu da conta (.account-popover): dropdown fixo no topo com até 10
   itens (perfil, carteira, depositar, saque, missões, roleta, afiliados,
   histórico, painel do gerente, sair). Em telas muito baixas isso pode
   ultrapassar a altura disponível; proteção defensiva com scroll discreto
   como fallback, mantendo o cabeçalho (nome do jogador) sempre visível. */
.account-popover{
  max-height:calc(100dvh - 76px)!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#8ef76255 transparent;
}
.account-popover::-webkit-scrollbar{width:6px}
.account-popover::-webkit-scrollbar-track{background:transparent}
.account-popover::-webkit-scrollbar-thumb{background:#8ef76244;border-radius:999px}
@media(max-height:600px){
  .account-popover{top:52px!important;max-height:calc(100dvh - 64px)!important}
}

/* =========================================================
   v13.3.41 — Depósito sem scroll em viewports normais
   Corrige a causa residual da v13.3.40: #modalContent permanecia
   com overflow-y:auto por herança da auditoria v13.3.39.
   ========================================================= */

/* Em depósito normal, o conteúdo participa do fluxo e NÃO cria uma
   viewport rolável própria. O casco continua recortando os cantos. */
#modalBackdrop.is-deposit-modal .campaign-modal{
  display:block!important;
  height:auto!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
}
#modalBackdrop.is-deposit-modal .campaign-modal #modalContent{
  display:block!important;
  flex:none!important;
  min-height:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
#modalBackdrop.is-deposit-modal .campaign-modal #modalContent .modal-head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-modal{
  width:100%!important;
  max-width:420px!important;
  margin:0 auto!important;
}

/* 1366x768 / 1024x768 e notebooks de altura semelhante. */
@media (max-height:800px) and (min-height:651px){
  #modalBackdrop.is-deposit-modal .campaign-modal{
    padding:14px 16px 14px!important;
  }
  #modalBackdrop.is-deposit-modal .campaign-modal #modalContent .modal-head{
    padding:0 4px 6px!important;
  }
  #modalBackdrop.is-deposit-modal .modal-head .modal-icon{
    width:30px!important;
    height:30px!important;
  }
  #modalBackdrop.is-deposit-modal .modal-head h2{
    margin:5px 0 2px!important;
    font-size:17px!important;
  }
  #modalBackdrop.is-deposit-modal .modal-head p{
    margin:0 0 7px!important;
    font-size:11px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-modal{
    padding:7px 10px 9px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-banner img{
    height:92px!important;
    aspect-ratio:auto!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-heading{
    margin-top:5px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-heading strong{
    font-size:15px!important;
    line-height:1.1!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-subtitle{
    margin:2px 0 5px!important;
    font-size:10px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-client-grid{
    margin:5px 0 6px!important;
    gap:8px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-client-grid label>span{
    margin-bottom:3px!important;
    font-size:10px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-client-grid input{
    height:36px!important;
    min-height:36px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-grid{
    gap:6px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{
    min-height:52px!important;
    padding:6px 8px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-custom-value{
    margin-top:5px!important;
    min-height:38px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-custom-value input{
    min-height:36px!important;
    height:36px!important;
  }
  #modalBackdrop.is-deposit-modal .deposit-reference-submit{
    margin-top:6px!important;
    min-height:46px!important;
  }
}

/* Somente em viewports realmente baixas o scroll volta como fallback.
   Aqui o comportamento flex/scroll da auditoria é reativado de propósito. */
@media (max-height:650px){
  #modalBackdrop.is-deposit-modal .campaign-modal{
    display:flex!important;
    flex-direction:column!important;
    max-height:calc(100dvh - 16px)!important;
    overflow:hidden!important;
  }
  #modalBackdrop.is-deposit-modal .campaign-modal #modalContent{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* v13.3.47 - cadastro unico exigido pela Vizzion antes do primeiro deposito */
.deposit-once-note{font-size:13px;line-height:1.45;color:#b9917e;background:rgba(255,255,255,.035);border:1px solid rgba(239,119,29,.18);border-radius:12px;padding:10px 12px;margin-bottom:4px}.deposit-reference-modal#depositProfileForm{gap:12px}.deposit-reference-modal#depositProfileForm label{display:grid;gap:6px}.deposit-reference-modal#depositProfileForm label>span{font-size:12px;font-weight:800;letter-spacing:.06em}.deposit-reference-modal#depositProfileForm input{min-height:48px}


/* =========================================================
   v13.3.52 — Depósito redesenhado conforme referência visual
   Mantém a identidade Halloween/laranja do tema Halloween Subway.
   ========================================================= */
#modalBackdrop.is-deposit-modal .campaign-modal{
  width:min(530px,calc(100vw - 28px))!important;
  max-height:min(92dvh,720px)!important;
  padding:26px 30px 30px!important;
  border:1px solid rgba(255,121,31,.38)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#16090a 0%,#110709 100%)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 34px rgba(255,105,25,.07)!important;
}
#modalBackdrop.is-deposit-modal #modalContent{
  overflow:visible!important;
  flex:0 0 auto!important;
  min-height:auto!important;
}
#modalBackdrop.is-deposit-modal #modalContent>.modal-head{display:none!important}
#modalBackdrop.is-deposit-modal .deposit-reference-modal.deposit-v1352{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
}
#modalBackdrop.is-deposit-modal .deposit-account-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  max-width:78%;
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,150,87,.22);
  border-radius:999px;
  background:rgba(43,20,21,.8);
  color:#d9c5bf;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#modalBackdrop.is-deposit-modal .deposit-account-pill>span:last-child{
  overflow:hidden;text-overflow:ellipsis
}
#modalBackdrop.is-deposit-modal .deposit-account-icon{
  display:grid;place-items:center;
  width:21px;height:21px;
  border-radius:50%;
  color:#ff7a1a;
  border:2px solid currentColor;
  font-size:10px;
  flex:0 0 auto;
}
#modalBackdrop.is-deposit-modal .deposit-reference-heading{
  margin:30px 0 0!important;
  gap:7px!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-heading span{
  color:#ff8a28!important;
  font-size:13px!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-heading strong{
  color:#fff7f3!important;
  font-size:25px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-subtitle{
  margin:8px 0 28px!important;
  color:#b99388!important;
  font-size:15px!important;
  line-height:1.3!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button{
  min-height:104px!important;
  padding:14px 8px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,132,70,.20)!important;
  background:linear-gradient(180deg,#211116 0%,#1a0d12 100%)!important;
  box-shadow:none!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button:hover,
#modalBackdrop.is-deposit-modal .deposit-reference-grid button.selected{
  border-color:#ff7a1a!important;
  background:linear-gradient(180deg,#352019 0%,#26140f 100%)!important;
  box-shadow:0 0 0 1px rgba(255,122,26,.18),0 10px 24px rgba(255,94,0,.10)!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button strong{
  font-size:18px!important;
  color:#fff7f2!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button span{
  font-size:21px!important;
  margin-bottom:4px;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button.popular{
  grid-column:1!important;
  grid-row:2!important;
  border-color:rgba(255,194,31,.45)!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-grid button em{
  top:-8px!important;
  left:50%!important;
  transform:translateX(-50%);
  padding:4px 9px!important;
  border-radius:6px!important;
  background:#ffd21a!important;
  color:#3d2600!important;
  font-size:9px!important;
}
#modalBackdrop.is-deposit-modal .deposit-custom-value{
  min-height:58px!important;
  margin-top:25px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,132,70,.20)!important;
  background:#1a0d12!important;
}
#modalBackdrop.is-deposit-modal .deposit-custom-value>span{font-size:19px!important}
#modalBackdrop.is-deposit-modal .deposit-custom-value input{
  min-height:56px!important;
  font-size:16px!important;
  font-weight:800!important;
  color:#fff7f2!important;
}
#modalBackdrop.is-deposit-modal .deposit-custom-value input::placeholder{
  color:#8d716b!important;
  font-weight:700!important;
}
#modalBackdrop.is-deposit-modal .deposit-reference-submit{
  min-height:64px!important;
  margin-top:24px!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,#f46b16 0%,#ff8426 100%)!important;
  box-shadow:0 12px 28px rgba(255,102,16,.22)!important;
  font-size:19px!important;
}
#modalBackdrop.is-deposit-modal #modalClose{
  top:22px!important;
  right:24px!important;
  color:#a58c87!important;
}
@media(max-width:620px){
  #modalBackdrop.is-deposit-modal .campaign-modal{padding:20px 16px 22px!important;border-radius:22px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-heading{margin-top:24px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-heading strong{font-size:21px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-subtitle{font-size:13px!important;margin-bottom:20px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid{gap:8px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{min-height:88px!important;border-radius:14px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button strong{font-size:16px!important}
  #modalBackdrop.is-deposit-modal .deposit-custom-value{margin-top:18px!important;min-height:52px!important}
  #modalBackdrop.is-deposit-modal .deposit-custom-value input{min-height:50px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-submit{min-height:56px!important;margin-top:16px!important;font-size:17px!important}
}
@media(max-height:700px){
  #modalBackdrop.is-deposit-modal .campaign-modal{padding-top:16px!important;padding-bottom:18px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-heading{margin-top:16px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-subtitle{margin:5px 0 14px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-grid button{min-height:76px!important}
  #modalBackdrop.is-deposit-modal .deposit-custom-value{margin-top:12px!important;min-height:48px!important}
  #modalBackdrop.is-deposit-modal .deposit-custom-value input{min-height:46px!important}
  #modalBackdrop.is-deposit-modal .deposit-reference-submit{min-height:50px!important;margin-top:12px!important}
}


/* ================================================================
   v13.3.54 — Menu do usuário inspirado na referência enviada
   Apenas apresentação. Nenhum item/ação do menu foi removido.
   ================================================================ */
body[data-theme="halloween"] .account-popover{
  top:64px!important;
  right:max(20px,calc((100vw - 1200px)/2))!important;
  width:236px!important;
  padding:10px 0!important;
  gap:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-radius:0 0 14px 14px!important;
  background:#050817!important;
  box-shadow:0 24px 60px rgba(0,0,0,.52)!important;
  overflow:hidden!important;
}

/* O nome continua no DOM, mas não aparece na referência visual. */
body[data-theme="halloween"] .account-popover>strong{
  display:none!important;
}

body[data-theme="halloween"] .account-popover button,
body[data-theme="halloween"] .account-popover .manager-menu-link{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3f3f7!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:left!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease!important;
}

body[data-theme="halloween"] .account-popover button .ui-icon,
body[data-theme="halloween"] .account-popover .manager-menu-link .ui-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  color:#f4f4f6!important;
  opacity:.96!important;
}

body[data-theme="halloween"] .account-popover button:hover,
body[data-theme="halloween"] .account-popover .manager-menu-link:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}

body[data-theme="halloween"] .account-popover button:hover .ui-icon,
body[data-theme="halloween"] .account-popover .manager-menu-link:hover .ui-icon{
  color:#fff!important;
}

/* Sair mantém o mesmo padrão visual dos demais itens da referência. */
body[data-theme="halloween"] .account-popover #logoutPlayer{
  color:#f3f3f7!important;
}

/* Em telas baixas, mantém o mesmo desenho e habilita rolagem só se necessária. */
@media(max-height:620px){
  body[data-theme="halloween"] .account-popover{
    max-height:calc(100dvh - 74px)!important;
    overflow-y:auto!important;
  }
}
@media(max-width:700px){
  body[data-theme="halloween"] .account-popover{
    right:10px!important;
    width:min(236px,calc(100vw - 20px))!important;
  }
  body[data-theme="halloween"] .account-popover button,
  body[data-theme="halloween"] .account-popover .manager-menu-link{
    min-height:46px!important;
    padding:0 18px!important;
    font-size:16px!important;
  }
}


/* ================================================================
   v13.3.55 — Modal de saque conforme referência visual
   ================================================================ */
#modalBackdrop .campaign-modal:has(.withdrawal-reference){
  width:min(560px,calc(100vw - 24px))!important;
  max-width:560px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(239,116,30,.35)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#190b07 0%,#120705 100%)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.58),0 0 0 1px rgba(239,116,30,.05)!important;
}
#modalBackdrop .campaign-modal:has(.withdrawal-reference) #modalContent{
  padding:0!important;
  overflow:visible!important;
}
#modalBackdrop .campaign-modal:has(.withdrawal-reference) .modal-close{
  top:16px!important;
  right:16px!important;
  width:42px!important;
  height:42px!important;
  z-index:30!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#b8aaa4!important;
  box-shadow:none!important;
  font-size:25px!important;
}
.withdrawal-reference{width:100%;color:#fff}
.withdrawal-reference-head{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 72px;
  border-bottom:1px solid rgba(239,116,30,.18);
  background:rgba(255,255,255,.018);
}
.withdrawal-reference-title{
  display:flex;align-items:center;gap:10px;
  font-size:24px;font-weight:800;color:#fff;
}
.withdrawal-reference-icon{font-size:22px}
.withdrawal-reference-body{padding:24px 26px 26px}
.withdrawal-account{
  margin-bottom:18px;color:#bca9a0;font-size:16px
}
.withdrawal-account strong{color:#e7b09a;font-weight:500}
.withdrawal-section{margin-top:12px}
.withdrawal-section-label{
  display:flex;align-items:center;gap:9px;
  margin-bottom:10px;color:#f8eee9;font-size:18px
}
.withdrawal-section-label>span{
  width:25px;height:25px;display:grid;place-items:center;
  border-radius:50%;background:rgba(239,116,30,.14);font-size:14px
}
.withdrawal-chip-row{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px
}
.withdrawal-chip{
  height:38px;padding:0 15px!important;
  border:1px solid rgba(224,192,178,.4)!important;
  border-radius:999px!important;
  background:#17100f!important;color:#eee5e1!important;
  font-size:14px!important;font-weight:600!important;
  box-shadow:none!important
}
.withdrawal-chip:hover{border-color:#ef741e!important;color:#fff!important}
.withdrawal-chip.selected{
  border-color:#ef741e!important;background:#ef741e!important;color:#fff!important;
  box-shadow:0 6px 20px rgba(239,116,30,.2)!important
}
.withdrawal-amount-field,
.withdrawal-select-wrap,
.withdrawal-key-wrap{
  position:relative;display:flex!important;align-items:center;
  border:1px solid rgba(224,192,178,.4)!important;
  border-radius:15px!important;background:#130b09!important;overflow:hidden
}
.withdrawal-amount-field{height:50px}
.withdrawal-field-icon,
.withdrawal-select-icon,
.withdrawal-key-icon{
  flex:0 0 39px;display:grid;place-items:center;
  color:#ef741e;font-size:17px
}
.withdrawal-amount-field input,
.withdrawal-select-wrap select,
.withdrawal-key-wrap input{
  width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0 12px 0 0!important;
  border:0!important;outline:0!important;background:transparent!important;
  color:#fff!important;font-size:16px!important;box-shadow:none!important
}
.withdrawal-pix-section{margin-top:18px}
.withdrawal-pix-row-ref{
  display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px
}
.withdrawal-select-wrap,.withdrawal-key-wrap{height:48px}
.withdrawal-select-wrap select{cursor:pointer}
.withdrawal-select-wrap select option{background:#1a0e0b;color:#fff}
.withdrawal-key-wrap input::placeholder{color:#857b77!important}
.withdrawal-profile-warning{
  margin:12px 0 0;padding:9px 12px;border-radius:10px;
  background:rgba(239,116,30,.08);color:#e7ab8c;font-size:13px;text-align:center
}
.withdrawal-submit-ref{
  min-width:190px;height:48px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:20px auto 0!important;padding:0 22px!important;
  border:0!important;border-radius:999px!important;
  background:linear-gradient(180deg,#ff8a2b,#ef741e)!important;
  color:#fff!important;font-size:16px!important;font-weight:800!important;
  box-shadow:0 8px 22px rgba(239,116,30,.25)!important
}
.withdrawal-submit-ref:hover{transform:translateY(-1px);filter:brightness(1.05)}
.withdrawal-reference-body .modal-feedback{
  margin:10px 0 0!important;text-align:center
}
@media(max-width:620px){
  #modalBackdrop .campaign-modal:has(.withdrawal-reference){
    width:calc(100vw - 16px)!important;border-radius:20px!important
  }
  .withdrawal-reference-head{min-height:66px}
  .withdrawal-reference-body{padding:18px 16px 20px}
  .withdrawal-pix-row-ref{grid-template-columns:1fr}
  .withdrawal-chip{flex:1 1 calc(33.333% - 8px);padding:0 8px!important}
}
@media(max-height:690px){
  #modalBackdrop .campaign-modal:has(.withdrawal-reference) #modalContent{
    max-height:calc(100dvh - 22px)!important;overflow-y:auto!important
  }
  .withdrawal-reference-head{min-height:58px}
  .withdrawal-reference-body{padding-top:14px;padding-bottom:16px}
  .withdrawal-account{margin-bottom:10px}
  .withdrawal-section{margin-top:8px}
  .withdrawal-pix-section{margin-top:12px}
  .withdrawal-submit-ref{margin-top:14px!important}
}


/* ================================================================
   v13.3.56 — Afiliados conforme referência, sem link de pressel
   ================================================================ */
#modalBackdrop .campaign-modal:has(.affiliate-reference){
  width:min(560px,calc(100vw - 24px))!important;
  max-width:560px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(239,116,30,.35)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#190b07 0%,#120705 100%)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.58),0 0 0 1px rgba(239,116,30,.05)!important;
}
#modalBackdrop .campaign-modal:has(.affiliate-reference) #modalContent{
  padding:0!important;
  overflow:visible!important;
}
#modalBackdrop .campaign-modal:has(.affiliate-reference) .modal-close{
  top:16px!important;right:16px!important;width:42px!important;height:42px!important;
  z-index:30!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#b8aaa4!important;box-shadow:none!important;font-size:25px!important;
}
.affiliate-reference{width:100%;color:#fff}
.affiliate-reference-head{
  min-height:76px;display:flex;align-items:center;justify-content:center;padding:0 72px;
  border-bottom:1px solid rgba(239,116,30,.18);background:rgba(255,255,255,.018)
}
.affiliate-reference-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800}
.affiliate-reference-icon{width:27px;height:27px;display:grid;place-items:center;color:#ef741e}
.affiliate-reference-icon .ui-icon{width:25px;height:25px}
.affiliate-reference-body{padding:24px 26px 26px}
.affiliate-reference-intro{margin:0 0 20px;color:#eee5e1;font-size:17px}
.affiliate-reference-link>span{
  display:block;margin-bottom:8px;color:#f7eee9;font-size:16px;font-weight:600
}
.affiliate-reference-link>div{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:10px}
.affiliate-reference-link label{
  height:42px;display:flex;align-items:center;border:1px solid rgba(224,192,178,.42);
  border-radius:13px;background:#130b09;overflow:hidden
}
.affiliate-link-icon{flex:0 0 39px;display:grid;place-items:center;color:#ef741e;font-size:17px}
.affiliate-reference-link input{
  width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 10px 0 0!important;
  border:0!important;background:transparent!important;color:#fff!important;font-size:14px!important;box-shadow:none!important
}
.affiliate-reference-link button{
  height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(224,192,178,.42)!important;
  border-radius:999px!important;background:#17100f!important;color:#fff!important;font-size:14px!important;font-weight:800!important;
  display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:none!important
}
.affiliate-reference-link button:hover{border-color:#ef741e!important;background:#22110c!important}
.affiliate-reference-kpis{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px
}
.affiliate-reference-kpis article{
  min-height:84px;padding:13px 15px;border:1px solid rgba(224,192,178,.34);border-radius:15px;
  background:linear-gradient(145deg,#17100f,#120b09)
}
.affiliate-reference-kpis article>div{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.affiliate-reference-kpis small{color:#b7aaa4;font-size:14px}
.affiliate-reference-kpis strong{display:block;color:#fff;font-size:21px}
.affiliate-kpi-round{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:800
}
.affiliate-kpi-round .ui-icon{width:17px;height:17px}
.affiliate-kpi-round.referrals{background:rgba(239,116,30,.15);color:#ef741e}
.affiliate-kpi-round.deposits{background:rgba(56,180,95,.15);color:#46c76b}
.affiliate-kpi-round.earnings{background:rgba(244,190,33,.14);color:#f4be21}
.affiliate-kpi-round.commission{background:rgba(152,80,225,.16);color:#b26cff}
.affiliate-reference-withdraw{
  margin-top:16px;padding:16px;border:1px solid rgba(224,192,178,.28);
  border-radius:15px;background:#140c0a
}
.affiliate-reference-withdraw-title{display:flex;align-items:center;gap:9px}
.affiliate-reference-withdraw-title>span{
  width:24px;height:24px;display:grid;place-items:center;border-radius:50%;
  background:rgba(239,116,30,.16);color:#ef741e;font-weight:900;font-size:13px
}
.affiliate-reference-withdraw-title strong{font-size:17px}
.affiliate-reference-withdraw p{margin:10px 0 0;color:#bbaea8;font-size:15px}
.affiliate-reference-withdraw p strong{color:#fff}
.affiliate-reference-withdraw button{
  margin:13px 0 0!important;padding:0 18px!important;height:42px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(180deg,#ff8a2b,#ef741e)!important;color:#fff!important;font-weight:800!important
}
.affiliate-reference-foot{margin:16px 0 0;color:#a99992;font-size:14px;line-height:1.5}
@media(max-width:620px){
  #modalBackdrop .campaign-modal:has(.affiliate-reference){width:calc(100vw - 16px)!important;border-radius:20px!important}
  .affiliate-reference-head{min-height:66px}
  .affiliate-reference-body{padding:18px 16px 20px}
  .affiliate-reference-link>div{grid-template-columns:1fr}
  .affiliate-reference-link button{width:125px}
}
@media(max-height:720px){
  #modalBackdrop .campaign-modal:has(.affiliate-reference) #modalContent{
    max-height:calc(100dvh - 22px)!important;overflow-y:auto!important
  }
  .affiliate-reference-head{min-height:58px}
  .affiliate-reference-body{padding-top:14px;padding-bottom:16px}
  .affiliate-reference-intro{margin-bottom:12px}
  .affiliate-reference-kpis{margin-top:12px}
  .affiliate-reference-withdraw{margin-top:12px}
  .affiliate-reference-foot{margin-top:12px}
}


/* ================================================================
   v13.3.57 — Histórico conforme referência visual
   ================================================================ */
#modalBackdrop .campaign-modal:has(.history-reference){
  width:min(525px,calc(100vw - 24px))!important;
  max-width:525px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(239,116,30,.32)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#190b07 0%,#120705 100%)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.58),0 0 0 1px rgba(239,116,30,.04)!important;
}
#modalBackdrop .campaign-modal:has(.history-reference) #modalContent{
  padding:0!important;
  overflow:visible!important;
}
#modalBackdrop .campaign-modal:has(.history-reference) .modal-close{
  top:16px!important;right:16px!important;width:42px!important;height:42px!important;
  z-index:30!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#b8aaa4!important;box-shadow:none!important;font-size:25px!important;
}
.history-reference{width:100%;color:#fff}
.history-reference-head{
  min-height:70px;display:flex;align-items:center;justify-content:center;padding:0 70px;
  border-bottom:1px solid rgba(239,116,30,.16);background:rgba(255,255,255,.018)
}
.history-reference-title{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800}
.history-reference-title>span{color:#ef741e;font-size:25px}
.history-reference-body{padding:24px 26px 26px}
.history-reference-intro{
  display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;
  color:#eee5e1;font-size:17px;line-height:1.45
}
.history-reference-intro>span{color:#ef741e;font-size:22px;line-height:1}
.history-reference-table{
  overflow:hidden;border:1px solid rgba(224,192,178,.34);border-radius:14px;background:#130b09
}
.history-reference-table table{width:100%;border-collapse:collapse}
.history-reference-table thead{background:rgba(255,255,255,.035)}
.history-reference-table th{
  padding:11px 13px;text-align:left;color:#b7aaa4;font-size:14px;font-weight:500
}
.history-reference-table th span{margin-right:5px;color:#d5c8c2}
.history-reference-table td{
  padding:12px 13px;border-top:1px solid rgba(224,192,178,.12);color:#eee5e1;font-size:14px
}
.history-reference-table td:last-child,
.history-reference-table th:last-child{text-align:right}
.history-reference-table td.credit{color:#73d98f;font-weight:700}
.history-reference-table td.debit{color:#e98b73;font-weight:700}
.history-reference-table .history-empty td{
  padding:16px!important;text-align:center!important;color:#9f918b!important
}
.history-reference-table .history-empty span{margin-right:7px;color:#b6aaa5;font-size:11px}
@media(max-width:620px){
  #modalBackdrop .campaign-modal:has(.history-reference){
    width:calc(100vw - 16px)!important;border-radius:20px!important
  }
  .history-reference-head{min-height:64px}
  .history-reference-body{padding:18px 16px 20px}
  .history-reference-intro{font-size:15px}
  .history-reference-table th,.history-reference-table td{padding:10px 9px;font-size:13px}
}
@media(max-height:620px){
  #modalBackdrop .campaign-modal:has(.history-reference) #modalContent{
    max-height:calc(100dvh - 22px)!important;overflow-y:auto!important
  }
}



/* ================================================================
   v13.3.58 — Home mobile redesenhada conforme referência enviada
   Escopo exclusivo para telas móveis. Desktop permanece inalterado.
   ================================================================ */
@media(max-width:700px){

  /* Base / fundo */
  body[data-theme="halloween"]{
    background:
      radial-gradient(circle at 15% 16%,rgba(255,118,32,.16),transparent 32%),
      radial-gradient(circle at 85% 52%,rgba(255,110,20,.10),transparent 36%),
      linear-gradient(180deg,#351006 0%,#6d210c 18%,#4a1509 55%,#2c0b05 100%)!important;
  }
  body[data-theme="halloween"] .campaign-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100vh;
    overflow:hidden;
    background:transparent!important;
  }
  body[data-theme="halloween"] .page-pumpkins,
  body[data-theme="halloween"] .hero-pumpkins{
    display:none!important;
  }

  /* Topo igual à referência: menu, logo e usuário */
  body[data-theme="halloween"] .site-header{
    position:relative!important;
    top:auto!important;
    z-index:50!important;
    height:78px!important;
    min-height:78px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,142,62,.20)!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%) 0 0/90px 90px,
      linear-gradient(180deg,#8b2d0c 0%,#702009 100%)!important;
    box-shadow:0 8px 24px rgba(26,5,0,.28)!important;
  }
  body[data-theme="halloween"] .header-inner.authenticated-header{
    position:relative!important;
    height:78px!important;
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:48px 1fr 48px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 14px!important;
  }

  body[data-theme="halloween"] .mobile-menu{
    position:static!important;
    grid-column:1!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  body[data-theme="halloween"] .mobile-menu .ui-icon{
    width:24px!important;
    height:24px!important;
  }

  body[data-theme="halloween"] .brand-lockup.original-brand{
    position:static!important;
    grid-column:2!important;
    justify-self:start!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body[data-theme="halloween"] .halloween-header-logo{
    display:block!important;
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))!important;
  }

  body[data-theme="halloween"] .header-actions{
    position:static!important;
    grid-column:3!important;
    justify-self:end!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
  }
  body[data-theme="halloween"] .header-actions .balance,
  body[data-theme="halloween"] .header-actions .deposit-header{
    display:none!important;
  }
  body[data-theme="halloween"] .avatar-button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border:2px solid rgba(255,198,130,.70)!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#ff852b,#ed681d)!important;
    color:#fff!important;
    box-shadow:0 0 0 3px rgba(255,132,42,.13),0 5px 16px rgba(0,0,0,.25)!important;
  }
  body[data-theme="halloween"] .avatar-button .ui-icon{
    width:22px!important;
    height:22px!important;
  }

  /* Barra de ações logo abaixo do topo */
  body[data-theme="halloween"] .mobile-menu-panel{
    position:relative!important;
    inset:auto!important;
    z-index:35!important;
    width:100%!important;
    height:58px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,137,53,.18)!important;
    border-radius:0!important;
    background:#170805!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body[data-theme="halloween"] .mobile-menu-panel button{
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.07)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f4d7c7!important;
    font-size:13px!important;
    font-weight:500!important;
    box-shadow:none!important;
  }
  body[data-theme="halloween"] .mobile-menu-panel button:last-child{
    border-right:0!important;
  }
  body[data-theme="halloween"] .mobile-menu-panel button:hover,
  body[data-theme="halloween"] .mobile-menu-panel button:active{
    background:rgba(239,116,30,.12)!important;
    color:#fff!important;
  }

  /* O botão hamburger continua útil: oculta/reabre a barra de ações. */
  body[data-theme="halloween"] .mobile-menu-panel.mobile-nav-hidden{
    display:none!important;
  }

  /* Dropdown da conta: mantém itens atuais, visual coerente com a referência */
  body[data-theme="halloween"] .account-popover{
    top:78px!important;
    right:8px!important;
    width:min(235px,calc(100vw - 16px))!important;
    padding:8px 0!important;
    border:1px solid rgba(239,116,30,.22)!important;
    border-radius:0 0 15px 15px!important;
    background:linear-gradient(180deg,#1b0906,#110503)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.52)!important;
  }
  body[data-theme="halloween"] .account-popover button,
  body[data-theme="halloween"] .account-popover .manager-menu-link{
    min-height:45px!important;
    padding:0 18px!important;
    gap:13px!important;
    color:#f4e7e0!important;
    font-size:16px!important;
  }
  body[data-theme="halloween"] .account-popover button:hover,
  body[data-theme="halloween"] .account-popover .manager-menu-link:hover{
    background:rgba(239,116,30,.10)!important;
  }

  /* Banner principal */
  body[data-theme="halloween"] .hero-zone{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    margin:0!important;
    padding:12px 7px 10px!important;
    background:transparent!important;
  }
  body[data-theme="halloween"] .hero-card,
  body[data-theme="halloween"] .hero-card-banner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-theme="halloween"] .hero-art,
  body[data-theme="halloween"] .hero-reference,
  body[data-theme="halloween"] .hero-reference-full{
    width:100%!important;
    min-height:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    width:100%!important;
    aspect-ratio:2.15/1!important;
    min-height:0!important;
    border:1px solid rgba(255,143,57,.36)!important;
    border-radius:14px!important;
    box-shadow:0 10px 30px rgba(30,5,0,.34)!important;
    overflow:hidden!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel .hero-slide,
  body[data-theme="halloween"] .halloween-hero-carousel .hero-slide img{
    width:100%!important;
    height:100%!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel .hero-slide img{
    object-fit:cover!important;
    border-radius:13px!important;
  }
  body[data-theme="halloween"] .hero-carousel-arrow{
    width:34px!important;
    height:44px!important;
    opacity:.64!important;
  }
  body[data-theme="halloween"] .hero-carousel-dots{
    bottom:8px!important;
  }

  /* Ganhadores recentes */
  body[data-theme="halloween"] .recent-winners{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 14px 4px!important;
  }
  body[data-theme="halloween"] .recent-winners .winner-label{
    padding:8px 2px 13px!important;
    color:#ffb827!important;
    font-size:21px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:-.3px!important;
  }
  body[data-theme="halloween"] .winner-carousel{
    width:100%!important;
    overflow:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  body[data-theme="halloween"] .winner-track-scroll{
    gap:10px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    min-width:198px!important;
    height:88px!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,132,44,.18)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#2a0e07,#1e0905)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.24)!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
    width:50px!important;
    height:50px!important;
    border-radius:9px!important;
    border-color:rgba(255,126,33,.26)!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item p{
    min-width:74px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item strong{
    color:#ffc03d!important;
    font-size:13px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item small{
    color:#b27a5e!important;
    font-size:9px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item b{
    color:#4edc78!important;
    font-size:15px!important;
  }

  /* Bloco giro diário */
  body[data-theme="halloween"] .original-home-bottom{
    width:100%!important;
    max-width:none!important;
    margin:12px 0 0!important;
    padding:0 13px 28px!important;
  }
  body[data-theme="halloween"] .original-daily-banner{
    width:100%!important;
    min-height:116px!important;
    display:grid!important;
    grid-template-columns:46px 1fr!important;
    gap:10px!important;
    padding:12px!important;
    border:2px solid #d96f22!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#a43b12,#8a2b0d)!important;
    box-shadow:inset 0 0 0 1px rgba(255,190,88,.16),0 8px 20px rgba(0,0,0,.21)!important;
  }
  body[data-theme="halloween"] .original-daily-banner .daily-icon{
    width:42px!important;
    height:42px!important;
    align-self:center!important;
    border-radius:10px!important;
    background:#5b2b74!important;
    color:#fff!important;
  }
  body[data-theme="halloween"] .original-daily-banner .daily-copy{
    align-self:center!important;
  }
  body[data-theme="halloween"] .original-daily-banner .daily-copy p{
    margin:0!important;
    color:#fff3e7!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  body[data-theme="halloween"] .original-daily-banner .daily-copy b{
    color:#fff!important;
  }
  body[data-theme="halloween"] .original-daily-button{
    grid-column:1/3!important;
    width:100%!important;
    height:45px!important;
    min-height:45px!important;
    margin:2px 0 0!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ffd338,#f9bd20)!important;
    color:#2e1504!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    box-shadow:0 5px 12px rgba(0,0,0,.18)!important;
  }

  /* O jogo fica logo abaixo, com menos peso visual no mobile. */
  body[data-theme="halloween"] .original-game-card{
    margin-top:16px!important;
    border-color:rgba(255,127,35,.22)!important;
    background:linear-gradient(145deg,#271006,#190804)!important;
  }

  /* Footer e espaços */
  body[data-theme="halloween"] .site-footer{
    background:#160704!important;
    border-top:1px solid rgba(255,122,28,.16)!important;
  }
}

/* telefones pequenos */
@media(max-width:390px){
  body[data-theme="halloween"] .header-inner.authenticated-header{
    grid-template-columns:42px 1fr 44px!important;
    padding:0 10px!important;
  }
  body[data-theme="halloween"] .halloween-header-logo{
    width:52px!important;height:52px!important
  }
  body[data-theme="halloween"] .avatar-button{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important
  }
  body[data-theme="halloween"] .mobile-menu-panel button{
    font-size:12px!important
  }
  body[data-theme="halloween"] .recent-winners .winner-label{
    font-size:19px!important
  }
}


/* ================================================================
   v13.3.59 — Home mobile: aproximação fiel da referência aprovada
   Corrige o topo, remove a barra redundante de atalhos e reorganiza
   banner, ganhadores e giro diário.
   ================================================================ */
@media(max-width:700px){

  /* TOPO: hamburger + logo + saldo + depositar + perfil na mesma linha */
  body[data-theme="halloween"] .site-header{
    height:76px!important;
    min-height:76px!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%) 0 0/95px 95px,
      linear-gradient(180deg,#8c2d0d 0%,#6f1d08 100%)!important;
  }

  body[data-theme="halloween"] .header-inner.authenticated-header{
    height:76px!important;
    min-height:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0 13px!important;
  }

  body[data-theme="halloween"] .mobile-menu{
    flex:0 0 36px!important;
    width:36px!important;
    height:42px!important;
  }

  body[data-theme="halloween"] .brand-lockup.original-brand{
    flex:0 0 auto!important;
    margin-right:auto!important;
  }

  body[data-theme="halloween"] .halloween-header-logo{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
  }

  body[data-theme="halloween"] .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 0 auto!important;
  }

  body[data-theme="halloween"] .header-actions .balance{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:104px!important;
    height:45px!important;
    padding:0 12px!important;
    border:2px solid rgba(236,208,192,.55)!important;
    border-radius:999px!important;
    background:#17100f!important;
    box-shadow:none!important;
  }
  body[data-theme="halloween"] .header-actions .balance small{
    display:none!important;
  }
  body[data-theme="halloween"] .header-actions .balance strong{
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body[data-theme="halloween"] .header-actions .balance strong::before{
    content:"🪙 ";
    color:#ef741e;
  }

  body[data-theme="halloween"] .header-actions .deposit-header{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:128px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff8b2d,#ef741e)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    box-shadow:0 6px 16px rgba(239,116,30,.25)!important;
  }
  body[data-theme="halloween"] .header-actions .deposit-header::first-letter{
    color:#ffd129;
  }

  body[data-theme="halloween"] .avatar-button{
    flex:0 0 45px!important;
    width:45px!important;
    height:45px!important;
    min-width:45px!important;
    min-height:45px!important;
  }

  /* A barra de quatro atalhos não existe na referência final aprovada. */
  body[data-theme="halloween"] .mobile-menu-panel{
    display:none!important;
  }

  /* Menu da conta fica preso ao topo e não empurra conteúdo. */
  body[data-theme="halloween"] .account-popover{
    position:fixed!important;
    top:76px!important;
    right:8px!important;
    z-index:80!important;
    width:235px!important;
    border-radius:0 0 14px 14px!important;
  }

  /* BANNER: imediatamente abaixo do cabeçalho */
  body[data-theme="halloween"] .hero-zone{
    padding:9px 7px 5px!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio:2.12/1!important;
    border-radius:15px!important;
    border:1px solid rgba(255,143,57,.45)!important;
  }
  body[data-theme="halloween"] .halloween-hero-carousel .hero-slide img{
    object-fit:cover!important;
  }

  /* GANHADORES: título sempre aparente + cards sem corte inicial */
  body[data-theme="halloween"] .recent-winners{
    display:block!important;
    padding:11px 16px 0!important;
    overflow:visible!important;
  }
  body[data-theme="halloween"] .recent-winners .winner-label{
    display:block!important;
    min-height:32px!important;
    padding:0 0 12px!important;
    font-size:22px!important;
    color:#ffb52d!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body[data-theme="halloween"] .winner-carousel{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  body[data-theme="halloween"] .winner-carousel::-webkit-scrollbar{
    display:none!important;
  }
  body[data-theme="halloween"] .winner-track-scroll{
    width:max-content!important;
    transform:none!important;
    animation:none!important;
    gap:10px!important;
    padding:0 2px 5px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    flex:0 0 210px!important;
    min-width:210px!important;
    height:90px!important;
  }

  /* Giro diário sobe e fica integralmente visível */
  body[data-theme="halloween"] .original-home-bottom{
    margin-top:10px!important;
    padding-top:0!important;
  }
  body[data-theme="halloween"] .original-daily-banner{
    min-height:110px!important;
  }

  /* Remove excesso de espaço antes do conteúdo seguinte */
  body[data-theme="halloween"] .original-game-card{
    margin-top:12px!important;
  }
}

/* Ajustes progressivos para aparelhos mais estreitos */
@media(max-width:560px){
  body[data-theme="halloween"] .header-inner.authenticated-header{
    gap:6px!important;
    padding:0 9px!important;
  }
  body[data-theme="halloween"] .halloween-header-logo{
    width:50px!important;height:50px!important
  }
  body[data-theme="halloween"] .header-actions{
    gap:6px!important;
  }
  body[data-theme="halloween"] .header-actions .balance{
    min-width:88px!important;
    height:42px!important;
    padding:0 9px!important;
  }
  body[data-theme="halloween"] .header-actions .balance strong{
    font-size:12px!important;
  }
  body[data-theme="halloween"] .header-actions .deposit-header{
    min-width:104px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  body[data-theme="halloween"] .avatar-button{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important
  }
}

@media(max-width:430px){
  body[data-theme="halloween"] .mobile-menu{
    flex-basis:30px!important;
    width:30px!important;
  }
  body[data-theme="halloween"] .halloween-header-logo{
    width:44px!important;height:44px!important
  }
  body[data-theme="halloween"] .header-actions .balance{
    min-width:78px!important;
    padding:0 7px!important;
  }
  body[data-theme="halloween"] .header-actions .deposit-header{
    min-width:92px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
}


/* ================================================================
   v13.3.60 — Home mobile: acabamento final de topo, banner e cards
   ================================================================ */
@media(max-width:700px){

  /* Cabeçalho mais próximo da referência */
  body[data-theme="halloween"] .site-header{
    height:82px!important;
    min-height:82px!important;
  }

  body[data-theme="halloween"] .header-inner.authenticated-header{
    height:82px!important;
    min-height:82px!important;
    padding:0 12px!important;
    gap:7px!important;
    overflow:visible!important;
  }

  body[data-theme="halloween"] .mobile-menu{
    flex:0 0 34px!important;
    width:34px!important;
    height:44px!important;
  }

  body[data-theme="halloween"] .halloween-header-logo{
    width:62px!important;
    height:62px!important;
    max-width:62px!important;
  }

  body[data-theme="halloween"] .brand-lockup.original-brand{
    margin-right:auto!important;
  }

  body[data-theme="halloween"] .header-actions{
    display:flex!important;
    flex:0 0 auto!important;
    gap:7px!important;
    overflow:visible!important;
  }

  /* Força o saldo a aparecer no mobile */
  body[data-theme="halloween"] .header-actions .balance{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:96px!important;
    max-width:none!important;
    height:44px!important;
    flex:0 0 auto!important;
    padding:0 11px!important;
    border:2px solid rgba(255,210,182,.48)!important;
    background:rgba(17,8,7,.92)!important;
  }

  body[data-theme="halloween"] .header-actions .balance strong{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:13px!important;
  }

  body[data-theme="halloween"] .header-actions .deposit-header{
    min-width:112px!important;
    height:44px!important;
    min-height:44px!important;
    flex:0 0 auto!important;
    padding:0 14px!important;
    font-size:12px!important;
    letter-spacing:.2px!important;
  }

  body[data-theme="halloween"] .avatar-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:82px!important;
  }

  /* Banner um pouco mais baixo e com respiro lateral */
  body[data-theme="halloween"] .hero-zone{
    padding:12px 9px 4px!important;
  }

  body[data-theme="halloween"] .halloween-hero-carousel{
    aspect-ratio:2.34/1!important;
    border-radius:14px!important;
  }

  /* Ganhadores */
  body[data-theme="halloween"] .recent-winners{
    padding:15px 16px 0!important;
  }

  body[data-theme="halloween"] .recent-winners .winner-label{
    padding:0 0 13px!important;
    font-size:22px!important;
    line-height:1!important;
  }

  body[data-theme="halloween"] .winner-track-scroll{
    display:flex!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    min-width:220px!important;
    width:220px!important;
    height:94px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:0!important;
    align-items:center!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
    grid-column:1!important;
    grid-row:1/3!important;
    width:54px!important;
    height:54px!important;
    align-self:center!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:end!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p strong{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#ffc03b!important;
    font-size:14px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p small{
    margin-top:3px!important;
    color:#b98267!important;
    font-size:9px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item b{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    align-self:start!important;
    margin:2px 0 0!important;
    color:#4ee078!important;
    font-size:16px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  /* Bônus diário mais destacado e com menos espaço morto */
  body[data-theme="halloween"] .original-home-bottom{
    margin-top:12px!important;
    padding:0 12px 24px!important;
  }

  body[data-theme="halloween"] .original-daily-banner{
    min-height:112px!important;
    padding:11px 12px!important;
    border-radius:18px!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-copy p{
    font-size:13px!important;
  }

  body[data-theme="halloween"] .original-daily-button{
    height:44px!important;
    min-height:44px!important;
    font-size:13px!important;
  }
}

/* Faixa intermediária: mantém todos os itens do topo sem esconder o saldo */
@media(max-width:560px){
  body[data-theme="halloween"] .header-inner.authenticated-header{
    padding:0 8px!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .halloween-header-logo{
    width:50px!important;
    height:50px!important;
  }

  body[data-theme="halloween"] .header-actions{
    gap:5px!important;
  }

  body[data-theme="halloween"] .header-actions .balance{
    min-width:82px!important;
    height:40px!important;
    padding:0 8px!important;
  }

  body[data-theme="halloween"] .header-actions .balance strong{
    font-size:11px!important;
  }

  body[data-theme="halloween"] .header-actions .deposit-header{
    min-width:96px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  body[data-theme="halloween"] .avatar-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}

@media(max-width:430px){
  body[data-theme="halloween"] .mobile-menu{
    flex-basis:28px!important;
    width:28px!important;
  }

  body[data-theme="halloween"] .halloween-header-logo{
    width:42px!important;
    height:42px!important;
  }

  body[data-theme="halloween"] .header-actions .balance{
    min-width:70px!important;
    padding:0 6px!important;
  }

  body[data-theme="halloween"] .header-actions .deposit-header{
    min-width:84px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }

  body[data-theme="halloween"] .avatar-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}


/* ================================================================
   v13.3.61 — Home mobile: correção de especificidade + encaixe fiel
   ================================================================ */
@media(max-width:700px){

  /* Cabeçalho — regras com especificidade maior que os legados antigos */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:76px!important;
    min-height:76px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    flex:0 0 34px!important;
    width:34px!important;
    height:44px!important;
    min-width:34px!important;
    padding:0!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex:0 0 68px!important;
    width:68px!important;
    max-width:68px!important;
    margin:0 auto 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:64px!important;
    max-width:64px!important;
    height:58px!important;
    object-fit:contain!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    flex:0 0 auto!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 102px!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:44px!important;
    padding:0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid rgba(255,214,190,.52)!important;
    border-radius:999px!important;
    background:#170d0b!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance small{
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    content:"🪙 ";
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    display:flex!important;
    flex:0 0 118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  body[data-theme="halloween"] .site-header{
    height:76px!important;
    min-height:76px!important;
  }

  /* Sem a faixa antiga de quatro atalhos */
  body[data-theme="halloween"] .mobile-menu-panel{
    display:none!important;
  }

  /* Dropdown do usuário */
  body[data-theme="halloween"] .account-popover{
    position:fixed!important;
    top:76px!important;
    right:10px!important;
    width:236px!important;
    z-index:90!important;
  }

  /* Remove o vazio entre cabeçalho e banner */
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 8px 4px!important;
  }

  body[data-theme="halloween"] .hero-zone.halloween-hero-zone .hero-card.hero-card-banner{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }

  body[data-theme="halloween"] .hero-zone.halloween-hero-zone .hero-art.hero-reference.hero-reference-full{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-theme="halloween"] .hero-zone.halloween-hero-zone .halloween-hero-carousel{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    aspect-ratio:2.22/1!important;
    border-radius:14px!important;
  }

  /* Título mais parecido com o mockup aprovado */
  body[data-theme="halloween"] .recent-winners{
    padding:14px 18px 2px!important;
  }

  body[data-theme="halloween"] .recent-winners .winner-label{
    display:block!important;
    padding:0 0 13px!important;
    color:#ffb72e!important;
    font-size:21px!important;
    font-weight:1000!important;
  }

  /* Cards alinhados e ligeiramente menores para caberem como no mockup */
  body[data-theme="halloween"] .winner-track-scroll{
    animation:none!important;
    transform:none!important;
    width:max-content!important;
    gap:10px!important;
    padding:0 0 4px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    flex:0 0 205px!important;
    width:205px!important;
    min-width:205px!important;
    height:88px!important;
    padding:10px 11px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
    width:52px!important;
    height:52px!important;
  }

  /* Giro diário encostado na seção de ganhadores */
  body[data-theme="halloween"] .content-wrap.original-home-bottom{
    margin:10px 0 0!important;
    padding:0 12px 24px!important;
  }
}

/* Mantém o topo completo também em celulares mais estreitos */
@media(max-width:560px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 8px!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex-basis:52px!important;
    width:52px!important;
    max-width:52px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:48px!important;
    max-width:48px!important;
    height:48px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:40px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:11px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    flex-basis:96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
}

@media(max-width:430px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 6px!important;
    gap:4px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    flex-basis:28px!important;
    width:28px!important;
    min-width:28px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex-basis:43px!important;
    width:43px!important;
    max-width:43px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:40px!important;
    max-width:40px!important;
    height:40px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    flex-basis:72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    padding:0 5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    flex-basis:84px!important;
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}


/* ================================================================
   v13.3.62 — Home mobile aplicada ao modelo aprovado
   ================================================================ */
@media(max-width:700px){

  /* Cabeçalho simplificado: logo + saldo + depositar + perfil */
  body[data-theme="halloween"] .site-header{
    height:86px!important;
    min-height:86px!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.028) 25%,transparent 25%) 0 0/96px 96px,
      linear-gradient(180deg,#8e2d0d 0%,#651b08 100%)!important;
    border-bottom:1px solid rgba(255,151,72,.26)!important;
    box-shadow:0 8px 24px rgba(28,7,0,.24)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:86px!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 12px!important;
  }

  /* Remove definitivamente o hamburger no mobile */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    display:none!important;
  }

  /* Logo maior */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex:0 0 112px!important;
    width:112px!important;
    max-width:112px!important;
    margin:0 auto 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:106px!important;
    max-width:106px!important;
    height:68px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.30))!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    width:auto!important;
    gap:10px!important;
  }

  /* Saldo com fundo transparente e círculo/cápsula em volta */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:47px!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:2px solid rgba(255,151,46,.92)!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.10)!important;
    box-shadow:0 0 0 1px rgba(255,173,62,.05),0 0 18px rgba(255,119,25,.11)!important;
    backdrop-filter:blur(2px)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance small{
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Ícone carteira no saldo */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    content:"";
    width:21px;
    height:21px;
    flex:0 0 21px;
    display:inline-block;
    background:
      linear-gradient(#ffb53b,#ff8a20);
    border-radius:5px;
    box-shadow:
      inset 0 0 0 2px rgba(255,255,255,.88),
      inset -5px 0 0 rgba(255,255,255,.16);
    position:relative;
  }

  /* Botão depositar no formato do mockup */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex:0 0 140px!important;
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,208,64,.95)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff8d27,#ff6f18)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:1000!important;
    box-shadow:0 6px 18px rgba(255,103,18,.26)!important;
  }

  /* Retira o '+' textual e adiciona carteira destacada */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    font-size:0!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    content:"";
    width:26px;
    height:22px;
    display:inline-block;
    border-radius:5px;
    background:#ffca22;
    box-shadow:
      inset 0 0 0 2px rgba(110,58,0,.20),
      0 0 0 5px rgba(255,209,42,.11);
    flex:0 0 26px;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:"DEPOSITAR";
    color:#fff;
    font-size:13px;
    font-weight:1000;
    letter-spacing:.1px;
  }

  /* Perfil */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border:2px solid rgba(255,204,139,.78)!important;
    background:linear-gradient(180deg,#ff8b2c,#ef6f1f)!important;
    box-shadow:0 0 0 3px rgba(255,145,54,.12)!important;
  }

  /* Sem barra secundária */
  body[data-theme="halloween"] .mobile-menu-panel{
    display:none!important;
  }

  /* Menu do usuário posicionado abaixo do topo */
  body[data-theme="halloween"] .account-popover{
    position:fixed!important;
    top:86px!important;
    right:10px!important;
    width:236px!important;
    z-index:90!important;
  }

  /* Banner bem próximo do cabeçalho */
  body[data-theme="halloween"] .hero-zone.halloween-hero-zone{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 8px 5px!important;
  }

  body[data-theme="halloween"] .hero-zone.halloween-hero-zone .halloween-hero-carousel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    aspect-ratio:2.12/1!important;
    border:1px solid rgba(255,132,35,.48)!important;
    border-radius:15px!important;
    box-shadow:0 8px 24px rgba(36,7,0,.28)!important;
  }

  /* Ganhadores mais próximos do mockup */
  body[data-theme="halloween"] .recent-winners{
    padding:18px 18px 0!important;
  }

  body[data-theme="halloween"] .recent-winners .winner-label{
    padding:0 0 14px!important;
    color:#ffb82f!important;
    font-size:23px!important;
    font-weight:1000!important;
    letter-spacing:-.2px!important;
  }

  body[data-theme="halloween"] .winner-carousel{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  body[data-theme="halloween"] .winner-carousel::-webkit-scrollbar{
    display:none!important;
  }

  body[data-theme="halloween"] .winner-track-scroll{
    animation:none!important;
    transform:none!important;
    display:flex!important;
    width:max-content!important;
    gap:11px!important;
    padding:0 0 5px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    height:98px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    padding:11px 12px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#261008,#190905)!important;
    border:1px solid rgba(255,134,44,.17)!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
    width:56px!important;
    height:56px!important;
    border-radius:10px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p strong{
    color:#ffc53c!important;
    font-size:14px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p small{
    color:#bd8060!important;
    font-size:9px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item b{
    color:#45df75!important;
    font-size:17px!important;
  }

  /* Giro diário idêntico ao modelo aprovado */
  body[data-theme="halloween"] .content-wrap.original-home-bottom{
    margin:14px 0 0!important;
    padding:0 13px 26px!important;
  }

  body[data-theme="halloween"] .original-daily-banner{
    width:100%!important;
    min-height:125px!important;
    padding:13px!important;
    grid-template-columns:48px 1fr!important;
    gap:12px!important;
    border:2px solid #df7024!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,#a84216,#8a2b0d)!important;
    box-shadow:inset 0 0 0 1px rgba(255,191,87,.12),0 8px 18px rgba(0,0,0,.20)!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-icon{
    width:45px!important;
    height:45px!important;
    border-radius:11px!important;
    background:#592b72!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-copy p{
    color:#fff!important;
    font-size:14px!important;
    line-height:1.35!important;
  }

  body[data-theme="halloween"] .original-daily-button{
    grid-column:1/3!important;
    width:100%!important;
    height:47px!important;
    min-height:47px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ffd933,#f5bd1e)!important;
    color:#2c1503!important;
    font-size:14px!important;
    font-weight:1000!important;
    box-shadow:0 6px 14px rgba(0,0,0,.17)!important;
  }
}

/* Ajustes para telas intermediárias */
@media(max-width:560px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 8px!important;
    gap:6px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex-basis:86px!important;
    width:86px!important;
    max-width:86px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:82px!important;
    max-width:82px!important;
    height:58px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    gap:6px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    flex-basis:96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:43px!important;
    padding:0 8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    flex-basis:118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:43px!important;
    min-height:43px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:11px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
}

@media(max-width:430px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 6px!important;
    gap:4px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    flex-basis:67px!important;
    width:67px!important;
    max-width:67px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:64px!important;
    max-width:64px!important;
    height:50px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    padding:0 6px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:18px;
    height:18px;
    flex-basis:18px;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    flex-basis:100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    padding:0 6px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    width:20px;
    height:18px;
    flex-basis:20px;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:9px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}


/* ================================================================
   v13.3.63 — Topo mobile fiel ao modelo aprovado
   ================================================================ */
@media(max-width:700px){

  body[data-theme="halloween"] .site-header{
    height:92px!important;
    min-height:92px!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/100px 100px,
      linear-gradient(180deg,#8f2e0d 0%,#681c08 100%)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    width:100%!important;
    max-width:none!important;
    height:92px!important;
    min-height:92px!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:minmax(120px,1fr) auto auto auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    grid-column:1!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:118px!important;
    max-width:118px!important;
    height:76px!important;
    min-width:118px!important;
    object-fit:contain!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    grid-column:2/5!important;
    display:contents!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    grid-column:2!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #ff8b27!important;
    border-radius:999px!important;
    background:rgba(45,10,2,.20)!important;
    box-shadow:0 0 0 1px rgba(255,172,63,.06),0 0 16px rgba(255,118,24,.12)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:15px!important;
    line-height:1!important;
    gap:8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:24px!important;
    height:20px!important;
    min-width:24px!important;
    flex:0 0 24px!important;
    border-radius:4px!important;
    background:#ff9a20!important;
    box-shadow:
      inset 0 0 0 2px rgba(255,255,255,.92),
      0 0 0 4px rgba(255,158,29,.09)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    grid-column:3!important;
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border:2px solid #ffbe28!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff8e24,#ff6b16)!important;
    box-shadow:0 7px 18px rgba(255,103,19,.25)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    width:28px!important;
    height:22px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    border-radius:5px!important;
    background:#ffd326!important;
    box-shadow:
      inset 0 0 0 2px rgba(127,71,0,.18),
      0 0 0 5px rgba(255,209,36,.12)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:14px!important;
    font-weight:1000!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    grid-column:4!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:92px!important;
  }
}

/* 600px: preserva a mesma composição, reduzindo de forma proporcional */
@media(max-width:600px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 12px!important;
    grid-template-columns:minmax(92px,1fr) auto auto auto!important;
    gap:8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:92px!important;
    max-width:92px!important;
    min-width:92px!important;
    height:64px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:13px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
}

/* 480px e menores: ainda mantém os 4 elementos sem miniaturizar demais */
@media(max-width:480px){
  body[data-theme="halloween"] .site-header{
    height:82px!important;
    min-height:82px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:82px!important;
    min-height:82px!important;
    padding:0 8px!important;
    grid-template-columns:minmax(72px,1fr) auto auto auto!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:72px!important;
    max-width:72px!important;
    min-width:72px!important;
    height:56px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 7px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:11px!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:20px!important;
    height:18px!important;
    min-width:20px!important;
    flex-basis:20px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 7px!important;
    gap:6px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    width:22px!important;
    height:18px!important;
    min-width:22px!important;
    flex-basis:22px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:82px!important;
  }
}


/* ================================================================
   v13.3.64 — Cabeçalho mobile final + correção do menu
   ================================================================ */
@media(max-width:700px){

  body[data-theme="halloween"] .site-header{
    height:96px!important;
    min-height:96px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    width:100%!important;
    max-width:none!important;
    height:96px!important;
    min-height:96px!important;
    padding:0 20px!important;
    display:grid!important;
    grid-template-columns:minmax(140px,1fr) 138px 164px 52px!important;
    align-items:center!important;
    gap:12px!important;
  }

  /* Sem hamburger */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    display:none!important;
  }

  /* Logo realmente maior */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    grid-column:1!important;
    position:static!important;
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    height:82px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    display:block!important;
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    height:79px!important;
    object-fit:contain!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    grid-column:2/5!important;
    display:contents!important;
  }

  /* Saldo: transparente, contorno arredondado, ícone carteira */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    grid-column:2!important;
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #ff982d!important;
    border-radius:999px!important;
    background:rgba(89,19,4,.18)!important;
    box-shadow:0 0 0 1px rgba(255,181,68,.06),0 0 18px rgba(255,128,28,.10)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance small{
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    content:"";
    width:25px!important;
    height:21px!important;
    flex:0 0 25px!important;
    border:2px solid #fff!important;
    border-radius:5px!important;
    background:#ff9b24!important;
    box-shadow:inset -6px 0 0 rgba(255,220,118,.25)!important;
  }

  /* Depositar */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    grid-column:3!important;
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    border:2px solid #ffc62d!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff8e24,#ff6c18)!important;
    box-shadow:0 7px 18px rgba(255,100,18,.23)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    content:"";
    width:30px!important;
    height:24px!important;
    flex:0 0 30px!important;
    border-radius:6px!important;
    background:#ffd328!important;
    box-shadow:
      inset 0 0 0 2px rgba(126,70,0,.18),
      0 0 0 5px rgba(255,213,42,.13)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:"DEPOSITAR";
    color:#fff!important;
    font-size:14px!important;
    font-weight:1000!important;
  }

  /* Perfil */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    grid-column:4!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
  }

  /* Menu volta a funcionar e abre abaixo do avatar */
  body[data-theme="halloween"] .account-popover{
    position:fixed!important;
    top:96px!important;
    right:12px!important;
    width:236px!important;
    z-index:999!important;
  }
  body[data-theme="halloween"] .account-popover.open{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}

/* Ajuste proporcional no tamanho exato da captura (~600px) */
@media(max-width:620px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 12px!important;
    grid-template-columns:minmax(112px,1fr) 120px 142px 48px!important;
    gap:8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:70px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    height:48px!important;
    min-height:48px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:13px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
    height:48px!important;
    min-height:48px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header{
    height:84px!important;
    min-height:84px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:84px!important;
    min-height:84px!important;
    padding:0 7px!important;
    grid-template-columns:minmax(76px,1fr) 98px 116px 40px!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    height:58px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 7px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:11px!important;
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:20px!important;
    height:18px!important;
    flex-basis:20px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:42px!important;
    min-height:42px!important;
    gap:6px!important;
    padding:0 7px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    width:22px!important;
    height:18px!important;
    flex-basis:22px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:84px!important;
  }
}


/* ================================================================
   v13.3.65 — Topo mobile final: proporções do mockup aprovado
   ================================================================ */
@media(max-width:700px){

  body[data-theme="halloween"] .site-header{
    height:94px!important;
    min-height:94px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:94px!important;
    min-height:94px!important;
    width:100%!important;
    max-width:none!important;
    padding:0 16px!important;
    display:grid!important;
    grid-template-columns:minmax(168px,1fr) 124px 146px 48px!important;
    align-items:center!important;
    gap:9px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    display:none!important;
  }

  /* Logo: ocupa visualmente a mesma presença do modelo aprovado */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    grid-column:1!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    height:88px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    height:86px!important;
    object-fit:contain!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    grid-column:2/5!important;
    display:contents!important;
  }

  /* Saldo: cápsula transparente, sem ponto decorativo perdido */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    grid-column:2!important;
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 10px!important;
    margin:0!important;
    border:2px solid #ff972a!important;
    border-radius:999px!important;
    background:rgba(74,14,2,.12)!important;
    box-shadow:0 0 16px rgba(255,126,27,.10)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:24px!important;
    height:20px!important;
    flex:0 0 24px!important;
    border:2px solid #fff!important;
    border-radius:5px!important;
    background:
      linear-gradient(180deg,#ffb62f,#ff8c1f)!important;
    box-shadow:inset -6px 0 0 rgba(255,229,143,.22)!important;
  }

  /* remove qualquer marcador antigo criado por regras anteriores */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance::before,
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance::after{
    content:none!important;
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    grid-column:3!important;
    width:146px!important;
    min-width:146px!important;
    max-width:146px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 11px!important;
    gap:9px!important;
    border:2px solid #ffc62c!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff9028,#ff6d18)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    width:27px!important;
    height:22px!important;
    flex:0 0 27px!important;
    border-radius:6px!important;
    background:#ffd32b!important;
    box-shadow:
      inset 0 0 0 2px rgba(125,70,0,.16),
      0 0 0 4px rgba(255,215,50,.12)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    grid-column:4!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    border:2px solid #ffc37d!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:94px!important;
    right:10px!important;
    z-index:9999!important;
  }
}

/* viewport semelhante à captura do usuário */
@media(max-width:620px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 10px!important;
    grid-template-columns:minmax(132px,1fr) 116px 136px 46px!important;
    gap:7px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:78px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
  }
}

/* Visitante: logo maior e botões garantidamente clicáveis */
@media(max-width:700px){
  body[data-theme="halloween"] .site-header .header-inner.guest-header{
    height:94px!important;
    min-height:94px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header > .brand-lockup.original-brand{
    position:static!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:84px!important;
    margin:0!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header .halloween-header-logo{
    width:150px!important;
    max-width:150px!important;
    height:80px!important;
    object-fit:contain!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header .guest-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    position:relative!important;
    z-index:100!important;
    pointer-events:auto!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header .guest-actions button{
    position:relative!important;
    z-index:101!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header{
    height:82px!important;
    min-height:82px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:82px!important;
    min-height:82px!important;
    padding:0 6px!important;
    grid-template-columns:minmax(78px,1fr) 98px 112px 40px!important;
    gap:4px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:72px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:66px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:42px!important;
    min-height:42px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:42px!important;
    min-height:42px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:9.5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }

  body[data-theme="halloween"] .account-popover{
    top:82px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header{
    height:82px!important;
    min-height:82px!important;
    padding:0 8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header > .brand-lockup.original-brand{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:70px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header .halloween-header-logo{
    width:86px!important;
    max-width:86px!important;
    height:66px!important;
  }
}


/* ================================================================
   v13.3.66 — Topo mobile + menu completo
   ================================================================ */
@media(max-width:700px){

  /* Mantém o topo compacto e visualmente igual ao mockup aprovado */
  body[data-theme="halloween"] .site-header{
    height:90px!important;
    min-height:90px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:90px!important;
    min-height:90px!important;
    width:100%!important;
    max-width:none!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .mobile-menu{
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    position:static!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:130px!important;
    max-width:none!important;
    height:82px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
    overflow:visible!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    display:block!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:78px!important;
    object-fit:contain!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    position:static!important;
    flex:0 0 auto!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    display:flex!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #ff9629!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    font-size:14px!important;
    color:#fff!important;
    font-weight:900!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    content:""!important;
    display:inline-block!important;
    width:25px!important;
    height:21px!important;
    min-width:25px!important;
    flex:0 0 25px!important;
    border:2px solid #fff!important;
    border-radius:5px!important;
    background:linear-gradient(180deg,#ffba34,#ff8f1f)!important;
    box-shadow:inset -6px 0 0 rgba(255,232,150,.22)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance::before,
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance::after{
    content:none!important;
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    display:flex!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:2px solid #ffc52e!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ff9027,#ff6c17)!important;
    box-shadow:0 6px 16px rgba(255,106,18,.20)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    content:""!important;
    width:28px!important;
    height:22px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    border-radius:6px!important;
    background:#ffd229!important;
    box-shadow:inset 0 0 0 2px rgba(124,67,0,.16),0 0 0 4px rgba(255,210,41,.12)!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:"DEPOSITAR"!important;
    font-size:12px!important;
    font-weight:1000!important;
    color:#fff!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    flex:0 0 50px!important;
  }

  /* MENU: força lista vertical completa e rolável se necessário */
  body[data-theme="halloween"] .account-popover{
    position:fixed!important;
    top:90px!important;
    right:10px!important;
    width:250px!important;
    max-height:calc(100dvh - 100px)!important;
    padding:8px 0!important;
    display:none!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:9999!important;
    border:1px solid rgba(239,116,30,.22)!important;
    border-radius:0 0 14px 14px!important;
    background:linear-gradient(180deg,#1a0906,#100503)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.52)!important;
  }

  body[data-theme="halloween"] .account-popover.open{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  body[data-theme="halloween"] .account-popover > strong{
    display:none!important;
  }

  body[data-theme="halloween"] .account-popover button,
  body[data-theme="halloween"] .account-popover .manager-menu-link{
    flex:0 0 46px!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f3e7e1!important;
    font-size:16px!important;
    font-weight:500!important;
    white-space:nowrap!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  body[data-theme="halloween"] .account-popover button .ui-icon,
  body[data-theme="halloween"] .account-popover .manager-menu-link .ui-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    color:#fff!important;
  }

  body[data-theme="halloween"] .account-popover button:hover,
  body[data-theme="halloween"] .account-popover .manager-menu-link:hover{
    background:rgba(239,116,30,.10)!important;
  }
}

@media(max-width:620px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    padding:0 10px!important;
    gap:7px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    min-width:108px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:70px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    gap:7px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:46px!important;
    min-height:46px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    height:46px!important;
    min-height:46px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    flex-basis:46px!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header{
    height:82px!important;
    min-height:82px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header{
    height:82px!important;
    min-height:82px!important;
    padding:0 6px!important;
    gap:4px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header > .brand-lockup.original-brand{
    min-width:76px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .halloween-header-logo{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:58px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions{
    gap:4px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 6px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    font-size:11px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 6px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    font-size:9px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .avatar-button{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
  body[data-theme="halloween"] .account-popover{
    top:82px!important;
  }
}


/* ================================================================
   v13.3.67 — Botão Depositar: ícone branco da carteira + centralização
   ================================================================ */
@media(max-width:700px){

  /* Remove o bloco amarelo anterior */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before{
    content:none!important;
    display:none!important;
  }

  /* Mantém o botão como cápsula e centraliza o conteúdo */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:0 14px!important;
    font-size:0!important;
  }

  /* Ícone branco da carteira, usando o mesmo sprite do menu */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    font-size:0!important;
    background:
      url("icons.svg#i-wallet") no-repeat left center / 22px 22px;
  }

  /* Texto centralizado via elemento real do botão */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    color:#fff!important;
  }
}

/* Fallback robusto: cria carteira branca com CSS se o fragmento SVG não renderizar em background */
@supports not (background: url("icons.svg#i-wallet")){
  @media(max-width:700px){
    body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
      content:"DEPOSITAR"!important;
      width:auto!important;
      height:auto!important;
      font-size:12px!important;
      font-weight:1000!important;
      background:none!important;
    }
  }
}


@media(max-width:700px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before,
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:none!important;
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:0 14px!important;
    font-size:12px!important;
    text-align:center!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header .deposit-header-wallet{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;
    color:#fff!important;
    fill:currentColor!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header span{
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:1000!important;
    line-height:1!important;
    letter-spacing:.1px!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    gap:6px!important;
    padding:0 8px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header .deposit-header-wallet{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-basis:18px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header span{
    font-size:10px!important;
  }
}


/* ================================================================
   v13.3.69 — Ícones do topo
   Saldo = carteira branca | Depositar = sinal +
   ================================================================ */
@media(max-width:700px){

  /* Saldo: remove o quadrado amarelo anterior */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    content:""!important;
    display:inline-block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    border:0!important;
    border-radius:0!important;
    background:
      url("icons.svg#i-wallet") center/22px 22px no-repeat!important;
    box-shadow:none!important;
    filter:brightness(0) invert(1)!important;
  }

  /* Depositar: remove qualquer ícone pseudo antigo */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::before,
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header::after{
    content:none!important;
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:12px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header .deposit-header-plus{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:400!important;
    transform:translateY(-1px);
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header span:last-child{
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:1000!important;
    line-height:1!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    flex-basis:19px!important;
    background-size:19px 19px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header{
    gap:5px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header .deposit-header-plus{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    flex-basis:17px!important;
    font-size:21px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .deposit-header span:last-child{
    font-size:9.5px!important;
  }
}


/* ================================================================
   v13.3.70 — Carteira branca explícita no saldo
   ================================================================ */
@media(max-width:700px){

  /* Desativa tentativas antigas via pseudo-elemento */
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::before,
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong::after{
    content:none!important;
    display:none!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance .header-balance-wallet{
    display:block!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;
    color:#fff!important;
    fill:currentColor!important;
    stroke:currentColor!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance strong{
    display:block!important;
    margin:0!important;
  }
}

@media(max-width:480px){
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance{
    gap:5px!important;
  }
  body[data-theme="halloween"] .site-header .header-inner.authenticated-header .header-actions .balance .header-balance-wallet{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-basis:18px!important;
  }
}


/* Halloween v13.3.72 — faixa de ganhadores animada no mobile */
@media (max-width:760px){
  body[data-theme="halloween"] .winner-carousel{
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  body[data-theme="halloween"] .winner-track-scroll{
    animation:none!important;
    will-change:transform!important;
  }
}

/* Halloween v13.3.73 — troca de ganhadores a cada 2s no mobile */
@media (max-width:760px){
  body[data-theme="halloween"] .winner-carousel{
    scroll-behavior:smooth!important;
    overflow:hidden!important;
  }
}


/* Halloween v13.3.75 — ajuste fino da Home mobile:
   Ganhadores Recentes + Giro Diário mais compactos e com menos destaque. */
@media (max-width:760px){
  body[data-theme="halloween"] .winners-section{
    padding-top:10px!important;
    padding-bottom:7px!important;
  }

  body[data-theme="halloween"] .winners-section h2,
  body[data-theme="halloween"] .winners-title{
    font-size:20px!important;
    line-height:1.08!important;
    margin:0 0 9px!important;
  }

  body[data-theme="halloween"] .winner-carousel{
    margin-bottom:7px!important;
  }

  body[data-theme="halloween"] .winner-item{
    min-height:78px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    gap:8px!important;
  }

  body[data-theme="halloween"] .winner-item img,
  body[data-theme="halloween"] .winner-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:9px!important;
  }

  body[data-theme="halloween"] .winner-item strong,
  body[data-theme="halloween"] .winner-name{
    font-size:13px!important;
    line-height:1.05!important;
  }

  body[data-theme="halloween"] .winner-item small,
  body[data-theme="halloween"] .winner-label{
    font-size:8px!important;
    line-height:1.05!important;
  }

  body[data-theme="halloween"] .winner-item .amount,
  body[data-theme="halloween"] .winner-amount{
    font-size:16px!important;
    line-height:1.05!important;
    margin-top:4px!important;
  }

  body[data-theme="halloween"] .daily-spin-card,
  body[data-theme="halloween"] .daily-bonus-card{
    margin-top:7px!important;
    padding:11px 12px!important;
    border-radius:17px!important;
    min-height:0!important;
  }

  body[data-theme="halloween"] .daily-spin-card .gift-icon,
  body[data-theme="halloween"] .daily-bonus-card .gift-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  body[data-theme="halloween"] .daily-spin-card p,
  body[data-theme="halloween"] .daily-bonus-card p{
    font-size:12px!important;
    line-height:1.25!important;
    margin:0!important;
  }

  body[data-theme="halloween"] .daily-spin-card button,
  body[data-theme="halloween"] .daily-bonus-card button,
  body[data-theme="halloween"] .daily-spin-card .orange-button,
  body[data-theme="halloween"] .daily-bonus-card .orange-button{
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:12px!important;
    margin-top:9px!important;
  }
}


/* Halloween v13.3.76 — segundo ajuste fino da Home mobile:
   menos altura, fontes menores e redução dos vazios. */
@media (max-width:760px){
  body[data-theme="halloween"] .winners-section{
    padding-top:6px!important;
    padding-bottom:4px!important;
  }
  body[data-theme="halloween"] .winners-section h2,
  body[data-theme="halloween"] .winners-title{
    font-size:17px!important;
    line-height:1!important;
    margin:0 0 6px!important;
  }
  body[data-theme="halloween"] .winner-carousel{
    margin-top:0!important;
    margin-bottom:4px!important;
  }
  body[data-theme="halloween"] .winner-track-scroll{
    gap:8px!important;
  }
  body[data-theme="halloween"] .winner-item{
    min-height:68px!important;
    padding:6px 8px!important;
    gap:6px!important;
    border-radius:10px!important;
  }
  body[data-theme="halloween"] .winner-item img,
  body[data-theme="halloween"] .winner-avatar{
    width:42px!important;
    height:42px!important;
    border-radius:8px!important;
  }
  body[data-theme="halloween"] .winner-item strong,
  body[data-theme="halloween"] .winner-name{
    font-size:11.5px!important;
    line-height:1!important;
  }
  body[data-theme="halloween"] .winner-item small,
  body[data-theme="halloween"] .winner-label{
    font-size:7px!important;
    line-height:1!important;
    margin:2px 0!important;
  }
  body[data-theme="halloween"] .winner-item .amount,
  body[data-theme="halloween"] .winner-amount{
    font-size:14px!important;
    line-height:1!important;
    margin-top:2px!important;
  }
  body[data-theme="halloween"] .daily-spin-card,
  body[data-theme="halloween"] .daily-bonus-card{
    margin-top:4px!important;
    margin-bottom:6px!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    gap:7px!important;
  }
  body[data-theme="halloween"] .daily-spin-card .gift-icon,
  body[data-theme="halloween"] .daily-bonus-card .gift-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  body[data-theme="halloween"] .daily-spin-card p,
  body[data-theme="halloween"] .daily-bonus-card p{
    font-size:10.5px!important;
    line-height:1.15!important;
  }
  body[data-theme="halloween"] .daily-spin-card button,
  body[data-theme="halloween"] .daily-bonus-card button,
  body[data-theme="halloween"] .daily-spin-card .orange-button,
  body[data-theme="halloween"] .daily-bonus-card .orange-button{
    min-height:34px!important;
    padding:6px 11px!important;
    font-size:10.5px!important;
    line-height:1!important;
    margin-top:6px!important;
  }
}


/* Halloween v13.3.77 — compactação FORTE da área secundária da Home mobile */
@media (max-width:760px){
  body[data-theme="halloween"] .winners-section{
    padding:2px 8px 2px!important;
    margin:0!important;
  }
  body[data-theme="halloween"] .winners-section h2,
  body[data-theme="halloween"] .winners-title{
    font-size:14px!important;
    line-height:1!important;
    margin:0 0 4px!important;
  }
  body[data-theme="halloween"] .winner-carousel{
    margin:0 0 2px!important;
    padding:0!important;
  }
  body[data-theme="halloween"] .winner-track-scroll{
    gap:6px!important;
  }
  body[data-theme="halloween"] .winner-item{
    min-height:54px!important;
    height:54px!important;
    padding:4px 6px!important;
    gap:5px!important;
    border-radius:9px!important;
  }
  body[data-theme="halloween"] .winner-item img,
  body[data-theme="halloween"] .winner-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:7px!important;
  }
  body[data-theme="halloween"] .winner-item strong,
  body[data-theme="halloween"] .winner-name{
    font-size:10px!important;
    line-height:1!important;
    margin:0!important;
  }
  body[data-theme="halloween"] .winner-item small,
  body[data-theme="halloween"] .winner-label{
    font-size:6px!important;
    line-height:1!important;
    margin:1px 0!important;
  }
  body[data-theme="halloween"] .winner-item .amount,
  body[data-theme="halloween"] .winner-amount{
    font-size:12px!important;
    line-height:1!important;
    margin:1px 0 0!important;
  }

  body[data-theme="halloween"] .daily-spin-card,
  body[data-theme="halloween"] .daily-bonus-card{
    margin:3px 8px 4px!important;
    padding:6px 8px!important;
    border-radius:12px!important;
    gap:5px!important;
    min-height:0!important;
  }
  body[data-theme="halloween"] .daily-spin-card .gift-icon,
  body[data-theme="halloween"] .daily-bonus-card .gift-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  body[data-theme="halloween"] .daily-spin-card p,
  body[data-theme="halloween"] .daily-bonus-card p{
    font-size:9px!important;
    line-height:1.08!important;
    margin:0!important;
  }
  body[data-theme="halloween"] .daily-spin-card button,
  body[data-theme="halloween"] .daily-bonus-card button,
  body[data-theme="halloween"] .daily-spin-card .orange-button,
  body[data-theme="halloween"] .daily-bonus-card .orange-button{
    min-height:28px!important;
    height:28px!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1!important;
    margin-top:4px!important;
    border-radius:16px!important;
  }
}


/* Halloween v13.3.78 — compactação REAL, usando as classes efetivas do player.php */
@media (max-width:760px){

  /* BLOCO COMPLETO DE GANHADORES */
  body[data-theme="halloween"] .winner-strip.recent-winners{
    margin:0!important;
    padding:9px 14px 7px!important;
    display:block!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  body[data-theme="halloween"] .recent-winners .winner-label{
    min-width:0!important;
    padding:0 0 7px!important;
    margin:0!important;
    font-size:17px!important;
    line-height:20px!important;
    letter-spacing:-.1px!important;
  }

  body[data-theme="halloween"] .winner-carousel{
    margin:0!important;
    padding:0!important;
    height:72px!important;
    min-height:72px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll{
    height:72px!important;
    min-height:72px!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    align-items:stretch!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item{
    flex:0 0 190px!important;
    width:190px!important;
    min-width:190px!important;
    height:72px!important;
    min-height:72px!important;
    padding:7px 8px!important;
    gap:7px!important;
    grid-template-columns:43px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item .mini-avatar{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
    border-radius:8px!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p{
    margin:0!important;
    padding:0!important;
    gap:2px!important;
    line-height:1!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p strong{
    font-size:11px!important;
    line-height:12px!important;
    margin:0!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item p small{
    font-size:7px!important;
    line-height:8px!important;
    margin:0!important;
  }

  body[data-theme="halloween"] .winner-track-scroll .winner-item b{
    font-size:13px!important;
    line-height:14px!important;
    margin:1px 0 0!important;
  }

  /* RETIRA O VAZIO ENTRE GANHADORES E GIRO */
  body[data-theme="halloween"] .content-wrap.original-home-bottom{
    margin:5px 0 0!important;
    padding:0 13px 18px!important;
  }

  /* CARD REAL DO GIRO DIÁRIO */
  body[data-theme="halloween"] .daily-banner.original-daily-banner{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:8px 10px!important;
    grid-template-columns:34px 1fr!important;
    grid-template-rows:auto 32px!important;
    column-gap:8px!important;
    row-gap:6px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:8px!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-icon .ui-icon{
    width:16px!important;
    height:16px!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-copy{
    margin:0!important;
    padding:0!important;
    align-self:center!important;
  }

  body[data-theme="halloween"] .original-daily-banner .daily-copy p{
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:12px!important;
  }

  body[data-theme="halloween"] .original-daily-button{
    grid-column:1/3!important;
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:32px!important;
  }
}


/* Halloween v13.3.79 — topo mobile mais baixo, sem reduzir fontes ou botões */
@media (max-width:760px){
  body[data-theme="halloween"] .site-header{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
  }

  body[data-theme="halloween"] .site-header .header-inner.guest-header{
    min-height:72px!important;
    height:72px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    margin:0!important;
    align-items:center!important;
  }

  body[data-theme="halloween"] .guest-header .brand-lockup,
  body[data-theme="halloween"] .guest-header .header-actions,
  body[data-theme="halloween"] .guest-header .guest-actions{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
  }

  /* Mantém tamanhos atuais do logo, fontes e botões. */
}


/* Halloween v13.3.81 — Roleta refinada conforme modelo aprovado */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319){
  background:rgba(18,5,4,.90)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-experience-v13319{
  gap:9px!important;
}

/* Seta menor e mais discreta */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-pointer-fixed{
  width:34px!important;
  height:40px!important;
  top:-5px!important;
}

/* Botão imediatamente abaixo da roleta */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-spin-visible{
  order:2!important;
  margin:1px auto 0!important;
  width:min(360px,100%)!important;
}

/* Estado/recompensa depois do botão */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-state.compact{
  order:3!important;
  margin:3px auto 0!important;
}

/* Nota de segurança removida do layout */
body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-security-note{
  display:none!important;
}

@media(max-width:420px){
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319){
    background:rgba(18,5,4,.93)!important;
  }
  body[data-theme="halloween"] .campaign-modal:has(.wheel-experience-v13319) .wheel-pointer-fixed{
    width:30px!important;
    height:35px!important;
    top:-4px!important;
  }
}


/* Halloween v13.3.82 — Perfil baseado na referência aprovada */
body[data-theme="halloween"] .campaign-modal:has(.profile-reference){
  width:min(525px,calc(100vw - 24px))!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,129,39,.36)!important;
  border-radius:22px!important;
  background:#170805!important;
  box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 28px rgba(143,42,198,.14)!important;
}

body[data-theme="halloween"] .campaign-modal:has(.profile-reference) .modal-close{
  top:15px!important;
  right:17px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border:0!important;
  background:transparent!important;
  color:#d8bdaf!important;
  font-size:27px!important;
  line-height:30px!important;
  opacity:.85!important;
  z-index:5!important;
}

body[data-theme="halloween"] .profile-reference-head{
  height:69px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 55px!important;
  background:linear-gradient(180deg,#29110d,#210d09)!important;
  border-bottom:1px solid rgba(255,126,34,.18)!important;
}

body[data-theme="halloween"] .profile-reference-head h2{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
}

body[data-theme="halloween"] .profile-reference-body{
  padding:25px 25px 34px!important;
  background:linear-gradient(180deg,#180704 0%,#100302 100%)!important;
}

body[data-theme="halloween"] .profile-reference-account{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  margin:0!important;
}

body[data-theme="halloween"] .profile-reference-avatar{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#ff8a2a 0%,#ed5b1a 52%,#7d2bbd 100%)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:0 0 18px rgba(255,115,35,.28)!important;
}

body[data-theme="halloween"] .profile-reference-identity{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

body[data-theme="halloween"] .profile-reference-identity strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.12!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

body[data-theme="halloween"] .profile-reference-identity small{
  color:#bca79f!important;
  font-size:14px!important;
  line-height:1!important;
}

body[data-theme="halloween"] .profile-reference-balance{
  margin-top:24px!important;
  color:#f4e8e3!important;
  font-size:18px!important;
  line-height:1.15!important;
}

body[data-theme="halloween"] .profile-reference-balance strong{
  color:#fff!important;
  font-weight:900!important;
}

body[data-theme="halloween"] .profile-reference-balance span{
  color:#f4e8e3!important;
  font-weight:700!important;
}

@media(max-width:520px){
  body[data-theme="halloween"] .campaign-modal:has(.profile-reference){
    width:calc(100vw - 22px)!important;
    border-radius:18px!important;
  }
  body[data-theme="halloween"] .profile-reference-head{
    height:60px!important;
  }
  body[data-theme="halloween"] .profile-reference-head h2{
    font-size:18px!important;
  }
  body[data-theme="halloween"] .profile-reference-body{
    padding:21px 20px 27px!important;
  }
  body[data-theme="halloween"] .profile-reference-avatar{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    font-size:16px!important;
  }
  body[data-theme="halloween"] .profile-reference-identity strong{
    font-size:16px!important;
  }
  body[data-theme="halloween"] .profile-reference-identity small{
    font-size:12px!important;
  }
  body[data-theme="halloween"] .profile-reference-balance{
    margin-top:20px!important;
    font-size:16px!important;
  }
}


/* Halloween v13.3.83 — menu da conta alinhado pela direita */
body[data-theme="halloween"] .account-popover{
  left:auto!important;
  right:12px!important;
  transform:none!important;
  transform-origin:top right!important;
}

body[data-theme="halloween"] .account-popover.open{
  left:auto!important;
  right:12px!important;
}

@media(max-width:760px){
  body[data-theme="halloween"] .account-popover,
  body[data-theme="halloween"] .account-popover.open{
    left:auto!important;
    right:8px!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    transform-origin:top right!important;
  }
}


/* Halloween v13.3.84 — Missões compactas, limpas e automáticas */
body[data-theme="halloween"] .campaign-modal:has(.missions-compact-v1384){
  width:min(650px,calc(100vw - 22px))!important;
  max-height:calc(100vh - 18px)!important;
  padding:0!important;
  overflow:auto!important;
  border:1px solid rgba(255,121,32,.42)!important;
  border-radius:20px!important;
  background:#160604!important;
  box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 28px rgba(125,43,189,.13)!important;
}

body[data-theme="halloween"] .campaign-modal:has(.missions-compact-v1384) .modal-close{
  top:14px!important;
  right:16px!important;
  z-index:8!important;
  color:#d7b8aa!important;
  background:transparent!important;
  border:0!important;
}

body[data-theme="halloween"] .missions-compact-v1384{
  color:#fff;
}

body[data-theme="halloween"] .missions-compact-head{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:15px 52px 13px 20px!important;
  background:linear-gradient(180deg,#28100b 0%,#1d0906 100%)!important;
  border-bottom:1px solid rgba(255,125,34,.20)!important;
}

body[data-theme="halloween"] .missions-compact-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,129,31,.48)!important;
  border-radius:11px!important;
  background:#331209!important;
  color:#ff8b27!important;
  font-size:22px!important;
  font-weight:900!important;
}

body[data-theme="halloween"] .missions-compact-head h2{
  margin:0!important;
  font-size:21px!important;
  line-height:1!important;
  color:#fff!important;
}

body[data-theme="halloween"] .missions-compact-head p{
  margin:5px 0 0!important;
  font-size:11px!important;
  line-height:1.1!important;
  color:#bf8f7a!important;
}

body[data-theme="halloween"] .missions-compact-body{
  padding:14px 18px 18px!important;
}

body[data-theme="halloween"] .missions-compact-progress{
  padding:9px 11px!important;
  margin:0 0 12px!important;
  border:1px solid rgba(255,123,31,.32)!important;
  border-radius:11px!important;
  background:#200b07!important;
}

body[data-theme="halloween"] .missions-compact-progress>div{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:6px!important;
}

body[data-theme="halloween"] .missions-compact-progress strong{
  font-size:10px!important;
  color:#fff!important;
}

body[data-theme="halloween"] .missions-compact-progress span{
  font-size:9px!important;
  color:#c6a294!important;
}

body[data-theme="halloween"] .missions-compact-progress i{
  display:block!important;
  height:5px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#32120b!important;
}

body[data-theme="halloween"] .missions-compact-progress i b{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff7a20,#f1bb24,#69d949)!important;
}

body[data-theme="halloween"] .missions-compact-form{
  margin:0!important;
}

body[data-theme="halloween"] .missions-compact-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px 10px!important;
}

body[data-theme="halloween"] .missions-compact-grid label{
  display:block!important;
  margin:0!important;
}

body[data-theme="halloween"] .missions-compact-grid label:last-child{
  grid-column:1/2!important;
}

body[data-theme="halloween"] .missions-compact-grid label>span{
  display:block!important;
  margin:0 0 5px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#d5a28c!important;
}

body[data-theme="halloween"] .missions-compact-grid input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid rgba(201,94,43,.42)!important;
  border-radius:9px!important;
  background:#110706!important;
  color:#fff!important;
  font-size:12px!important;
  box-sizing:border-box!important;
  outline:none!important;
}

body[data-theme="halloween"] .missions-compact-grid input:focus{
  border-color:#ff7d23!important;
  box-shadow:0 0 0 2px rgba(255,125,35,.10)!important;
}

body[data-theme="halloween"] .missions-save-button{
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  margin:10px 0 11px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:900!important;
}

body[data-theme="halloween"] .missions-compact-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}

body[data-theme="halloween"] .missions-compact-row{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 9px!important;
  border:1px solid rgba(196,84,34,.32)!important;
  border-radius:10px!important;
  background:#140806!important;
}

body[data-theme="halloween"] .missions-compact-number{
  width:29px!important;
  height:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#311108!important;
  color:#ff912d!important;
  font-size:10px!important;
  font-weight:900!important;
}

body[data-theme="halloween"] .missions-compact-row>strong{
  font-size:11px!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body[data-theme="halloween"] .missions-compact-row>b{
  color:#71e54d!important;
  font-size:11px!important;
  white-space:nowrap!important;
}

body[data-theme="halloween"] .missions-compact-row>em{
  min-width:74px!important;
  padding:5px 7px!important;
  border-radius:7px!important;
  background:#241309!important;
  color:#ff9b31!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
}

body[data-theme="halloween"] .missions-compact-row.complete>em{
  background:#13210b!important;
  color:#74e34e!important;
}

@media(max-width:520px){
  body[data-theme="halloween"] .campaign-modal:has(.missions-compact-v1384){
    width:calc(100vw - 14px)!important;
    border-radius:15px!important;
  }

  body[data-theme="halloween"] .missions-compact-head{
    min-height:65px!important;
    padding:11px 45px 10px 14px!important;
  }

  body[data-theme="halloween"] .missions-compact-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:18px!important;
  }

  body[data-theme="halloween"] .missions-compact-head h2{
    font-size:18px!important;
  }

  body[data-theme="halloween"] .missions-compact-head p{
    font-size:9px!important;
  }

  body[data-theme="halloween"] .missions-compact-body{
    padding:10px 12px 13px!important;
  }

  body[data-theme="halloween"] .missions-compact-grid{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  body[data-theme="halloween"] .missions-compact-grid label:last-child{
    grid-column:1/2!important;
  }

  body[data-theme="halloween"] .missions-compact-grid input{
    height:34px!important;
    min-height:34px!important;
    font-size:11px!important;
  }

  body[data-theme="halloween"] .missions-save-button{
    height:34px!important;
    min-height:34px!important;
    margin:8px 0!important;
    font-size:11px!important;
  }

  body[data-theme="halloween"] .missions-compact-row{
    min-height:43px!important;
    grid-template-columns:29px minmax(0,1fr) auto!important;
    grid-template-areas:"num title reward" "num status status"!important;
    gap:3px 7px!important;
    padding:5px 7px!important;
  }

  body[data-theme="halloween"] .missions-compact-number{grid-area:num!important;width:25px!important;height:25px!important}
  body[data-theme="halloween"] .missions-compact-row>strong{grid-area:title!important;font-size:10px!important}
  body[data-theme="halloween"] .missions-compact-row>b{grid-area:reward!important;font-size:10px!important}
  body[data-theme="halloween"] .missions-compact-row>em{
    grid-area:status!important;
    justify-self:start!important;
    min-width:0!important;
    padding:2px 6px!important;
    font-size:7px!important;
  }
}


/* =========================================================
   TEMA SUBWAYGANJA v0.2 — SKIN SOBRE O LAYOUT HALLOWEEN
   Mantém exatamente estrutura, dimensões, tipografia e responsividade.
   Apenas identidade visual é alterada.
   ========================================================= */
body[data-skin="subwayganja"]{
  --sg-green:#169447;
  --sg-green2:#0f6d36;
  --sg-bright:#55d86f;
  --sg-yellow:#f1c62a;
  --sg-red:#c52e31;
  --sg-bg:#071209;
  --sg-panel:#09140b;
  background:
    radial-gradient(circle at 18% 10%,rgba(241,198,42,.08),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(197,46,49,.08),transparent 22%),
    linear-gradient(180deg,#071209 0%,#0b1b10 52%,#071209 100%)!important;
}

/* Somente remove decoração Halloween; o layout continua o mesmo. */
body[data-skin="subwayganja"] .page-pumpkins,
body[data-skin="subwayganja"] .hero-pumpkins{display:none!important}

/* Logo provisório textual, preservando o mesmo espaço estrutural do cabeçalho. */
body[data-skin="subwayganja"] .halloween-header-logo,
body[data-skin="subwayganja"] .christmas-brand-name{display:none!important}
body[data-skin="subwayganja"] .subwayganja-brand-name{
  display:inline-flex!important;
  align-items:center!important;
  color:var(--sg-yellow)!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(85,216,111,.25)!important;
}
body:not([data-skin="subwayganja"]) .subwayganja-brand-name{display:none!important}

/* Cabeçalho */
body[data-skin="subwayganja"] .site-header{
  background:linear-gradient(180deg,#0d1c11,#08130b)!important;
  border-color:rgba(241,198,42,.24)!important;
}
body[data-skin="subwayganja"] .balance{
  background:#08120a!important;
  border-color:rgba(85,216,111,.35)!important;
}
body[data-skin="subwayganja"] .orange-button,
body[data-skin="subwayganja"] .deposit-header{
  background:linear-gradient(135deg,var(--sg-green),#25a74f)!important;
  border-color:rgba(241,198,42,.36)!important;
  color:#fff!important;
}
body[data-skin="subwayganja"] .ghost-button{
  background:#09120a!important;
  border-color:rgba(241,198,42,.40)!important;
  color:var(--sg-yellow)!important;
}
body[data-skin="subwayganja"] .avatar-button{
  background:linear-gradient(145deg,var(--sg-green),var(--sg-green2))!important;
  border-color:var(--sg-yellow)!important;
}

/* Área hero: mesmas caixas/tamanhos, só paleta. */
body[data-skin="subwayganja"] .hero-zone{
  background:
    radial-gradient(circle at 15% 20%,rgba(241,198,42,.08),transparent 27%),
    radial-gradient(circle at 86% 25%,rgba(197,46,49,.07),transparent 24%),
    linear-gradient(135deg,#0b1d10,#071109 72%)!important;
}
body[data-skin="subwayganja"] .halloween-hero-carousel img{
  filter:hue-rotate(56deg) saturate(.88) brightness(.86)!important;
}

/* Ganhadores */
body[data-skin="subwayganja"] .winner-strip.recent-winners{
  background:linear-gradient(180deg,#0c1a0f,#08120a)!important;
}
body[data-skin="subwayganja"] .recent-winners .winner-label{color:var(--sg-yellow)!important}
body[data-skin="subwayganja"] .winner-item{
  background:#08110a!important;
  border-color:rgba(85,216,111,.20)!important;
}
body[data-skin="subwayganja"] .winner-item b{color:var(--sg-bright)!important}

/* Giro diário e cards */
body[data-skin="subwayganja"] .daily-banner.original-daily-banner,
body[data-skin="subwayganja"] .runner-card,
body[data-skin="subwayganja"] .game-card{
  background:linear-gradient(145deg,#0b1c10,#071009)!important;
  border-color:rgba(241,198,42,.24)!important;
}
body[data-skin="subwayganja"] .original-daily-banner .daily-icon{
  background:linear-gradient(145deg,var(--sg-green),var(--sg-green2))!important;
}
body[data-skin="subwayganja"] .original-daily-button{
  background:linear-gradient(90deg,var(--sg-green),#29a951,var(--sg-yellow))!important;
  color:#071009!important;
}

/* Menu */
body[data-skin="subwayganja"] .account-popover{
  background:#071009!important;
  border-color:rgba(85,216,111,.28)!important;
}
body[data-skin="subwayganja"] .account-popover button:hover,
body[data-skin="subwayganja"] .account-popover a:hover{
  background:rgba(85,216,111,.10)!important;
  color:var(--sg-yellow)!important;
}

/* Modais */
body[data-skin="subwayganja"] .campaign-modal{
  background:rgba(5,14,7,.96)!important;
  border-color:rgba(85,216,111,.30)!important;
}
body[data-skin="subwayganja"] .modal-head{
  background:linear-gradient(180deg,#102315,#08120a)!important;
  border-bottom-color:rgba(241,198,42,.17)!important;
}
body[data-skin="subwayganja"] .modal-icon{
  background:#0f2615!important;
  border-color:rgba(241,198,42,.30)!important;
  color:var(--sg-yellow)!important;
}

/* Perfil */
body[data-skin="subwayganja"] .campaign-modal:has(.profile-reference){
  background:#071009!important;
  border-color:rgba(85,216,111,.34)!important;
}
body[data-skin="subwayganja"] .profile-reference-head{
  background:linear-gradient(180deg,#102315,#08120a)!important;
}
body[data-skin="subwayganja"] .profile-reference-body{
  background:linear-gradient(180deg,#08150b,#050d07)!important;
}
body[data-skin="subwayganja"] .profile-reference-avatar{
  background:linear-gradient(145deg,var(--sg-green),var(--sg-green2))!important;
}

/* Missões */
body[data-skin="subwayganja"] .campaign-modal:has(.missions-compact-v1384){
  background:#071009!important;
  border-color:rgba(85,216,111,.34)!important;
}
body[data-skin="subwayganja"] .missions-compact-head{
  background:linear-gradient(180deg,#102315,#08120a)!important;
}
body[data-skin="subwayganja"] .missions-compact-icon,
body[data-skin="subwayganja"] .missions-compact-number{
  background:#102b17!important;
  color:var(--sg-yellow)!important;
  border-color:rgba(241,198,42,.34)!important;
}
body[data-skin="subwayganja"] .missions-compact-progress,
body[data-skin="subwayganja"] .missions-compact-row{
  background:#07120a!important;
  border-color:rgba(85,216,111,.22)!important;
}
body[data-skin="subwayganja"] .missions-compact-grid input{
  background:#050d07!important;
  border-color:rgba(85,216,111,.28)!important;
}
body[data-skin="subwayganja"] .missions-compact-progress i b{
  background:linear-gradient(90deg,var(--sg-green),var(--sg-yellow),var(--sg-red))!important;
}
body[data-skin="subwayganja"] .missions-compact-row>b{color:var(--sg-bright)!important}

/* Campos */
body[data-skin="subwayganja"] input,
body[data-skin="subwayganja"] select{border-color:rgba(85,216,111,.26)!important}
body[data-skin="subwayganja"] input:focus,
body[data-skin="subwayganja"] select:focus{
  border-color:var(--sg-bright)!important;
  box-shadow:0 0 0 2px rgba(85,216,111,.09)!important;
}

/* Roleta: apenas paleta da moldura, sem mexer em tamanhos/ordem. */
body[data-skin="subwayganja"] .campaign-modal:has(.wheel-experience-v13319){
  background:rgba(4,12,6,.94)!important;
  border-color:rgba(85,216,111,.32)!important;
}
body[data-skin="subwayganja"] .daily-bonus-badge{
  border-color:rgba(241,198,42,.46)!important;
  color:var(--sg-yellow)!important;
}
body[data-skin="subwayganja"] .wheel-state{
  background:#071009!important;
  border-color:rgba(85,216,111,.26)!important;
}
body[data-skin="subwayganja"] .wheel-spin-visible{
  background:linear-gradient(90deg,var(--sg-green),#29a951,var(--sg-yellow))!important;
  color:#061009!important;
}

/* Rodapé */
body[data-skin="subwayganja"] .site-footer{
  background:#050d07!important;
  border-top-color:rgba(85,216,111,.18)!important;
}


/* =========================================================
   SUBWAYGANJA v0.3 — refinamento visual
   Mesma estrutura do Halloween Subway, com identidade própria.
   Usa seletor combinado para prevalecer sobre regras Halloween.
   ========================================================= */

body[data-theme="halloween"][data-skin="subwayganja"]{
  --sg-black:#050b06;
  --sg-deep:#07130a;
  --sg-panel:#0b1b10;
  --sg-panel2:#102617;
  --sg-green:#149346;
  --sg-green2:#0d6e34;
  --sg-lime:#55d86f;
  --sg-gold:#f2c62d;
  --sg-red:#bf2d32;
  --sg-white:#f7fff7;

  background:
    radial-gradient(circle at 22% -8%,rgba(242,198,45,.08),transparent 30%),
    radial-gradient(circle at 84% 8%,rgba(191,45,50,.07),transparent 24%),
    linear-gradient(180deg,#050b06 0%,#08140b 48%,#050b06 100%)!important;
}

/* Header */
body[data-theme="halloween"][data-skin="subwayganja"] .site-header{
  background:linear-gradient(180deg,#07140a 0%,#050c07 100%)!important;
  border-bottom:1px solid rgba(242,198,45,.32)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .subwayganja-brand-name{
  color:var(--sg-gold)!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(20,147,70,.24)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .balance{
  background:#050b06!important;
  border:1px solid rgba(242,198,45,.34)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .deposit-header,
body[data-theme="halloween"][data-skin="subwayganja"] .orange-button{
  background:linear-gradient(135deg,#159b49,#0f7b39)!important;
  border-color:rgba(242,198,45,.34)!important;
  box-shadow:0 7px 18px rgba(11,112,49,.22)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .avatar-button{
  background:#0c6f35!important;
  border:1px solid var(--sg-gold)!important;
  box-shadow:0 0 0 2px rgba(242,198,45,.10)!important;
}

/* Hero. Do not recolor the artwork itself: keep it as a placeholder until dedicated art is made. */
body[data-theme="halloween"][data-skin="subwayganja"] .hero-zone,
body[data-theme="halloween"][data-skin="subwayganja"] .halloween-hero-zone{
  background:
    radial-gradient(circle at 15% 30%,rgba(20,147,70,.09),transparent 30%),
    linear-gradient(180deg,#08150b,#050c07)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .halloween-hero-carousel{
  border-color:rgba(242,198,45,.26)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.34)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .halloween-hero-carousel img{
  filter:none!important;
}

/* Remove Halloween decoration only, not structural wrappers. */
body[data-theme="halloween"][data-skin="subwayganja"] .page-pumpkins,
body[data-theme="halloween"][data-skin="subwayganja"] .hero-pumpkins{
  display:none!important;
}

/* Secondary home section */
body[data-theme="halloween"][data-skin="subwayganja"] .winner-strip.recent-winners{
  background:linear-gradient(180deg,#0a190e,#07110a)!important;
  border-color:rgba(20,147,70,.22)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .recent-winners .winner-label{
  color:var(--sg-gold)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .winner-track-scroll .winner-item,
body[data-theme="halloween"][data-skin="subwayganja"] .winner-item{
  background:#061008!important;
  border-color:rgba(20,147,70,.26)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .winner-item b{
  color:var(--sg-lime)!important;
}

/* Preserve the compact dimensions, change only the appearance. */
body[data-theme="halloween"][data-skin="subwayganja"] .content-wrap.original-home-bottom{
  background:linear-gradient(180deg,#08150b,#07110a)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .daily-banner.original-daily-banner{
  background:linear-gradient(145deg,#0c2012,#07120a)!important;
  border-color:rgba(242,198,45,.30)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .original-daily-banner .daily-icon{
  background:linear-gradient(145deg,#169b49,#0c7135)!important;
  color:var(--sg-gold)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .original-daily-button{
  background:linear-gradient(90deg,#159746 0%,#27ab51 72%,#f2c62d 100%)!important;
  color:#041006!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .runner-card{
  background:linear-gradient(145deg,#0a180d,#050d07)!important;
  border-color:rgba(242,198,45,.22)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .runner-card strong{
  color:var(--sg-gold)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .runner-card small{
  color:#7fba8d!important;
}

/* Footer */
body[data-theme="halloween"][data-skin="subwayganja"] .site-footer{
  background:#040a05!important;
  border-top:1px solid rgba(20,147,70,.22)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .site-footer .copyright,
body[data-theme="halloween"][data-skin="subwayganja"] .site-footer p{
  color:#8ca593!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .seal-age{
  background:#bd3134!important;
}

/* Account menu */
body[data-theme="halloween"][data-skin="subwayganja"] .account-popover{
  background:#050d07!important;
  border-color:rgba(242,198,45,.22)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .account-popover button:hover,
body[data-theme="halloween"][data-skin="subwayganja"] .account-popover a:hover{
  background:rgba(20,147,70,.14)!important;
  color:var(--sg-gold)!important;
}

/* Generic modal */
body[data-theme="halloween"][data-skin="subwayganja"] .campaign-modal{
  background:#061008!important;
  border-color:rgba(20,147,70,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 24px rgba(20,147,70,.08)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .modal-head{
  background:linear-gradient(180deg,#0d2113,#07120a)!important;
  border-bottom-color:rgba(242,198,45,.18)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .modal-icon{
  background:#0e2b17!important;
  border-color:rgba(242,198,45,.32)!important;
  color:var(--sg-gold)!important;
}

/* Profile */
body[data-theme="halloween"][data-skin="subwayganja"] .campaign-modal:has(.profile-reference){
  background:#061008!important;
  border-color:rgba(20,147,70,.34)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .profile-reference-head{
  background:linear-gradient(180deg,#0d2113,#07120a)!important;
  border-bottom-color:rgba(242,198,45,.18)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .profile-reference-body{
  background:linear-gradient(180deg,#07150b,#050c07)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .profile-reference-avatar{
  background:linear-gradient(145deg,#169b49,#0b7336)!important;
}

/* Missions */
body[data-theme="halloween"][data-skin="subwayganja"] .campaign-modal:has(.missions-compact-v1384){
  background:#061008!important;
  border-color:rgba(20,147,70,.34)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-head{
  background:linear-gradient(180deg,#0d2113,#07120a)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-icon,
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-number{
  background:#0d2b16!important;
  color:var(--sg-gold)!important;
  border-color:rgba(242,198,45,.30)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-progress,
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-row{
  background:#07120a!important;
  border-color:rgba(20,147,70,.24)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-grid input{
  background:#050c07!important;
  border-color:rgba(20,147,70,.30)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .missions-compact-progress i b{
  background:linear-gradient(90deg,#159746,#f2c62d,#bd3134)!important;
}

/* Roulette: remove the orange/purple visual clash. */
body[data-theme="halloween"][data-skin="subwayganja"] .campaign-modal:has(.wheel-experience-v13319){
  background:rgba(4,12,6,.96)!important;
  border-color:rgba(20,147,70,.40)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .original-wheel-head{
  background:linear-gradient(180deg,#0d2113,#07120a)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .original-wheel-head h2{
  color:#fff!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .daily-bonus-badge{
  color:var(--sg-gold)!important;
  border-color:rgba(242,198,45,.55)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .wheel-spin-visible{
  background:linear-gradient(90deg,#149346 0%,#2bad53 70%,#f2c62d 100%)!important;
  color:#031006!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .wheel-state{
  background:#061008!important;
  border-color:rgba(20,147,70,.34)!important;
}
body[data-theme="halloween"][data-skin="subwayganja"] .wheel-state strong{
  color:var(--sg-gold)!important;
}