/* bet563 – conta, boleto e login (usa também as classes rg-* de assets/register/register.css) */
:root {
  --ac-bg: #1e1e1e;
  --ac-card: #2a2a2a;
  --ac-field: #333;
  --ac-line: #424242;
  --ac-text: #fff;
  --ac-muted: #b9c2bd;
  --ac-accent: #26e3a8;
  --ac-ink: #06231a;
  --ac-error: #ff8a80;
}

.ac-drawer, .ac-slip {
  --rg-field: #333;
  --rg-field-focus: #3d3d3d;
  --rg-line: #4a4a4a;
  --rg-text: #fff;
  --rg-muted: #b9c2bd;
  --rg-accent: #26e3a8;
  --rg-accent-ink: #06231a;
  --rg-error: #ff8a80;
}

.ac-link {
  appearance: none;
  justify-self: start;
  padding: 4px 0;
  border: 0;
  color: var(--ac-accent);
  background: transparent;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ac-link:hover { filter: brightness(1.15); }
/* alvo de toque de 44 px no celular sem mexer no espaçamento visual */
@media (pointer: coarse) { .ac-link { padding: 14px 8px; margin: -10px -8px; } }
.ac-secondary {
  appearance: none;
  height: 50px;
  padding: 0 18px;
  border: 1px solid var(--ac-line);
  border-radius: 4px;
  color: var(--ac-text);
  background: transparent;
  font-family: FuturaPTWebBold, Futura, Arial, sans-serif;
  font-size: 16px;
  cursor: pointer;
}
.ac-secondary:hover { background: rgba(255, 255, 255, .08); }
.ac-link:focus-visible, .ac-secondary:focus-visible, .ac-row:focus-visible, .ac-chip:focus-visible,
.ac-tab:focus-visible, .ac-slip-h:focus-visible, .ac-sel-x:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }

/* cabeçalho depois do login */
.hrm-7 > button[hidden] { display: none; }

/* gaveta da conta */
.ac-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(440px, 100%);
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--ac-text);
  background: var(--ac-bg);
  box-shadow: -12px 0 32px rgba(0, 0, 0, .5);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.ac-drawer:not([open]) { display: none; }
.ac-drawer::backdrop { background: rgba(0, 0, 0, .6); }
.ac-dr-head {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 70px;
  padding: 0 12px 0 12px;
  border-bottom: 1px solid var(--ac-line);
  flex: none;
}
.ac-dr-title {
  flex: 1;
  margin: 0;
  font-family: FuturaPTWebBold, Futura, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
}
.ac-dr-back[hidden] { display: none; }
.ac-dr-body { flex: 1; overflow-y: auto; padding: 20px 16px 32px; display: grid; gap: 18px; align-content: start; grid-auto-rows: max-content; }
.ac-demo {
  margin: 0;
  padding: 8px 12px;
  border-radius: 4px;
  color: #ffe38a;
  background: rgba(255, 223, 27, .12);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}
.ac-card { display: grid; gap: 4px; padding: 18px; border-radius: 6px; background: var(--ac-card); }
.ac-name { margin: 0; font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 20px; }
.ac-sub { margin: 0; color: var(--ac-muted); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
.ac-bal-l { margin: 14px 0 0; color: var(--ac-muted); font-size: 12px; }
.ac-bal { margin: 0; font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 32px; line-height: 38px; color: #ffdf1b; }
.ac-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.ac-acts .rg-submit { margin: 0; }
.ac-list { display: grid; border-radius: 6px; overflow: hidden; background: var(--ac-card); }
.ac-row {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 60px;
  padding: 10px 16px;
  border: 0;
  border-bottom: 1px solid var(--ac-line);
  color: var(--ac-text);
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.ac-row:last-child { border-bottom: 0; }
.ac-row:hover { background: rgba(255, 255, 255, .06); }
.ac-row-t { display: grid; gap: 2px; }
.ac-row-l { font-size: 15px; font-weight: 600; }
.ac-row-s { color: var(--ac-muted); font-size: 12px; }
.ac-logout { width: 100%; }

.ac-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.ac-chip {
  appearance: none;
  min-width: 56px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--ac-line);
  border-radius: 18px;
  color: var(--ac-text);
  background: transparent;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.ac-chip:hover { border-color: var(--ac-accent); }
.ac-methods { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.ac-methods legend { padding: 0 0 6px; }
.ac-method {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: var(--ac-field);
  cursor: pointer;
}
.ac-method:has(input:checked) { border-color: var(--ac-accent); }
.ac-method:has(input:focus-visible) { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
.ac-method input { accent-color: var(--ac-accent); width: 18px; height: 18px; margin: 0; }
.ac-method-t { display: grid; gap: 2px; }

.ac-tabs { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border-bottom: 1px solid var(--ac-line); }
.ac-tab {
  appearance: none;
  height: 44px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--ac-muted);
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.ac-tab[aria-selected="true"] { color: var(--ac-text); border-bottom-color: var(--ac-accent); }
.ac-bets { display: grid; gap: 10px; }
.ac-empty { margin: 24px 0; color: var(--ac-muted); text-align: center; font-size: 14px; }
.ac-bet { display: grid; gap: 8px; padding: 14px; border-radius: 6px; background: var(--ac-card); }
.ac-bet-h, .ac-bet-f { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--ac-muted); }
.ac-bet-s { font-weight: 700; color: var(--ac-text); }
.ac-bet[data-status="won"] .ac-bet-s { color: var(--ac-accent); }
.ac-bet[data-status="lost"] .ac-bet-s { color: var(--ac-error); }
.ac-bet-l { margin: 0; font-size: 14px; line-height: 20px; }

/* odds selecionadas */
.rgl-9208e7.ac-picked { box-shadow: inset 0 0 0 2px var(--ac-accent); border-radius: 4px; }

/* boleto */
.ac-slip {
  --ac-bottom: 0px;
  position: fixed;
  right: 24px;
  bottom: var(--ac-bottom);
  z-index: 9000;
  width: 340px;
  max-height: calc(100dvh - 90px - var(--ac-bottom));
  display: flex;
  flex-direction: column;
  border-radius: 8px 8px 0 0;
  color: var(--ac-text);
  background: var(--ac-bg);
  box-shadow: 0 0 0 1px var(--ac-line), 0 -8px 28px rgba(0, 0, 0, .5);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.ac-slip[hidden] { display: none; }
.ac-slip-h {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px 8px 0 0;
  color: var(--ac-ink);
  background: var(--ac-accent);
  font-family: FuturaPTWebBold, Futura, Arial, sans-serif;
  font-size: 15px;
  cursor: pointer;
}
.ac-slip-n { display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: 12px; color: var(--ac-accent); background: var(--ac-ink); font-size: 13px; }
.ac-slip-demo { margin-left: auto; font-size: 11px; letter-spacing: .06em; }
.ac-slip-b { display: grid; gap: 12px; padding: 12px 14px 16px; overflow-y: auto; grid-auto-rows: max-content; }
.ac-sel { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--ac-line); }
.ac-sel-t { display: grid; gap: 2px; min-width: 0; }
.ac-sel-p { font-weight: 700; font-size: 14px; overflow-wrap: anywhere; }
.ac-sel-e { color: var(--ac-muted); font-size: 12px; overflow-wrap: anywhere; }
.ac-sel-o { color: #ffdf1b; font-weight: 700; font-size: 15px; }
.ac-sel-x { appearance: none; display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; color: var(--ac-muted); background: transparent; cursor: pointer; }
.ac-sel-x:hover { color: var(--ac-text); background: rgba(255, 255, 255, .1); }
.ac-sum { display: grid; gap: 4px; }
.ac-sum-r { display: flex; justify-content: space-between; margin: 0; font-size: 14px; }
.ac-slip .rg-field { gap: 4px; }
.ac-slip .rg-box { min-height: 44px; }
.ac-slip .rg-input { height: 42px; }
.ac-slip .rg-submit { margin: 0; }

@media (max-width: 600px) {
  .ac-slip { right: 0; left: 0; width: auto; }
  .ac-drawer { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .ac-chip, .ac-row { transition: none; } }

.ac-group { margin: 6px 0 -8px; color: var(--ac-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ac-badge { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 8px; padding: 0 6px; border-radius: 10px; color: var(--ac-ink); background: var(--ac-accent); font-size: 12px; font-weight: 700; }

/* janelas públicas: diálogo central, busca, ajuda */
.pb-dialog, .pb-search { --rg-field: #333; --rg-field-focus: #3d3d3d; --rg-line: #4a4a4a; --rg-text: #fff; --rg-muted: #b9c2bd; --rg-accent: #26e3a8; --rg-accent-ink: #06231a; --rg-error: #ff8a80; color: #fff; background: var(--ac-bg); border: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.pb-dialog { width: min(480px, calc(100% - 24px)); max-height: calc(100dvh - 48px); margin: auto; padding: 0; border-radius: 8px; box-shadow: 0 0 0 1px var(--ac-line), 0 24px 60px rgba(0, 0, 0, .6); }
.pb-dialog.pb-wide { width: min(640px, calc(100% - 24px)); }
.pb-dialog:not([open]), .pb-search:not([open]) { display: none; }
.pb-dialog[open] { display: flex; flex-direction: column; }
.pb-dialog::backdrop, .pb-search::backdrop { background: rgba(0, 0, 0, .65); }
.pb-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 64px; padding: 0 12px 0 20px; border-bottom: 1px solid var(--ac-line); flex: none; }
.pb-title { margin: 0; font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 20px; font-weight: 400; }
.pb-body { display: grid; gap: 16px; padding: 18px 20px 24px; overflow-y: auto; grid-auto-rows: max-content; }
.pb-linkish { cursor: pointer; }
.pb-linkish:hover { text-decoration: underline; }

.pb-switch { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 10px 14px; border-radius: 4px; background: var(--ac-field); cursor: pointer; }
.pb-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pb-switch input:disabled { cursor: default; }
.pb-knob { position: relative; flex: none; width: 44px; height: 24px; border-radius: 12px; background: #5a5a5a; transition: background-color .15s; }
.pb-knob::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.pb-switch input:checked ~ .pb-knob { background: var(--ac-accent); }
.pb-switch input:checked ~ .pb-knob::after { transform: translateX(20px); }
.pb-switch input:disabled ~ .pb-knob { opacity: .6; }
.pb-switch:has(input:focus-visible) { outline: 2px solid var(--ac-accent); outline-offset: 2px; }

.pb-search { position: fixed; inset: 0 0 auto 0; width: min(720px, calc(100% - 24px)); max-height: calc(100dvh - 48px); margin: 16px auto 0; padding: 12px; border-radius: 10px; box-shadow: 0 0 0 1px var(--ac-line), 0 24px 60px rgba(0, 0, 0, .6); }
.pb-search[open] { display: grid; gap: 8px; }
.pb-search-box { display: flex; align-items: center; gap: 6px; border-radius: 24px; background: var(--ac-field); padding: 0 6px 0 18px; }
.pb-search-in { flex: 1; min-width: 0; height: 48px; border: 0; outline: 0; color: #fff; background: transparent; font: inherit; font-size: 16px; }
.pb-search-in::placeholder { color: #9aa39f; }
.pb-hint { margin: 0; padding: 0 8px; color: var(--ac-muted); font-size: 13px; }
.pb-results { margin: 0; padding: 0; list-style: none; overflow-y: auto; max-height: 52dvh; }
.pb-res { display: flex; align-items: center; gap: 12px; padding: 12px 10px; border-radius: 6px; cursor: pointer; }
.pb-res[aria-selected="true"], .pb-res:hover { background: rgba(255, 255, 255, .1); }
.pb-res-k { flex: none; min-width: 58px; color: var(--ac-accent); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.pb-res-l { font-size: 15px; overflow-wrap: anywhere; }
.pb-found { outline: 2px solid var(--ac-accent); outline-offset: 2px; border-radius: 6px; animation: pb-pulse 1s ease-in-out 2; }
@keyframes pb-pulse { 50% { outline-color: transparent; } }

.hp { display: grid; gap: 14px; }
.hp-list { display: grid; border-radius: 6px; overflow: hidden; background: var(--ac-card); }
.hp-item { border-bottom: 1px solid var(--ac-line); }
.hp-item:last-child { border-bottom: 0; }
.hp-q { appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 54px; padding: 10px 16px; border: 0; color: #fff; background: transparent; text-align: left; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.hp-q:hover { background: rgba(255, 255, 255, .06); }
.hp-q:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: -2px; }
.hp-q::after { content: "+"; flex: none; color: var(--ac-accent); font-size: 20px; line-height: 1; }
.hp-q[aria-expanded="true"]::after { content: "\2212"; }
.hp-q[data-unread="true"] .pn-m-t::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ac-accent); }
.hp-q:has(.pn-m-t)::after { display: none; }
.pn-m-t { flex: 1; }
.hp-a { padding: 0 16px 16px; color: var(--ac-muted); font-size: 14px; line-height: 21px; }
.hp-a p { margin: 0; }
.hp-ta { display: block; width: 100%; min-height: 110px; padding: 12px 15px; border: 1px solid transparent; color: #fff; background: var(--ac-field); font: inherit; font-size: 16px; resize: vertical; }
.hp-ta:focus { outline: 0; border-color: var(--ac-accent); }

.pn-sum { gap: 10px; }
.pn-select { appearance: auto; color-scheme: dark; }
.pn-select option { color: #fff; background: #2a2a2a; }
.pn-file { width: 100%; padding: 10px; border-radius: 4px; color: var(--ac-muted); background: var(--ac-field); font: inherit; font-size: 14px; }
.pn-tx { display: grid; border-radius: 6px; overflow: hidden; background: var(--ac-card); }
.pn-tx-r { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--ac-line); }
.pn-tx-r:last-child { border-bottom: 0; }
.pn-tx-a { display: grid; justify-items: end; gap: 2px; }
.pn-tx-a strong[data-sign="pos"] { color: var(--ac-accent); }
.pn-bet { appearance: none; width: 100%; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pn-bet:hover { background: #313131; }
.pn-bet:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pb-knob, .pb-knob::after, .pb-found { transition: none; animation: none; } }

/* PIX */
.pn-pix { display: grid; justify-items: center; gap: 14px; text-align: center; }
.pn-pix .ac-bal { margin: 0; }
.pn-qr { width: 220px; height: 220px; padding: 10px; border-radius: 8px; background: #fff; image-rendering: pixelated; }
.pn-code { width: 100%; max-height: 96px; padding: 10px 12px; overflow: auto; border-radius: 4px; background: var(--ac-field); color: var(--ac-muted); font: 12px/16px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: left; overflow-wrap: anywhere; user-select: all; }
.pn-pix .rg-submit { width: 100%; }
.pn-left { margin: 0; }
.pn-hidden { position: fixed; left: -9999px; top: 0; opacity: 0; }
.rg-adult { align-items: flex-start; }
.rg-adult input { margin-top: 2px; }

/* ---------- navegação interna (nav.js) ---------- */
.nv-dialog { width: min(520px, calc(100% - 24px)); }
.nv-dialog.nv-tall .pb-body { max-height: calc(100dvh - 140px); }
.nv-p { margin: 0 0 12px; color: var(--ac-text, #fff); font-size: 15px; line-height: 22px; }
.nv-meta { margin: 0 0 12px; color: var(--ac-muted); font-size: 13px; line-height: 18px; }
.nv-hint { margin: 12px 0 0; color: var(--ac-muted); font-size: 13px; line-height: 18px; }
.nv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nv-game { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 0 14px; border-radius: 6px; background: var(--ac-card); }
.nv-lines { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 4px; color: var(--ac-text, #fff); font-size: 14px; line-height: 20px; }
.nv-lines li { padding: 6px 10px; border-radius: 4px; background: var(--ac-card); }
.nv-odds { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.nv-odd { appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--ac-line); border-radius: 6px; background: var(--ac-card); color: #fff; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.nv-odd:hover { border-color: var(--ac-accent); }
.nv-odd[aria-pressed="true"] { border-color: var(--ac-accent); background: color-mix(in srgb, var(--ac-accent) 22%, var(--ac-card)); }
.nv-odd-l { min-width: 0; overflow-wrap: anywhere; }
.nv-odd-o { color: var(--ac-accent); font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 16px; }
.nv-odd:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
.lhs-5.nv-open { height: auto; }
[role="button"][tabindex]:focus-visible { outline: 2px solid var(--ac-accent, #26e3a8); outline-offset: 2px; }

/* faixas de rolagem horizontal que a captura deixava travadas (overflow hidden): agora rolam com dedo, roda e setas */
.crr-b, .fhr-a1, .prp-e { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; }
.crr-b::-webkit-scrollbar, .fhr-a1::-webkit-scrollbar, .prp-e::-webkit-scrollbar { display: none; }
.nv-games { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.nv-gtile { appearance: none; display: grid; gap: 6px; padding: 0 0 8px; border: 1px solid var(--ac-line); border-radius: 6px; background: var(--ac-card); color: #fff; font: inherit; font-size: 13px; text-align: left; cursor: pointer; overflow: hidden; }
.nv-gtile img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.nv-gtile span { padding: 0 8px; overflow-wrap: anywhere; }
.nv-gtile:hover { border-color: var(--ac-accent); }
.nv-gtile:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }

.nv-odds.nv-one { grid-template-columns: 1fr; }
.nv-odd-l strong { display: block; font-weight: 600; }
.nv-odd-l small { display: block; margin-top: 2px; color: var(--ac-muted); font-size: 12px; }
.nv-odd:disabled { opacity: .6; cursor: default; }

.nv-pad { margin: 0; padding: 14px 16px; }
.nv-bonus { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: default; }
.nv-claim { min-width: 88px; flex: none; }
.pb-linkish { cursor: pointer; }

/* seletor de arquivo em português */
.pn-filewrap { position: relative; min-height: 48px; border-radius: 4px; background: var(--ac-field); }
.pn-filewrap .pn-file { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: pointer; z-index: 1; }
.pn-filebox { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 12px; font-size: 14px; color: var(--ac-muted); }
.pn-filebtn { padding: 6px 12px; border-radius: 4px; background: #4a4a4a; color: #fff; font-weight: 700; white-space: nowrap; }
.pn-filename { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-filewrap:hover .pn-filebtn { background: #5a5a5a; }
.pn-filewrap:focus-within { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
.pb-linkish, .frm-24[role="button"] { cursor: pointer; }

/* iPhone com notch e barra inferior: nada fica sob a área do sistema */
.ac-dr-head { height: calc(70px + env(safe-area-inset-top, 0px)); padding: env(safe-area-inset-top, 0px) max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px)); }
.ac-dr-body { padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)); padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.ac-slip-b { padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.ac-slip-h[aria-expanded="false"] { height: calc(48px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); }
.pb-search { margin-top: max(12px, env(safe-area-inset-top, 0px)); }
.pb-head { padding-left: max(20px, env(safe-area-inset-left, 0px)); }

/* ---------- visões: Esportes, Ao vivo, Cassino e Recompensas ---------- */
html[data-view="casino"] [data-pod]:not([data-pod="casino"]),
html[data-view="live"] [data-pod]:not([data-pod="live"]),
html[data-view="rewards"] [data-pod] { display: none !important; }
html[data-view="casino"] .sln-2, html[data-view="rewards"] .sln-2 { display: none; }
html:not([data-view="rewards"]) .vw-rewards { display: none; }
.vw-casino-nav { display: grid; gap: 14px; padding: 22px 16px 6px; }
.vw-page-title { margin: 0; font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 28px; line-height: 32px; font-weight: 400; color: #fff; }
.vw-lead { margin: 0; color: var(--ac-muted, #b9c2bd); font-size: 15px; line-height: 22px; }
.vw-sub { margin: 0 0 10px; font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 20px; font-weight: 400; color: #fff; }
.vw-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.vw-chip { appearance: none; min-height: 40px; padding: 0 16px; border: 0; border-radius: 20px; background: #333; color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.vw-chip:hover { background: #444; }
.vw-chip[aria-pressed="true"] { background: #fff; color: #111; }
.vw-chip:focus-visible, .vw-btn:focus-visible { outline: 2px solid var(--ac-accent, #26e3a8); outline-offset: 2px; }
.vw-rewards { display: grid; gap: 16px; align-content: start; padding: 24px 16px 48px; width: 100%; max-width: 1170px; margin: 0 auto; }
.vw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px 16px; justify-items: center; }
.vw-card { width: 100%; max-width: 360px; }
.vw-card[hidden] { display: none; }
.vw-card .hcr-9 { width: 100%; max-width: 100%; }
.vw-mine { display: grid; gap: 4px; }
.vw-bonuses { display: grid; gap: 8px; }
.vw-bonus { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 8px; background: #262626; box-shadow: 0 0 0 1px #3a3a3a; }
.vw-bonus-t { display: grid; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.vw-bonus-t span { color: #b9c2bd; font-size: 13px; }
.vw-btn { appearance: none; min-height: 40px; padding: 0 18px; border: 0; border-radius: 6px; background: #26e3a8; color: #06231a; font: inherit; font-weight: 700; cursor: pointer; flex: none; }
.hrm-4b.vw-on { border-color: #ffdf1b; }
@media (max-width: 640px) { .vw-grid { grid-template-columns: 1fr; } .vw-page-title { font-size: 24px; } }
html[data-view="casino"] [data-pod="casino"] .ss-HomeSpotlightHeader { display: none; }
.vw-grid { grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); }
.vw-card, .vw-card .hcr-9, .vw-card .prb-4, .vw-card .oor-6 { min-width: 0; }
.vw-card .prb-4, .vw-card .oor-6 { width: 100%; }

/* visões montadas por script: ficam invisíveis (sem ocupar atenção nem causar salto) até estarem prontas */
html[data-view="casino"]:not([data-ready]) .sln-2e, html[data-view="rewards"]:not([data-ready]) .sln-2e,
html[data-view="casino"]:not([data-ready]) .frm-39, html[data-view="rewards"]:not([data-ready]) .frm-39 { visibility: hidden; }

/* ---------- bilhete (cupom): movível no PC, folha inferior no celular, com animações ---------- */
.ac-slip {
  transform: translate3d(var(--sx, 0px), var(--sy, 0px), 0);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), opacity .2s;
  overscroll-behavior: contain;
}
.ac-slip--drag { transition: none; user-select: none; -webkit-user-select: none; }
.ac-slip-h { width: 100%; flex: none; position: relative; touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; transition: background-color .3s; }
.ac-slip--drag .ac-slip-h { cursor: grabbing; }
.ac-slip-grip { flex: none; width: 14px; height: 18px; margin-left: -4px; opacity: .55; background: radial-gradient(circle, currentColor 1.4px, transparent 1.7px) 0 0 / 7px 6px; }
.ac-slip-cv { flex: none; margin-left: auto; transform: rotate(90deg); transition: transform .26s cubic-bezier(.2, .8, .2, 1); }
.ac-slip--c .ac-slip-cv { transform: rotate(-90deg); }
.ac-slip-demo + .ac-slip-cv { margin-left: 8px; }
.ac-slip-w { flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: 1fr; transition: grid-template-rows .26s cubic-bezier(.2, .8, .2, 1), visibility 0s; }
.ac-slip--c .ac-slip-w { grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .26s cubic-bezier(.2, .8, .2, 1), visibility 0s .26s; }
.ac-slip-i { min-height: 0; overflow: hidden; }
.ac-slip-b { max-height: calc(100dvh - 150px - var(--ac-bottom)); overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.ac-slip--nt, .ac-slip--nt * { transition: none !important; }
.ac-slip-ov { display: none; }

.ac-slip--in { animation: ac-slip-in .34s cubic-bezier(.2, .8, .2, 1); }
.ac-sel--new { animation: ac-sel-in .3s cubic-bezier(.2, .8, .2, 1); }
.ac-sel--out { animation: ac-sel-out .19s ease-in forwards; }
.ac-slip-n.ac-bump { animation: ac-bump .4s cubic-bezier(.3, 1.6, .5, 1); }
.ac-slip-h.ac-flash { animation: ac-flash .9s ease-out; }
.rgl-9208e7.ac-pop { animation: ac-pop .5s cubic-bezier(.3, 1.4, .5, 1); }
@keyframes ac-slip-in { from { opacity: 0; scale: .94; } to { opacity: 1; scale: 1; } }
@keyframes ac-sel-in { from { opacity: 0; transform: translateX(14px); background: rgba(38, 227, 168, .22); } to { opacity: 1; transform: none; background: transparent; } }
@keyframes ac-sel-out { to { opacity: 0; transform: translateX(-18px); } }
@keyframes ac-bump { 0% { scale: 1; } 45% { scale: 1.4; } 100% { scale: 1; } }
@keyframes ac-flash { 0%, 100% { filter: none; } 30% { filter: brightness(1.25) saturate(1.2); } }
@keyframes ac-pop { 0% { scale: 1; } 35% { scale: .93; } 100% { scale: 1; } }
@media (prefers-reduced-motion: reduce) {
  .ac-slip, .ac-slip-w, .ac-slip-cv, .ac-slip-h { transition: none !important; }
  .ac-slip--in, .ac-sel--new, .ac-sel--out, .ac-bump, .ac-flash, .ac-pop { animation: none !important; }
}

@media (max-width: 767px) {
  .ac-slip { left: 0; right: 0; width: auto; border-radius: 16px 16px 0 0; max-height: calc(100dvh - 20px - var(--ac-bottom)); }
  .ac-slip-h { border-radius: 16px 16px 0 0; cursor: default; padding-top: 6px; }
  .ac-slip-h::before { content: ""; position: absolute; top: 5px; left: 50%; width: 36px; height: 4px; margin-left: -18px; border-radius: 2px; background: currentColor; opacity: .35; }
  .ac-slip-grip { display: none; }
  .ac-slip-b { max-height: calc(78dvh - 56px); }
  .ac-slip-ov { display: block; position: fixed; inset: 0; z-index: 8999; background: #000; opacity: 0; pointer-events: none; transition: opacity .2s; }
  .ac-slip-ov.on { opacity: .4; pointer-events: auto; cursor: pointer; }
}

/* telas estreitas (iPhone SE, 320px): a coluna da janela nunca passa da largura disponível, nem com listas de opções longas */
.ac-dr-body { grid-template-columns: minmax(0, 1fr); }
.ac-dr-body select, .pn-select { width: 100%; max-width: 100%; min-width: 0; text-overflow: ellipsis; }
.ac-dr-body > *, .ac-dr-body .rg-form, .ac-dr-body .rg-field, .ac-dr-body .rg-box { min-width: 0; max-width: 100%; }
.ac-dr-body .rg-field, .ac-dr-body .rg-form { grid-template-columns: minmax(0, 1fr); }
.ac-dr-body .rg-label, .pn-filewrap, .pn-filebox { min-width: 0; max-width: 100%; }
.pn-filewrap { overflow: hidden; }

/* ---------- cupom do depósito ---------- */
.cp-box { display: grid; gap: 10px; min-width: 0; }
.cp-toggle { appearance: none; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 0 14px; border: 1px dashed var(--ac-line); border-radius: 10px; background: transparent; color: var(--ac-text); font: inherit; font-size: 15px; cursor: pointer; text-align: left; transition: border-color .2s, background-color .2s; }
.cp-toggle:hover { border-color: var(--ac-accent); background: rgba(38, 227, 168, .06); }
.cp-toggle:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
.cp-ic { flex: none; color: var(--ac-accent); }
.cp-toggle-t { flex: 1; min-width: 0; font-weight: 700; }
.cp-cv { flex: none; color: var(--ac-muted); transform: rotate(90deg); transition: transform .26s cubic-bezier(.2, .8, .2, 1); }
.cp-box.is-open .cp-cv { transform: rotate(-90deg); }
.cp-box.has-coupon .cp-toggle { display: none; }

.cp-panel { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .26s cubic-bezier(.2, .8, .2, 1), visibility 0s .26s; }
.cp-box.is-open .cp-panel { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .26s cubic-bezier(.2, .8, .2, 1), visibility 0s; }
.cp-inner { min-height: 0; overflow: hidden; display: grid; gap: 6px; padding: 2px; margin: -2px; }
.cp-inner .rg-field { margin: 0; }
.cp-inner .rg-box { padding-right: 6px; }
.cp-input { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.cp-input::placeholder { text-transform: none; letter-spacing: 0; font-weight: 400; }
.cp-apply { appearance: none; flex: none; min-width: 84px; height: 38px; padding: 0 16px; border: 0; border-radius: 6px; background: var(--ac-accent); color: var(--ac-ink); font: inherit; font-weight: 700; cursor: pointer; transition: filter .2s, transform .1s; }
.cp-apply:hover { filter: brightness(1.08); }
.cp-apply:active { transform: scale(.97); }
.cp-apply[disabled], .cp-apply[aria-busy="true"] { opacity: .6; cursor: default; }
.cp-apply:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cp-msg { min-height: 0; margin: 0; font-size: 13px; line-height: 18px; color: var(--ac-muted); }
.cp-msg:empty { display: none; }
.cp-msg[data-kind="error"] { color: var(--ac-error); }

.cp-ok { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 14px 12px 14px 16px; border: 1px dashed var(--ac-accent); border-radius: 12px; background: linear-gradient(135deg, rgba(38, 227, 168, .16), rgba(38, 227, 168, .05)); overflow: hidden; }
.cp-ok[hidden] { display: none; }
.cp-ok::before, .cp-ok::after { content: ""; position: absolute; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: var(--ac-bg); border: 1px dashed var(--ac-accent); }
.cp-ok::before { left: -8px; }
.cp-ok::after { right: -8px; }
.cp-ok-ic { color: var(--ac-accent); margin-top: 2px; }
.cp-ok-t { display: grid; gap: 3px; min-width: 0; }
.cp-ok-code { font-family: FuturaPTWebBold, Futura, Arial, sans-serif; font-size: 18px; letter-spacing: .12em; color: var(--ac-accent); overflow-wrap: anywhere; }
.cp-ok-d { font-size: 13px; line-height: 18px; color: var(--ac-muted); overflow-wrap: anywhere; }
.cp-ok-b { font-size: 14px; line-height: 20px; color: #ffdf1b; overflow-wrap: anywhere; }
.cp-ok-err { grid-column: 2 / -1; margin: 0; font-size: 13px; line-height: 18px; color: var(--ac-error); }
.cp-rm { appearance: none; display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--ac-muted); cursor: pointer; }
.cp-rm:hover { color: var(--ac-text); background: rgba(255, 255, 255, .1); }
.cp-rm:focus-visible { outline: 2px solid var(--ac-accent); outline-offset: 2px; }
.cp-ok.cp-pop { animation: cp-pop .5s cubic-bezier(.3, 1.4, .5, 1); }
.cp-ok.cp-pop::after { animation: none; }
.cp-ok.cp-pop .cp-ok-code { animation: cp-shine 1s ease-out; }

.cp-tag { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 8px 14px; border: 1px dashed var(--ac-accent); border-radius: 999px; background: rgba(38, 227, 168, .1); color: var(--ac-accent); font-size: 14px; font-weight: 700; text-align: center; }
.cp-tag-warn { border-color: #ffdf1b; background: rgba(255, 223, 27, .1); color: #ffdf1b; font-weight: 400; border-radius: 10px; }

@keyframes cp-pop { 0% { opacity: 0; transform: scale(.94) translateY(6px); } 100% { opacity: 1; transform: none; } }
@keyframes cp-shine { 0% { filter: brightness(1); text-shadow: none; } 35% { filter: brightness(1.35); text-shadow: 0 0 14px rgba(38, 227, 168, .75); } 100% { filter: brightness(1); text-shadow: none; } }
@media (prefers-reduced-motion: reduce) {
  .cp-panel, .cp-cv, .cp-apply, .cp-toggle { transition: none !important; }
  .cp-ok.cp-pop, .cp-ok.cp-pop .cp-ok-code { animation: none !important; }
}

/* ---------- login: cartão claro como o do site (435 px, a 140 px do topo, fundo a 70 %) ---------- */
.rg-dialog.lg-modal { padding: 0; border: 0; max-width: none; max-height: none; width: 100%; height: 100%; background: transparent; color: #000; overflow: auto; }
.rg-dialog.lg-modal::backdrop { background: rgba(0, 0, 0, .7); }
.lg-card { position: relative; box-sizing: border-box; width: min(435px, calc(100% - 24px)); margin: 140px auto 24px; padding: 20px 10px 10px; border-radius: 2px; background: #e4e4e4; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.lg-in { display: grid; gap: 0; padding: 22px 22px 18px; min-width: 0; }
.lg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }
.lg-x { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0 2px 0 0; background: transparent; color: transparent; font: 12px/44px -apple-system, Arial, sans-serif; overflow: hidden; cursor: pointer; }
.lg-x:focus-visible { background: #fff; color: #126e51; outline: 2px solid #126e51; outline-offset: -2px; }
.lg-title { margin: 0 0 6px; font-size: 18px; line-height: 24px; font-weight: 700; color: #1f1f1f; text-align: center; }
.lg-lead { margin: 0 0 14px; font-size: 13px; line-height: 18px; color: #333; text-align: center; }
.lg-form { display: grid; gap: 11px; }
.lg-form .rg-field { margin: 0; gap: 0; }
.lg-form .rg-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lg-form .rg-box { min-height: 50px; padding: 0; border: 1px solid #c3c3c3; border-radius: 3px; background: #fff; box-shadow: none; }
.lg-form .rg-box:focus-within { border-color: #126e51; box-shadow: 0 0 0 1px #126e51; }
.lg-form .rg-input { height: 48px; padding: 0 10px; color: #282828; font-size: 16px; background: transparent; }
.lg-form .rg-input::placeholder { color: #6b6b6b; opacity: 1; }
.lg-form [data-invalid] .rg-box { border-color: #c0392b; box-shadow: 0 0 0 1px #c0392b; }
.lg-form .rg-error { margin: 4px 0 0; font-size: 12px; line-height: 16px; color: #b03025; }
.lg-form .rg-error:empty { display: none; }
.lg-btn { appearance: none; margin-top: 9px; height: 45px; padding: 0 10px; border: 0; border-radius: 3px; background: #126e51; color: #fff; font: 700 15px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; cursor: pointer; transition: filter .15s; }
.lg-btn:hover { filter: brightness(1.12); }
.lg-btn:focus-visible, .lg-link:focus-visible { outline: 2px solid #126e51; outline-offset: 2px; }
.lg-btn[disabled], .lg-btn[aria-busy="true"] { opacity: .65; cursor: default; }
.lg-form .rg-status { margin: 8px 0 0; min-height: 0; font-size: 13px; line-height: 17px; text-align: center; color: #333; }
.lg-form .rg-status:empty { display: none; }
.lg-form .rg-status[data-kind="error"] { color: #b03025; }
.lg-form .rg-status[data-kind="ok"] { color: #126e51; }
.lg-link { appearance: none; padding: 6px 4px; margin: -6px -4px; border: 0; background: none; color: #126e51; font: 500 13px/17px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; cursor: pointer; }
.lg-link:hover { text-decoration: underline; }
.lg-reg { display: block; margin: 17px auto -6px; }
.lg-forgot { margin: 14px 0 0; font-size: 13px; line-height: 17px; color: #000; text-align: center; }
@media (max-width: 480px) { .lg-card { margin-top: 70px; } .lg-in { padding: 20px 14px 18px; } }
@media (prefers-reduced-motion: reduce) { .lg-btn { transition: none; } }

/* ---------- Recompensas (medidas do site: coluna de 356 px, cartão de acesso, ofertas com legenda de 10 px) ---------- */
@media (min-width: 768px) { html[data-view="rewards"] .sln-2 { display: block; } html[data-view="rewards"] .vw-hsearch { display: grid; } }
html[data-view="rewards"] .sln-51 { display: none; }
.vw-hsearch { display: none; place-items: center; width: 45px; height: 32px; margin: 19px 0 0 0; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; flex: none; }
@media (min-width: 768px) { html[data-view="live"] .vw-hsearch { display: grid; } }
.vw-hsearch:hover { color: #26e3a8; }
.vw-hsearch:focus-visible { outline: 2px solid #26e3a8; outline-offset: -2px; border-radius: 6px; }
.vw-rewards { position: relative; display: block; width: 100%; max-width: none; margin: 0; padding: 71px 16px 48px; box-sizing: border-box; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.vw-back { appearance: none; position: absolute; top: 70px; left: 130px; display: grid; place-items: center; width: 25px; height: 25px; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .125); background: rgba(255, 255, 255, .027); color: #fff; cursor: pointer; }
.vw-back:hover { background: rgba(255, 255, 255, .12); }
.vw-back:focus-visible { outline: 2px solid #26e3a8; outline-offset: 2px; }
.vw-rw-title { display: flex; align-items: center; justify-content: center; gap: 8px; height: 24px; margin: 0; font: 700 20px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #fff; }
.vw-rw-gift { flex: none; color: #fff4b2; }
.vw-rw-login, .vw-rw-more, .vw-rw-list { width: 356px; max-width: 100%; margin-left: auto; margin-right: auto; }
.vw-rw-login { box-sizing: border-box; height: 200px; margin-top: 45px; padding: 30px 24px; display: flex; flex-direction: column; align-items: center; border: 1px solid rgba(255, 244, 178, .4); border-radius: 10px; }
.vw-rw-login.is-signed { height: auto; min-height: 200px; align-items: stretch; }
.vw-rw-msg { margin: 25px 0 0; font-size: 13px; line-height: 20px; text-align: center; color: #fff; }
.vw-rw-btn { appearance: none; margin-top: 27px; min-width: 141px; height: 41px; padding: 10px 44px; box-sizing: border-box; border: 0; border-radius: 5px; background: #fdf5ba; color: #1f1f1f; font: 700 14px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; cursor: pointer; transition: filter .15s; }
.vw-rw-btn:hover { filter: brightness(.95); }
.vw-rw-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.vw-rw-more { margin-top: 36px; margin-bottom: 0; font: 700 15px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #fff; }
.vw-rw-list { display: grid; gap: 10px; margin-top: 16px; justify-items: center; }
.vw-rw-offer { width: 356px; max-width: 100%; display: flex; justify-content: center; overflow: hidden; }
.vw-rw-offer .hcr-9 { flex: none; }
.vw-rw-login .vw-sub { margin: 0 0 10px; font: 700 15px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #fff; }
@media (max-width: 1160px) { .vw-back { left: 16px; } }
@media (max-width: 767px) { .vw-rewards { padding-top: 16px; } .vw-back { top: 16px; } .vw-rw-login { margin-top: 24px; } }
@media (prefers-reduced-motion: reduce) { .vw-rw-btn { transition: none; } }

/* ---------- celular (até 767 px): cabeçalho de uma linha e barra de abas, como no site ---------- */
.vw-tabbar { display: none; }
.ac-slip-empty { margin: 0; padding: 18px 14px 20px; color: var(--ac-muted); font-size: 14px; line-height: 20px; text-align: center; }
@media (max-width: 767px) {
  html[data-device-web] .hrm-6 { flex-direction: row; align-items: center; justify-content: flex-start; height: calc(48px + env(safe-area-inset-top, 0px)); box-sizing: border-box; padding: env(safe-area-inset-top, 0px) 12px 0; }
  .hrm-2c { flex: none; }
  .hrm-bd { padding-top: 0; margin-top: 0; box-sizing: border-box; }
  .hrm-f0 { width: 81px; display: block; }
  .hrm-d2 { display: none; }
  .hrm-7 { flex: 1 1 0; min-width: 0; justify-content: flex-end; align-items: center; gap: 8px; }
  .hrm-08 { min-width: 0; }
  .hrm-c { padding-right: 0; }
  .vw-tabbar { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9001; background: #282828; padding-bottom: env(safe-area-inset-bottom, 0px); }
  .vw-tabbar-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 60px; padding: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px); }
  .vw-tab { appearance: none; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; padding: 0 0 2px; border: 0; background: transparent; color: #fff; font: 700 10px/12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .vw-tab[aria-current="page"] { color: #28ffbb; }
  .vw-tab:focus-visible { outline: 2px solid #28ffbb; outline-offset: -4px; border-radius: 6px; }
  .vw-tab-n { position: absolute; top: 4px; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; background: #28ffbb; color: #06231a; font: 700 10px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-style: normal; text-align: center; }
  .vw-tab-n[hidden] { display: none; }
  .sln-1.sln-ee { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }
  html[data-view="sports"] [data-pod], html[data-view="sports"] .sln-1 { display: none !important; }
  html[data-view="sports"] .sln-2 { display: block; flex: 1 1 100%; max-width: none; width: 100%; }
  html[data-view="sports"] .sln-92 { display: block; }
}
@media (prefers-reduced-motion: reduce) { .vw-tab { transition: none; } }

@media (max-width: 767px) {
  .vw-rewards { padding: 26px 16px 48px; }
  .vw-back { top: 25px; left: 10px; }
  .vw-rw-login { margin-top: 60px; width: 100%; }
  .vw-rw-more, .vw-rw-list { width: 100%; }
  .vw-rw-more { padding-left: 10px; box-sizing: border-box; }
  .vw-rw-offer { width: 100%; }
}

/* ---------- Cassino: fileira de categorias e seções alinhadas à esquerda, como no site ---------- */
.vw-casino-nav { display: block; padding: 15px 10px 0; }
.vw-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 20px; padding: 5px 10px 15px; box-sizing: border-box; }
.vw-cat { appearance: none; display: flex; flex: none; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0; min-width: 45px; height: 47px; padding: 0 2px; border: 0; background: transparent; color: #fff; cursor: pointer; font: 700 11px/15px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.vw-cat svg { flex: none; width: 32px; height: 32px; margin-bottom: 0; }
.vw-cat[aria-current="true"] { color: #28ffbb; }
.vw-cat:hover { color: #28ffbb; }
.vw-cat:focus-visible { outline: 2px solid #28ffbb; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 767px) { .vw-cats { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; gap: 0 18px; padding: 5px 16px 12px; } .vw-cats::-webkit-scrollbar { display: none; } }

/* ofertas do admin em Recompensas */
.vw-rw-extra { display: contents; }
.vw-op { appearance: none; display: grid; gap: 6px; width: 356px; max-width: 100%; padding: 0; border: 0; background: transparent; color: #fff; text-align: center; cursor: pointer; font: inherit; }
.vw-op-art { display: grid; place-items: center; aspect-ratio: 340 / 150; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #0d5a41, #07261a); box-shadow: 0 0 0 1px rgba(40, 255, 187, .25); transition: box-shadow .2s, transform .2s; }
.vw-op:hover .vw-op-art { box-shadow: 0 0 0 1px #28ffbb; }
.vw-op:active .vw-op-art { transform: scale(.985); }
.vw-op:focus-visible { outline: 2px solid #28ffbb; outline-offset: 3px; border-radius: 8px; }
.vw-op-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vw-op-art.no-img { align-content: center; gap: 6px; padding: 16px; text-align: left; justify-items: start; }
.vw-op-art.no-img strong { font: 700 22px/26px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #28ffbb; }
.vw-op-art.no-img span { font-size: 14px; line-height: 20px; color: #fff; }
.vw-op-t { display: grid; gap: 2px; }
.vw-op-t strong { font: 700 14px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.vw-op-t em { font-style: normal; font-size: 12px; line-height: 16px; color: #b5b5b5; }
.vw-op-cap { font-size: 10px; line-height: 12px; color: #a7a7a7; }
@media (prefers-reduced-motion: reduce) { .vw-op-art { transition: none; } }
/* a coluna nunca passa da tela, nem com cartões de oferta de 356 px em telas de 320 px */
.vw-rw-list { grid-template-columns: minmax(0, 1fr); }
.vw-op { width: 100%; max-width: 356px; min-width: 0; }
.vw-rw-offer { min-width: 0; }
/* abas de Minhas apostas (5 opções): quebram de linha em vez de passar da tela de 320 px */
.ac-tabs { flex-wrap: wrap; }
.ac-tabs .ac-tab { flex: 1 1 auto; min-width: 0; }

/* ---------- bônus: programa automático no depósito e tela "Bônus e promoções" ---------- */
.cp-auto { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 14px; border-radius: 12px; border-left: 3px solid var(--ac-accent); background: linear-gradient(135deg, rgba(38, 227, 168, .14), rgba(38, 227, 168, .04)); animation: cp-pop .4s cubic-bezier(.3, 1.4, .5, 1); }
.cp-auto[hidden] { display: none; }
.cp-auto-t { display: grid; gap: 2px; min-width: 0; }
.cp-auto-t strong { font-size: 15px; line-height: 20px; color: var(--ac-accent); }
.cp-auto-t span { font-size: 14px; line-height: 20px; color: #ffdf1b; font-weight: 700; overflow-wrap: anywhere; }
.cp-auto-t small { font-size: 12px; line-height: 16px; color: var(--ac-muted); overflow-wrap: anywhere; }
.bn-progs { display: grid; gap: 10px; }
.bn-grid { display: grid; gap: 12px; }
.bn-card { display: grid; gap: 8px; padding: 14px; border-radius: 12px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.bn-card:not(.is-off) { box-shadow: 0 0 0 1px rgba(38, 227, 168, .45); background: linear-gradient(135deg, rgba(38, 227, 168, .10), var(--ac-card) 55%); }
.bn-card.is-off { opacity: .72; }
.bn-top { display: flex; align-items: center; gap: 10px; min-width: 0; }
.bn-title { flex: 1; min-width: 0; font-size: 16px; line-height: 22px; overflow-wrap: anywhere; }
.bn-chip { flex: none; padding: 2px 10px; border-radius: 999px; background: #3a3a3a; color: var(--ac-muted); font-size: 12px; font-weight: 700; }
.bn-chip[data-on="1"] { background: rgba(38, 227, 168, .2); color: var(--ac-accent); }
.bn-d { margin: 0; font-size: 14px; line-height: 20px; }
.bn-r { margin: 0; font-size: 13px; line-height: 18px; color: var(--ac-muted); }
.bn-why { margin: 0; font-size: 13px; line-height: 18px; color: #ffdf1b; }
.bn-acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bn-acts .rg-submit { margin: 0; flex: 1 1 180px; }
.bn-code { padding: 8px 12px; border-radius: 6px; border: 1px dashed var(--ac-accent); color: var(--ac-accent); font-weight: 700; letter-spacing: .1em; }
@media (prefers-reduced-motion: reduce) { .cp-auto { animation: none; } }

/* ---------- conteúdo da casa: jogos, eventos, aviso de manutenção (house.js) ---------- */
.hs-banner { position: fixed; top: 0; left: 0; right: 0; z-index: 1200; padding: 7px 12px; background: #ffc83d; color: #231a00; font: 700 13px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
html:has(.hs-banner) body { padding-top: 32px; }
.hs-h { margin: 0 0 10px; color: #fff; font: 700 17px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.hs-games, .hs-events { padding: 14px 12px 6px; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.hs-chips { display: flex; gap: 8px; margin: 0 0 12px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.hs-chips::-webkit-scrollbar { display: none; }
.hs-chip { flex: none; min-height: 34px; padding: 0 14px; border: 1px solid #424242; border-radius: 999px; background: #2a2a2a; color: #fff; font: 600 13px/1 inherit; cursor: pointer; }
.hs-chip[aria-selected="true"] { background: #26e3a8; border-color: #26e3a8; color: #06231a; }
.hs-chip:focus-visible, .hs-card:focus-visible, .hs-odd:focus-visible, .hs-more:focus-visible, .hs-play-x:focus-visible { outline: 2px solid #26e3a8; outline-offset: 2px; }
.hs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.hs-card { display: flex; flex-direction: column; gap: 2px; padding: 0 0 8px; border: 0; border-radius: 10px; background: #2a2a2a; color: #fff; text-align: left; cursor: pointer; overflow: hidden; font: inherit; }
.hs-card.is-loading { opacity: .6; cursor: progress; }
.hs-art { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; background: linear-gradient(135deg, #34504a, #1b2a28); overflow: hidden; }
.hs-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hs-art strong { font-size: 28px; letter-spacing: .05em; color: #26e3a8; }
.hs-go { position: absolute; right: 8px; bottom: 8px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #26e3a8; color: #06231a; opacity: 0; transform: scale(.8); transition: opacity .15s, transform .15s; }
.hs-card:hover .hs-go, .hs-card:focus-visible .hs-go { opacity: 1; transform: none; }
@media (hover: none) { .hs-go { opacity: 1; transform: none; } }
.hs-name { padding: 6px 10px 0; font: 600 14px/1.25 inherit; }
.hs-prov { padding: 0 10px; color: #b9c2bd; font-size: 12px; }
.hs-ev-list { display: grid; gap: 8px; }
.hs-ev { padding: 10px 12px 12px; border-radius: 10px; background: #2a2a2a; }
.hs-ev.is-live { box-shadow: inset 3px 0 0 #ff5252; }
.hs-ev-meta { display: flex; justify-content: space-between; gap: 8px; color: #b9c2bd; font-size: 12px; }
.hs-ev-meta time { font-variant-numeric: tabular-nums; }
.hs-live-tag { color: #ff6b6b; font-style: normal; font-weight: 800; letter-spacing: .04em; }
.hs-ev-t { margin: 4px 0 8px; font: 600 15px/1.25 inherit; color: #fff; }
.hs-odds { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hs-odds-1 { grid-template-columns: minmax(0, 1fr); }
.hs-odds-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hs-odd { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 44px; padding: 0 10px; border: 1px solid #424242; border-radius: 8px; background: #333; color: #fff; cursor: pointer; font: inherit; min-width: 0; }
.hs-odd:hover { background: #3d3d3d; }
.hs-odd-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #d7dedb; }
.hs-odd b { color: #26e3a8; font-variant-numeric: tabular-nums; }
.hs-odd.ac-picked { background: #26e3a8; border-color: #26e3a8; color: #06231a; }
.hs-odd.ac-picked b, .hs-odd.ac-picked .hs-odd-n { color: #06231a; }
.hs-odd.is-up b { animation: hs-up 1.4s; }
.hs-odd.is-down b { animation: hs-down 1.4s; }
@keyframes hs-up { 0%, 60% { color: #fff; background: #1f6a52; } }
@keyframes hs-down { 0%, 60% { color: #fff; background: #7a2a2a; } }
.hs-more { margin-top: 8px; padding: 6px 0; border: 0; background: none; color: #26e3a8; font: 600 13px/1 inherit; cursor: pointer; }
.hs-markets h4 { margin: 10px 0 6px; font: 600 13px/1.2 inherit; color: #b9c2bd; }
html:not([data-view="live"]) .hs-live { display: none !important; }
.hs-play { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #000; color: #fff; }
.hs-play:not([open]) { display: none; }
.hs-play[open] { display: flex; flex-direction: column; }
.hs-play::backdrop { background: #000; }
.hs-play-bar { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 8px 0 14px; background: #121212; border-bottom: 1px solid #333; font: 600 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.hs-play-x { width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #2a2a2a; color: #fff; cursor: pointer; }
.hs-play-f { flex: 1; width: 100%; border: 0; background: #000; }
.hs-toast { position: fixed; left: 50%; bottom: 84px; z-index: 1300; max-width: min(420px, calc(100% - 32px)); padding: 11px 16px; border-radius: 10px; background: #2a2a2a; color: #fff; box-shadow: 0 0 0 1px #ff8a80, 0 10px 30px rgba(0, 0, 0, .5); font: 600 14px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: opacity .2s, transform .2s; }
.hs-toast.on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .hs-go, .hs-toast { transition: none; } .hs-odd.is-up b, .hs-odd.is-down b { animation: none; } }

/* ===== Torneios e VIP (painel da conta) ===== */
.tv-card { display: grid; gap: 10px; padding: 16px; margin: 0 0 12px; border-radius: 12px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.tv-card-h { display: flex; align-items: center; gap: 10px; }
.tv-card-t { flex: 1; font-size: 17px; font-weight: 700; }
.tv-tag { flex: none; padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.tv-tag.tv-running { background: rgba(38, 227, 168, .18); color: var(--ac-accent); }
.tv-tag.tv-scheduled { background: rgba(255, 223, 27, .16); color: #ffdf1b; }
.tv-tag.tv-ended { background: #3a3a3a; color: var(--ac-muted); }
.tv-desc { margin: 0; color: var(--ac-muted); font-size: 13px; line-height: 19px; }
.tv-prize { display: grid; gap: 2px; padding: 12px; border-radius: 10px; background: linear-gradient(135deg, rgba(38, 227, 168, .14), transparent); box-shadow: inset 0 0 0 1px rgba(38, 227, 168, .25); }
.tv-prize-v { font-size: 24px; font-weight: 800; color: var(--ac-accent); font-variant-numeric: tabular-nums; }
.tv-prize-l { font-size: 12px; color: var(--ac-muted); }
.tv-me { display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px; background: #0f2e24; box-shadow: inset 0 0 0 1px rgba(38, 227, 168, .35); }
.tv-me b { font-size: 15px; } .tv-me span { font-size: 12px; color: var(--ac-muted); }
.tv-lb { display: grid; gap: 0; }
.tv-lb-r { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-top: 1px solid var(--ac-line); }
.tv-lb-r:first-child { border-top: 0; }
.tv-pos { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; background: #3a3a3a; color: #fff; }
.tv-pos-1 { background: #ffce3a; color: #231f00; } .tv-pos-2 { background: #cfd6dd; color: #1a1a1a; } .tv-pos-3 { background: #cd7f32; color: #241200; }
.tv-name { flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tv-pts { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; }
.tv-vip { --tv-c: var(--ac-accent); display: grid; gap: 8px; padding: 18px 16px; margin: 0 0 12px; border-radius: 14px; background: radial-gradient(500px 200px at 20% 0%, color-mix(in srgb, var(--tv-c) 28%, transparent), transparent), var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.tv-vip-badge { justify-self: start; padding: 4px 14px; border-radius: 999px; background: var(--tv-c); color: #10231c; font-weight: 800; font-size: 18px; }
.tv-vip-sub { color: var(--ac-muted); font-size: 13px; }
.tv-bar { height: 10px; border-radius: 999px; background: #0e0e0e; overflow: hidden; box-shadow: inset 0 0 0 1px var(--ac-line); }
.tv-bar-f { height: 100%; border-radius: 999px; background: var(--tv-c); transition: width .6s cubic-bezier(.2, .8, .2, 1); }
.tv-vip-next { font-size: 13px; }
.tv-cash { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin: 0 0 14px; border-radius: 12px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.tv-cash-l { font-size: 12px; color: var(--ac-muted); } .tv-cash-v { font-size: 22px; font-weight: 800; color: var(--ac-accent); font-variant-numeric: tabular-nums; }
.tv-cash .tv-claim { margin: 0 0 0 auto; width: auto; flex: none; }
.tv-dot { width: 12px; height: 12px; border-radius: 3px; flex: none; }
.ac-row.tv-cur { box-shadow: inset 2px 0 0 var(--ac-accent); }
@media (prefers-reduced-motion: reduce) { .tv-bar-f { transition: none; } }

/* ===== Indique e ganhe (afiliados) ===== */
.af-hero { display: grid; gap: 4px; padding: 18px 16px; margin: 0 0 12px; border-radius: 14px; background: radial-gradient(500px 220px at 20% 0%, rgba(38, 227, 168, .22), transparent), var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.af-hero-l { font-size: 12px; color: var(--ac-muted); }
.af-hero-v { font-size: 30px; font-weight: 800; color: var(--ac-accent); font-variant-numeric: tabular-nums; line-height: 1.1; }
.af-hero-s { font-size: 12px; color: var(--ac-muted); margin-bottom: 6px; }
.af-claim { width: 100%; }
.af-min { margin: 8px 0 0; font-size: 12px; color: var(--ac-muted); }
.af-err { margin: 8px 0 0; font-size: 13px; color: var(--ac-error); }
.af-share { display: grid; gap: 10px; padding: 14px 16px; margin: 0 0 12px; border-radius: 12px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.af-link { padding: 10px 12px; border-radius: 10px; background: var(--ac-field); box-shadow: inset 0 0 0 1px var(--ac-line); }
.af-link-v { font-size: 13px; font-weight: 600; word-break: break-all; color: var(--ac-text); }
.af-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.af-acts > button { flex: 1 1 auto; min-width: 120px; width: auto; }
.af-copy.af-ok { border-color: var(--ac-accent); color: var(--ac-accent); }
.af-how { display: grid; gap: 10px; padding: 14px 16px; margin: 0 0 12px; border-radius: 12px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.af-step { display: flex; gap: 12px; align-items: flex-start; }
.af-step-n { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 13px; background: rgba(38, 227, 168, .18); color: var(--ac-accent); }
.af-step > div { display: grid; gap: 2px; }
.af-step b { font-size: 14px; } .af-step span { font-size: 12px; color: var(--ac-muted); line-height: 17px; }
.af-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 12px; }
.af-mini > div { display: grid; gap: 2px; padding: 12px 10px; border-radius: 10px; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); text-align: center; }
.af-mini b { font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; } .af-mini span { font-size: 11px; color: var(--ac-muted); }
.af-tag { flex: none; padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.af-tag-ok { background: rgba(38, 227, 168, .18); color: var(--ac-accent); }
.af-amount { flex: none; font-weight: 800; color: var(--ac-accent); font-variant-numeric: tabular-nums; }
.rg-invite { display: flex; align-items: center; gap: 8px; margin: -4px 0 8px; padding: 8px 12px; border-radius: 10px; background: rgba(38, 227, 168, .12); box-shadow: inset 0 0 0 1px rgba(38, 227, 168, .3); font-size: 13px; color: var(--ac-text); }
.rg-invite-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ac-accent, #26e3a8); flex: none; }

/* ===== Esporte (sportsbook com a nossa cara) ===== */
.es-root { margin: 14px 0; }
.es-tabs { max-width: 360px; margin: 0 0 12px; border-radius: 10px; overflow: hidden; background: var(--ac-card); box-shadow: 0 0 0 1px var(--ac-line); }
.es-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.es-list { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.es-teams { display: flex; align-items: center; gap: 8px; margin: 2px 0 10px; font-weight: 700; }
.es-team { flex: 1; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.es-team:last-of-type { text-align: right; }
.es-vs { flex: none; color: var(--ac-muted); font-size: 13px; }
.es-noodd { margin: 0 0 8px; color: var(--ac-muted); font-size: 13px; }
.hs-empty { margin: 20px 0; text-align: center; color: var(--ac-muted); font-size: 14px; grid-column: 1 / -1; }
.es-game { width: min(680px, 96vw); max-height: 92vh; padding: 0; border: 0; border-radius: 14px; background: var(--ac-bg); color: var(--ac-text); overflow: hidden; }
.es-game::backdrop { background: rgba(0,0,0,.6); }
.es-game-h { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; background: var(--ac-card); border-bottom: 1px solid var(--ac-line); }
.es-game-t { font-size: 15px; }
.es-game-b { padding: 14px; overflow: auto; max-height: calc(92vh - 54px); }
.es-game-meta { margin: 0 0 10px; color: var(--ac-muted); font-size: 13px; }
.es-mk { margin: 0 0 12px; }
.es-mk-t { margin: 0 0 6px; font-size: 13px; color: var(--ac-muted); font-weight: 600; }