/* FUTNEX 1.9.68 · ui68b (E-UI-B): Elenco, folha da carta, Loja/Leilão, Clube, Missões/sino/Configurações/Feedback/Atualizações/XP e PC.
   Tudo aqui vale SÓ com html.ui68 (sem a classe = o jogo clássico da 1.9.67, intacto). Prefere CSS puro sobre a estrutura que o morph do #view não remove.
   Os nomes --u-* são os tokens da parte A (CONTRATO 4.2); cada um tem fallback para o semântico que já existe (acompanha o tema claro) e, por fim, o valor do contrato.
   Aqui só se criam apelidos --b-* (derivados), nunca um --u-*. Não depende de nenhum arquivo da parte A. */

html.ui68 {
  --b-bg: var(--u-bg, var(--bg, #0f1923));
  --b-s1: var(--u-s1, var(--panel, #13212e));
  --b-s2: var(--u-s2, var(--panel-2, #1b2b3a));
  --b-s3: var(--u-s3, var(--fill, #24374a));
  --b-line: var(--u-line, var(--line, #2c3c4b));
  --b-line2: var(--u-line2, var(--line-strong, #5a6e82));
  --b-tx: var(--u-tx, var(--text, #f4f7fa));
  --b-tx2: var(--u-tx2, var(--text-2, #a9b8c6));
  --b-acc: var(--u-acc, var(--accent, #f5c400));
  --b-on-acc: var(--on-accent, #13212e);
  --b-ok: var(--u-ok, var(--ok-txt, #5fc28b));
  --b-err: var(--u-err, var(--err-txt, #ff8a80));
  --b-badge: var(--u-badge, #e0544a);
  --b-acc-tx: #f5c400;                       /* amarelo como TEXTO (preço, contorno): no tema claro vira ouro escuro para ler sobre branco */
  --b-acc-bd: var(--b-acc);                  /* amarelo como contorno */
  --b-r1: var(--u-r1, 8px);
  --b-r2: var(--u-r2, 12px);
  --b-r3: var(--u-r3, 16px);
  --b-r4: var(--u-r4, 20px);
  --b-sp2: var(--u-sp2, 8px);
  --b-sp3: var(--u-sp3, 12px);
  --b-sp4: var(--u-sp4, 16px);
  --b-sp5: var(--u-sp5, 24px);
  --b-hit: var(--u-hit, 44px);
  --b-ease: var(--u-ease, cubic-bezier(.23, 1, .32, 1));
  --b-nav: var(--u-nav-h, 64px);            /* altura da barra inferior (parte A); o pé seguro soma-se abaixo */
}

html.ui68[data-theme="light"] { --b-acc-tx: #7a5c00; --b-acc-bd: #a88600; --r-normal: #6f8092; }
@media (prefers-color-scheme: light) { html.ui68[data-theme="auto"] { --b-acc-tx: #7a5c00; --b-acc-bd: #a88600; --r-normal: #6f8092; } }

/* ================================================================ ELENCO (section.sq) */
/* topo: título + contagem; "Escalar os mais fortes" secundário; Desmanchar/Queimar contorno de alerta */
html.ui68 section.sq { padding-bottom: 8px; }
html.ui68 section.sq .sq-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 4px var(--b-sp3); margin: 0 0 var(--b-sp3); }
html.ui68 section.sq .sq-top h1 { font-size: 24px; line-height: 1.1; }
html.ui68 section.sq .sq-top > .muted { font-size: 14px; justify-self: end; }
html.ui68 section.sq .sq-top .px { font-size: 16px; color: var(--b-tx); }
html.ui68 section.sq .sq-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: var(--b-sp2); width: 100%; margin: 6px 0 0; }
html.ui68 section.sq .sq-actions .btn { min-height: var(--b-hit); margin: 0; padding: 0 12px; border-radius: var(--b-r2); font: 700 15px/1.15 var(--font-texto); white-space: normal; min-width: 0; }
html.ui68 section.sq .sq-actions .sq-top-auto { grid-column: 1 / -1; order: -1; background: var(--b-s2); border: 1px solid var(--b-line2); color: var(--b-tx); font-weight: 700; margin: 0; }
html.ui68 section.sq .sq-actions .sq-top-auto:before { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--b-ico-bolt) center / contain no-repeat; mask: var(--b-ico-bolt) center / contain no-repeat; }
html.ui68 section.sq .sq-actions [data-act="loton"],
html.ui68 section.sq .sq-actions [data-act="fx58b-queimar"] { background: transparent; border: 1px solid var(--b-badge); color: var(--b-err); }
html.ui68 section.sq .sq-actions [data-act="loton"]:disabled,
html.ui68 section.sq .sq-actions [data-act="fx58b-queimar"]:disabled { opacity: .5; }
html.ui68 section.sq .sq-actions [data-act="loton"]:before,
html.ui68 section.sq .sq-actions [data-act="fx58b-queimar"]:before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor; -webkit-mask: var(--b-ico-flame) center / contain no-repeat; mask: var(--b-ico-flame) center / contain no-repeat; }
html.ui68 section.sq .sq-actions [data-act="loton"]:before { -webkit-mask-image: var(--b-ico-merge); mask-image: var(--b-ico-merge); }
html.ui68 section.sq .sq-actions [data-act="go"][data-tab="inicio"] { display: inline-flex; align-items: center; justify-content: center; grid-column: 1 / -1; order: 9; min-height: var(--b-hit); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx2); font-weight: 600; }

/* repetidas: uma linha só, sem caixa verde de contorno grosso */
html.ui68 section.sq .dup-callout { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: var(--b-sp3); align-items: center; margin: 0 0 var(--b-sp3); padding: 10px 12px; border: 1px solid var(--b-line); background: var(--b-s1); border-radius: var(--b-r3); }
html.ui68 section.sq .dup-ico { width: 32px; height: 32px; }
html.ui68 section.sq .dup-txt strong { font: 700 15px/1.2 var(--font-texto); }
html.ui68 section.sq .dup-txt .small { display: block; margin: 2px 0 0; font: 400 13px/1.35 var(--font-texto); color: var(--b-tx2); }
html.ui68 section.sq .dup-callout .btn { min-height: var(--b-hit); width: auto; padding: 0 14px; font: 700 14px/1.1 var(--font-texto); background: transparent; border: 1px solid var(--b-ok); color: var(--b-ok); border-radius: var(--b-r2); }
@media (max-width: 380px) { html.ui68 section.sq .dup-callout { grid-template-columns: 32px minmax(0, 1fr); } html.ui68 section.sq .dup-callout .btn { grid-column: 1 / -1; width: 100%; } }

/* filtros: uma linha rolável (pílulas de 40 px com área de 44) */
html.ui68 section.sq .seg.sq-f { display: flex; flex-wrap: nowrap; gap: var(--b-sp2); margin: 0 -16px var(--b-sp2); padding: 2px 16px 6px; width: auto; max-width: none; overflow-x: auto; scrollbar-width: none; background: none; border-radius: 0; -webkit-mask-image: none; mask-image: none; scroll-padding-inline: 16px; }
html.ui68 section.sq .seg.sq-f::-webkit-scrollbar { display: none; }
/* com MOUSE (sem toque) uma fileira que rola na horizontal sem barra não se alcança: os filtros do Elenco e a fileira de cartas iguais do "Juntar repetidas" quebram em linhas; no celular continuam rolando com o dedo */
@media (hover: hover) and (pointer: fine) {
  html.ui68 section.sq .seg.sq-f { flex-wrap: wrap; overflow-x: visible; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border: 0; }
  html.ui68 section.sq .dup-cs { flex-wrap: wrap; overflow-x: visible; }
}
html.ui68 section.sq .sq-f .seg-b { flex: none; min-height: var(--b-hit); padding: 0 14px; border-radius: 999px; background: var(--b-s2); border: 1px solid var(--b-line); color: var(--b-tx); font: 600 14px/1 var(--font-texto); position: relative; }
html.ui68 section.sq .sq-f .seg-b[aria-selected="true"] { background: var(--b-tx); border-color: var(--b-tx); color: var(--b-bg); }
html.ui68 section.sq .sq-f .seg-b[aria-selected="true"] .sq-fn { color: var(--b-bg); opacity: .75; }
html.ui68 section.sq .sq-f .sq-fn { font: 700 14px/1 var(--font-px); color: var(--b-tx2); }
html.ui68 section.sq .sq-f .sq-f-dup .sq-fn { color: var(--b-ok); }
html.ui68 section.sq .sq-f .sq-f-dup[aria-selected="true"] .sq-fn { color: var(--b-bg); }

html.ui68 section.sq .sq-h { margin: var(--b-sp5) 0 var(--b-sp2); font-size: 20px; }
html.ui68 section.sq .sq-hn { font-size: 14px; }

/* ---------------------------------------------------------------- grade compacta: 3 colunas, retrato + nota + nome (até 2 linhas) + posição + estado */
html.ui68 section.sq .grid.grid-dup,
html.ui68 .fx58b-q-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-sp2); padding: 0; margin: 0; }
html.ui68 section.sq .grid-dup { padding-top: 0; }
html.ui68 section.sq .stk,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk {
  --tier: 2; width: auto; min-width: 0; padding: 8px 6px 8px; gap: 0; align-items: center; justify-content: flex-start; text-align: center;
  border-width: 2px; border-radius: var(--b-r2); background: var(--b-s1);
  box-shadow: none; transition: transform var(--u-dur1, 100ms) var(--b-ease);
}
html.ui68 section.sq .stk:active, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk:active { transform: scale(.97); }
html.ui68 section.sq .stk.r-normal, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.r-normal { box-shadow: none; }
html.ui68 section.sq .stk.has-dup, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.has-dup { box-shadow: none; }
html.ui68 section.sq .stk.r-lenda, html.ui68 section.sq .stk.r-superlenda,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.r-lenda, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.r-superlenda { border-style: double; border-width: 4px; padding: 6px 4px 6px; box-shadow: 0 0 14px -4px var(--rc); }
/* raridade além da cor: contagem de marcas (1 a 8) no lugar do "número" da carta, e moldura dupla nas lendas */
html.ui68 .stk.r-basico { --tier: 1; } html.ui68 .stk.r-normal { --tier: 2; } html.ui68 .stk.r-raro { --tier: 3; } html.ui68 .stk.r-superraro { --tier: 4; }
html.ui68 .stk.r-sraro { --tier: 5; } html.ui68 .stk.r-epico { --tier: 6; } html.ui68 .stk.r-lenda { --tier: 7; } html.ui68 .stk.r-superlenda { --tier: 8; }
html.ui68 section.sq .stk .stk-num,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-num { position: static; order: 2; display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; height: auto; min-height: 12px; margin: 6px 0 0; padding: 0; background: none; border: 0; border-radius: 0; font: 700 11px/1 var(--font-texto); letter-spacing: 0; color: var(--b-tx2); }
html.ui68 section.sq .stk .stk-num:before,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-num:before { content: "#"; }
html.ui68 section.sq .stk .stk-num:after,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-num:after { content: ""; width: calc(var(--tier) * 7px - 2px); height: 5px; flex: none; background-image: repeating-linear-gradient(90deg, var(--rc) 0 5px, transparent 5px 7px); }
html.ui68 section.sq .stk .av,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .av { order: 1; width: min(100%, 68px); height: auto; aspect-ratio: 1; margin: 0; border-radius: var(--b-r2); background: color-mix(in srgb, var(--rc) 16%, var(--b-s2)); object-fit: contain; }
html.ui68 section.sq .stk .stk-name,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-name { order: 3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; overflow: hidden; overflow-wrap: anywhere; hyphens: manual; width: 100%; margin: 6px 0 0; min-height: calc(2 * 1.15em); font: 700 14px/1.15 var(--font-titulo); letter-spacing: .005em; text-align: center; text-overflow: clip; }
/* papel e nota: o texto do jogo inteiro ("Goleiro · nota 63"), como no clássico; a nota em destaque */
html.ui68 section.sq .stk .stk-role,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-role { order: 4; display: block; width: 100%; margin: 2px 0 0; font: 600 12px/1.25 var(--font-texto); color: var(--b-tx2); text-align: center; text-wrap: balance; }
html.ui68 section.sq .stk .stk-nota,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-nota { position: static; display: inline; padding: 0; background: none; border: 0; border-radius: 0; font: 800 12px/1.25 var(--font-texto); color: var(--b-tx); }
/* os cinco atributos (ATQ FÍS PASS DEF GLR) com barra e valor, como no clássico, em corpo pequeno */
html.ui68 section.sq .stk .bars,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bars { order: 5; display: grid; gap: 3px; width: 100%; margin: 6px 0 0; }
html.ui68 section.sq .stk .bar,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bar { display: grid; grid-template-columns: 32px minmax(0, 1fr) 24px; align-items: center; gap: 4px; font: 600 11px/1 var(--font-texto); color: var(--b-tx2); text-align: left; white-space: nowrap; }
html.ui68 section.sq .stk .bar > span:first-child,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bar > span:first-child { letter-spacing: -.01em; }
html.ui68 section.sq .stk .bar .bar-track,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bar .bar-track { display: block; height: 5px; min-width: 0; border-radius: 3px; background: var(--b-s3, color-mix(in srgb, var(--b-tx) 14%, transparent)); overflow: hidden; }
html.ui68 section.sq .stk .bar .bar-fill,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bar .bar-fill { display: block; height: 100%; border-radius: 3px; background: var(--rc); }
html.ui68 section.sq .stk .bar .num,
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .bar .num { text-align: right; color: var(--b-tx); font-variant-numeric: tabular-nums; }
html.ui68 section.sq .stk .stk-plus, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-plus { top: 6px; right: 6px; font-size: 14px; padding: 3px 5px 2px; z-index: 2; }
/* estado: ícone + texto (≥ 12 px), em fileira que quebra */
html.ui68 section.sq .stk .tags, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .tags { order: 6; justify-content: center; gap: 4px; margin: 4px 0 0; width: 100%; }
html.ui68 section.sq .stk .tags .tag, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .tags .tag { display: inline-flex; align-items: center; gap: 4px; font: 700 12px/1.2 var(--font-texto); padding: 2px 6px; border-radius: 999px; white-space: nowrap; max-width: 100%; }
html.ui68 section.sq .stk .tags .tag:before, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .tags .tag:before { content: ""; width: 12px; height: 12px; flex: none; background: currentColor; -webkit-mask: var(--b-ico-dot) center / contain no-repeat; mask: var(--b-ico-dot) center / contain no-repeat; }
@media (max-width: 359px) { html.ui68 section.sq .stk .tags .tag:before { display: none; } html.ui68 section.sq .stk .tags .tag { padding: 2px 5px; white-space: normal; text-align: center; line-height: 1.15; border-radius: var(--b-r1); } }
html.ui68 section.sq .stk .tags .tag-tit:before { -webkit-mask-image: var(--b-ico-shirt); mask-image: var(--b-ico-shirt); }
html.ui68 section.sq .stk .tags .tag-cans:before { -webkit-mask-image: var(--b-ico-moon); mask-image: var(--b-ico-moon); }
html.ui68 section.sq .stk .tags .tag-les:before { -webkit-mask-image: var(--b-ico-cross); mask-image: var(--b-ico-cross); }
html.ui68 section.sq .stk .tags .tag-exa:before { -webkit-mask-image: var(--b-ico-bolt); mask-image: var(--b-ico-bolt); }
html.ui68 section.sq .stk .tags .tag-cans, html.ui68 section.sq .stk .tags .tag-exa, html.ui68 section.sq .stk .tags .tag-les { font-size: 12px; padding: 2px 6px; }
html.ui68 section.sq .stk .fx56-fita { top: auto; bottom: 62px; font-size: 12px; left: -2px; right: -2px; }
/* "N iguais": linha própria no pé da carta (antes ficava pendurada na borda de cima) */
html.ui68 section.sq .stk .stk-dup, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk .stk-dup { position: static; transform: none; order: 7; margin: 4px 0 0; font: 700 12px/1 var(--font-texto); padding: 3px 7px; background: color-mix(in srgb, var(--b-ok) 20%, var(--b-s1)); color: var(--b-ok); border: 1px solid color-mix(in srgb, var(--b-ok) 60%, transparent); box-shadow: none; }
html.ui68 section.sq .stk .stk-dup svg { width: 12px; height: 12px; }
html.ui68 section.sq .stk.has-dup, html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.has-dup { padding-top: 8px; }

/* modos de seleção: a marca de "escolhida" e a barra de ação fixa no pé, acima da barra de abas */
html.ui68 section.sq .stk.lot-on { outline: 0; border-color: var(--b-err); box-shadow: 0 0 0 2px var(--b-err); }
html.ui68 section.sq .stk.lot-on:before { top: auto; bottom: 6px; right: 6px; left: auto; width: 24px; height: 24px; background-color: var(--b-err); box-shadow: 0 0 0 2px var(--b-s1); border-radius: 999px; }
html.ui68 section.sq .stk.lot-no { opacity: .4; }
html.ui68 section.sq .lot-bar,
html.ui68 .in-squad section.sq .lot-bar { position: sticky; bottom: calc(var(--b-nav) + env(safe-area-inset-bottom, 0px) + 8px); z-index: 12; margin: var(--b-sp4) -4px 0; padding: 12px; border: 1px solid var(--b-badge); border-radius: var(--b-r3); background: var(--b-s1); box-shadow: 0 -8px 24px -8px #000a; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; }
html.ui68 section.sq .lot-txt { margin: 0; font-size: 14px; line-height: 1.3; grid-column: 1 / -1; }
html.ui68 section.sq .lot-acts { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 8px; }
html.ui68 section.sq .lot-acts .btn { min-height: 48px; max-width: none; font: 700 16px/1.1 var(--font-texto); }
html.ui68 section.sq .lot-acts .btn-danger { background: transparent; border: 1px solid var(--b-badge); color: var(--b-err); }
html.ui68 section.sq .lot-acts .btn-danger:not(:disabled) { background: var(--b-badge); color: #fff; }
html.ui68 section.sq .lot-mais { grid-column: 1 / -1; margin: 0; display: flex; flex-wrap: wrap; gap: 0 var(--b-sp2); justify-content: space-between; }          /* "Marcar todas as reservas" e "Desmarcar" lado a lado: a barra fixa ocupa menos da janela (320x640: de 217 para ~170 px) */
html.ui68 section.sq .lot-mais .btn { flex: 1 1 0; min-width: 0; width: auto; min-height: var(--b-hit); padding: 0 8px; font-size: 13px; line-height: 1.15; white-space: normal; text-align: center; }
html.ui68 section.sq .lot-bar { margin-bottom: 0; }

/* Queimar (folha de marcação): grade compacta + barra de ação fixa (a folha já a prende no pé) */
html.ui68 .fx58b-q-grade { padding: 4px 0 12px; gap: var(--b-sp2); }
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.lot-on { outline: 0; border-color: var(--b-acc-tx); box-shadow: 0 0 0 2px var(--b-acc); }
html.ui68 :is(.fx58b-q-grade, .lj-cartas, .mk-sheet) .stk.lot-on:before { top: auto; bottom: 6px; right: 6px; left: auto; width: 24px; height: 24px; border-radius: 999px; }

/* ---------------------------------------------------------------- ícones (máscaras SVG próprias, 16x16; sem emoji) */
html.ui68 {
  --b-ico-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.2 1 3 9.2h3.6L6 15l7-8.4H9.1z'/%3E%3C/svg%3E");
  --b-ico-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.4 1c.5 2.3 3.6 3.6 3.6 7.2A4 4 0 0 1 8 12.3a4 4 0 0 1-4-4.1c0-1.5.8-2.6 1.6-3.4.1 1.2.7 1.8 1.4 2C6.7 4.6 7.2 2.6 8.4 1zM8 14.8c-2 0-3.6-1-3.6-2.3 1 .7 2.2 1 3.6 1s2.6-.3 3.6-1c0 1.3-1.6 2.3-3.6 2.3z'/%3E%3C/svg%3E");
  --b-ico-merge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2c0 5 5 4.5 5 8M13 2c0 5-5 4.5-5 8v4M5.5 11.5 8 14l2.5-2.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --b-ico-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4'/%3E%3C/svg%3E");
  --b-ico-shirt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 2 1.5 4.2l1.6 3 1.9-.8V14h6V6.4l1.9.8 1.6-3L10.500 2C10 3 9.200 3.500 8 3.500S6 3 5.500 2z'/%3E%3C/svg%3E");
  --b-ico-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.500 10.600A5.500 5.500 0 0 1 5.400 3.500 5.500 5.500 0 1 0 12.500 10.600z'/%3E%3C/svg%3E");
  --b-ico-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 2h4v4h4v4h-4v4H6v-4H2V6h4z'/%3E%3C/svg%3E");
  --b-ico-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.500 6 8 10.500 12.500 6' fill='none' stroke='%23000' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --b-ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.500 6.500 12 13 4.500' fill='none' stroke='%23000' stroke-width='2.400' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --b-ico-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.500 3.500 12.500 12.500M12.500 3.500 3.500 12.500' fill='none' stroke='%23000' stroke-width='2.400' stroke-linecap='round'/%3E%3C/svg%3E");
  --b-ico-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.500a6.500 6.500 0 1 0 0 13 6.500 6.500 0 0 0 0-13zM7.200 7h1.600v4.600H7.200zM7.200 4.400h1.600V6H7.200z'/%3E%3C/svg%3E");
  --b-ico-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.500a6.500 6.500 0 1 0 0 13 6.500 6.500 0 0 0 0-13zm.8 3v3.300l2.300 1.400-.8 1.300L7.200 8.500v-4z'/%3E%3C/svg%3E");
  --b-ico-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1l2.100 4.400 4.900.6-3.600 3.300 1 4.800L8 11.700 3.600 14.100l1-4.800L1 6l4.900-.6z'/%3E%3C/svg%3E");
}

/* ================================================================ FOLHA DA CARTA (#sheet .sheet.is-player-card) */
/* nome uma vez (título), raridade uma vez (selo com texto), etiquetas ≥ 12 px em fileira que quebra, seções com título claro e 24 px entre elas */
html.ui68 .sheet.is-player-card { border-radius: var(--b-r4); border: 1px solid var(--b-line); box-shadow: 0 24px 60px -12px #000c; }
html.ui68 .sheet.is-player-card:focus, html.ui68 .sheet.is-player-card:focus-visible { outline: 0; }
html.ui68 .sheet.is-player-card .pcard { padding: 0 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
html.ui68 .sheet.is-player-card .pcard-header { margin: 0 -16px; padding: 16px 16px 12px; gap: 12px; align-items: flex-start; background: var(--b-s1); border-bottom: 1px solid var(--b-line); box-shadow: 0 6px 12px -10px #000; }
html.ui68 .sheet.is-player-card .pcard-heading h2 { font: 800 26px/1.05 var(--font-titulo); letter-spacing: .01em; }
html.ui68 .sheet.is-player-card .pcard-heading p { margin: 6px 0 0; font-size: 12px; letter-spacing: .03em; text-transform: none; color: var(--b-tx2); font-weight: 600; }
/* fechar neutro (vermelho fica para ação destrutiva): "×" de 44 px */
html.ui68 .sheet.is-player-card .pcard-close.sheet-x { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; justify-content: center; font-size: 0; gap: 0; color: var(--b-tx); background: var(--b-s2); border: 1px solid var(--b-line2); border-radius: 999px; }
html.ui68 .sheet.is-player-card .pcard-close.sheet-x svg { width: 18px; height: 18px; }
@media (hover: hover) { html.ui68 .sheet.is-player-card .pcard-close.sheet-x:hover { background: var(--b-s3); } }

html.ui68 .sheet.is-player-card .pcard-badges { margin: 12px 0 var(--b-sp3); padding: 0; border: 0; gap: 6px; }
html.ui68 .sheet.is-player-card .pcard-badge { min-height: 28px; padding: 4px 10px; font: 600 12px/1.15 var(--font-texto); letter-spacing: .02em; text-transform: none; border-radius: 999px; color: var(--b-tx); background: var(--b-s2); border-color: var(--b-line2); gap: 6px; }
html.ui68 .sheet.is-player-card .pcard-badge[class*="r-"] { color: var(--rc, var(--b-tx)); border-color: var(--rc, var(--b-line2)); background: color-mix(in srgb, var(--rc, #9aa3ae) 16%, var(--b-s1)); font-weight: 700; }
html.ui68 .sheet.is-player-card .pcard-badge[class*="r-"]:before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: currentColor; flex: none; transform: rotate(45deg); }
html.ui68 .sheet.is-player-card .pcard-badge.is-starter { color: var(--b-acc-tx); border-color: color-mix(in srgb, var(--b-acc) 60%, transparent); background: color-mix(in srgb, var(--b-acc) 12%, var(--b-s1)); }
html.ui68 .sheet.is-player-card .pcard-badge.is-alert, html.ui68 .sheet.is-player-card .pcard-badge.is-les { color: var(--b-err); }

/* corpo: uma coluna no celular; a carta em destaque (retrato + nota + posição), sem repetir nome nem barras (elas ficam em "Atributos") */
html.ui68 .sheet.is-player-card .pcard-body { grid-template-columns: minmax(0, 1fr); gap: var(--b-sp5); }
html.ui68 .sheet.is-player-card .pcard-art { position: static; }
html.ui68 .sheet.is-player-card .pcard-art .stk { --tier: 2; max-width: 220px; padding: 12px 14px 12px; border-width: 3px; align-items: center; text-align: center; background: var(--b-s1); }
html.ui68 .sheet.is-player-card .pcard-art .stk .av { order: 1; width: 132px; height: 132px; margin: 0 auto; border-radius: var(--b-r2); background: color-mix(in srgb, var(--rc) 16%, var(--b-s2)); }
html.ui68 .sheet.is-player-card .pcard-art .stk .stk-num { position: static; order: 2; font-size: 0; line-height: 0; padding: 0; width: calc(var(--tier) * 9px - 3px); height: 6px; margin: 10px auto 0; border-radius: 0; color: transparent; background: repeating-linear-gradient(90deg, var(--rc) 0 6px, transparent 6px 9px); }
html.ui68 .sheet.is-player-card .pcard-art .stk .stk-name { display: none; }
html.ui68 .sheet.is-player-card .pcard-art .stk .stk-role { order: 3; margin: 8px 0 0; font: 600 14px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .pcard-art .stk .stk-nota { font-size: 22px; color: var(--b-tx); }
html.ui68 .sheet.is-player-card .pcard-art .stk .bars, html.ui68 .sheet.is-player-card .pcard-art .stk .tags { display: none; }
html.ui68 .sheet.is-player-card .pcard-art .stk .stk-plus { top: 8px; right: 8px; font-size: 16px; }

html.ui68 .sheet.is-player-card .pcard-details { display: flex; flex-direction: column; gap: var(--b-sp5); }
html.ui68 .sheet.is-player-card .pcard-identity { display: none; }
html.ui68 .sheet.is-player-card .pcard-attributes { order: 1; }
html.ui68 .sheet.is-player-card .pcard-xp { order: 2; }
html.ui68 .sheet.is-player-card .pcard-cond { order: 3; }
html.ui68 .sheet.is-player-card .pcard-skill { order: 4; }
html.ui68 .sheet.is-player-card .pcard-melhorar { order: 5; }
html.ui68 .sheet.is-player-card .pcard-actions { order: 6; }
html.ui68 .sheet.is-player-card .pcard-notas { order: 7; }
html.ui68 .sheet.is-player-card .pcard-duo { order: 8; }
html.ui68 .sheet.is-player-card .pcard-more, html.ui68 .sheet.is-player-card .pcard-utilities, html.ui68 .sheet.is-player-card .pcard-fusion { order: 9; }
/* o bloco "Treinar / Subir habilidade" do rodapé repete o "Como melhorar": fica só um */

html.ui68 .sheet.is-player-card .pcard-section-title { margin: 0 0 var(--b-sp2); font: 700 14px/1.2 var(--font-titulo); letter-spacing: .08em; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .pcard-skill, html.ui68 .sheet.is-player-card .pcard-duo, html.ui68 .sheet.is-player-card .pcard-more { border: 0; padding: 0; }
html.ui68 .sheet.is-player-card .pcard-skill-title h3 { font: 700 14px/1.2 var(--font-titulo); letter-spacing: .08em; text-transform: uppercase; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .pcard-skill-title small { font-size: 12px; color: var(--b-tx2); }

/* atributos: nome, valor, barra e "+" (44 px) */
html.ui68 .sheet.is-player-card .pcard-attributes { gap: 0; }
html.ui68 .sheet.is-player-card .pcard-attr { grid-template-columns: 44px 52px minmax(40px, 1fr) 44px; gap: 10px; min-height: 44px; padding: 0; border-bottom: 1px solid color-mix(in srgb, var(--b-line) 60%, transparent); }
html.ui68 .sheet.is-player-card .pcard-attr:last-of-type { border-bottom: 0; }
html.ui68 .sheet.is-player-card .pcard-attr-name { font: 700 14px/1.2 var(--font-titulo); letter-spacing: .04em; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .pcard-attr-value { font: 800 22px/1 var(--font-titulo); text-align: right; }
html.ui68 .sheet.is-player-card .pcard-attr-meter { height: 8px; border-radius: 4px; background: var(--b-s3); }
html.ui68 .sheet.is-player-card .pcard-plus.btn { width: 44px; min-width: 44px; height: 44px; min-height: 44px; border-radius: 999px; font-size: 24px; border-color: var(--b-line); }
html.ui68 .sheet.is-player-card .pcard-plus.btn:disabled { opacity: .35; }
html.ui68 .sheet.is-player-card .pcard-points { margin: var(--b-sp3) 0 0; font-size: 14px; gap: 8px 12px; }
html.ui68 .sheet.is-player-card .pcard-points strong { font: 700 15px/1.2 var(--font-titulo); letter-spacing: .03em; }
html.ui68 .sheet.is-player-card .pcard-points-note { font-size: 12px; flex-basis: 100%; }
html.ui68 .sheet.is-player-card .pcard-point-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: var(--b-sp2); }
html.ui68 .sheet.is-player-card .pcard-point-actions .btn { min-height: 44px; font: 700 14px/1.1 var(--font-texto); border-radius: var(--b-r2); padding: 0 10px; }
html.ui68 .sheet.is-player-card .pcard-point-actions .pcard-confirm { font: 700 14px/1.1 var(--font-texto); color: var(--b-acc-tx); border-color: color-mix(in srgb, var(--b-acc) 70%, transparent); background: transparent; }
html.ui68 .sheet.is-player-card .fx53-pts-ajuda { margin: 4px 0 0; font-size: 12px; line-height: 1.4; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .fx53-refazer .btn { min-height: 44px; }

/* nível / XP */
html.ui68 .sheet.is-player-card .pcard-xp-top strong { font: 800 22px/1 var(--font-titulo); }
html.ui68 .sheet.is-player-card .pcard-xp-top small { font-size: 14px; }
html.ui68 .sheet.is-player-card .pcard-meter { height: 10px; border-radius: 5px; background: var(--b-s3); }
html.ui68 .sheet.is-player-card .pcard-xp > p, html.ui68 .sheet.is-player-card .pcard-action-note { font-size: 12px; text-align: left; margin: 8px 0 0; color: var(--b-tx2); }

/* condição */
html.ui68 .sheet.is-player-card .pcard-cond .fx55-cond { border-radius: var(--b-r3); }
html.ui68 .sheet.is-player-card .fx55-linha, html.ui68 .sheet.is-player-card .fx56-pronto, html.ui68 .sheet.is-player-card .fx56-passos p { font-size: 14px; }
html.ui68 .sheet.is-player-card .fx56-como { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; }

/* habilidade */
html.ui68 .sheet.is-player-card .fx53-hab { padding: 12px 14px; border-radius: var(--b-r2); background: var(--b-s2); }
html.ui68 .sheet.is-player-card .pcard-skill-name { font: 700 17px/1.2 var(--font-texto); }
html.ui68 .sheet.is-player-card .pcard-skill-desc { font-size: 14px; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .fx53-hab-n { font-size: 14px; }
html.ui68 .sheet.is-player-card .fx53-nivel { font-size: 14px; }
html.ui68 .sheet.is-player-card .fx53-acoes { gap: var(--b-sp2); }
html.ui68 .sheet.is-player-card .fx53-btn { min-height: 48px; border-radius: var(--b-r2); font: 700 15px/1.15 var(--font-texto); background: transparent; border: 1px solid var(--b-line2); }
html.ui68 .sheet.is-player-card .fx53-btn-sup { border-color: color-mix(in srgb, var(--b-acc) 70%, transparent); color: var(--b-acc-tx); }
html.ui68 .sheet.is-player-card .pcard-skill-title h3 { font: 700 14px/1.2 var(--font-titulo); letter-spacing: .08em; text-transform: uppercase; }

/* como melhorar (treinar / subir habilidade): linhas simples; Treinar é o CTA da folha */
html.ui68 .sheet.is-player-card .pcard-melhorar { display: grid; gap: var(--b-sp2); }
html.ui68 .sheet.is-player-card .fx56-intro { margin: 0; font-size: 14px; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .fx56-ml { display: grid; gap: var(--b-sp3); margin: 0; padding: 0; list-style: none; }
html.ui68 .sheet.is-player-card .fx56-via { padding: 12px 14px; border: 1px solid var(--b-line); border-radius: var(--b-r3); background: var(--b-s2); display: grid; gap: 8px; }
html.ui68 .sheet.is-player-card .fx56-via-t strong { font: 700 17px/1.2 var(--font-texto); }
html.ui68 .sheet.is-player-card .fx56-custo { font-size: 14px; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .fx56-por { margin: 0; font-size: 14px; line-height: 1.4; color: var(--b-tx2); }
html.ui68 .sheet.is-player-card .fx56-acoes .btn { width: 100%; min-height: 48px; border-radius: var(--b-r2); font: 700 16px/1.1 var(--font-texto); background: transparent; border: 1px solid var(--b-line2); }
html.ui68 .sheet.is-player-card .fx56-via[data-via="treino"] .fx56-acoes .btn:not(:disabled) { min-height: 52px; background: var(--b-acc); border-color: var(--b-acc-tx); color: var(--b-on-acc); font: 800 20px/1 var(--font-titulo); letter-spacing: .01em; box-shadow: 0 4px 0 #a88600; }
html.ui68 .sheet.is-player-card .fx56-falta { margin: 0; font-size: 14px; }
html.ui68 .sheet.is-player-card .pcard-actions .btn { min-height: 52px; border-radius: var(--b-r2); box-shadow: none; }
html.ui68 .sheet.is-player-card .ux62-trava-nota { font-size: 12px; margin: 0; }

/* notas, dupla, mais opções */
html.ui68 .sheet.is-player-card .pcard-notas .fx66a-fn-vazio { font-size: 14px; color: var(--b-tx2); margin: 0; }
html.ui68 .sheet.is-player-card .pcard-duo { padding: 12px 14px; font-size: 14px; background: var(--b-s2); border-radius: var(--b-r2); gap: 4px 8px; display: grid; }
html.ui68 .sheet.is-player-card .pcard-duo strong { font: 700 14px/1.2 var(--font-titulo); letter-spacing: .06em; }
html.ui68 .sheet.is-player-card .pcard-duo small { font-size: 12px; }
/* pictograma que o texto do jogo traz na frente (link antes de "Dupla de cartas", seta antes de "Subir habilidade"): marcado pelo JS (data-b68-emo); some só o primeiro caractere */
html.ui68 [data-b68-emo]::first-letter { font-size: 0; line-height: 0; }
html.ui68 .pcard-evolve > span[data-b68-emo] { display: block; }
html.ui68 .sheet.is-player-card .pcard-more { font-size: 14px; }
html.ui68 .sheet.is-player-card .pcard-more summary { min-height: 44px; display: flex; align-items: center; font-size: 15px; }
html.ui68 .sheet.is-player-card .pcard-option p { font-size: 14px; }
html.ui68 .sheet.is-player-card .pcard-utilities .btn, html.ui68 .sheet.is-player-card .pcard-fusion .btn { min-height: 44px; font-size: 14px; }
html.ui68 .sheet.is-player-card .pcard-utilities .btn-danger { background: transparent; border-color: var(--b-badge); color: var(--b-err); }

/* ================================================================ LOJA (section.loja): sem caixas aninhadas; ouro = moeda; amarelo só no CTA primário */
/* botão de preço (comprar): contorno neutro, valor em ouro; o amarelo cheio fica para o CTA primário da tela */
html.ui68 section.loja .btn.btn-sm, html.ui68 section.loja .lj-preco, html.ui68 .it-acts .btn, html.ui68 .fld-foot .btn { min-height: var(--b-hit); border-radius: var(--b-r2); font: 700 15px/1.1 var(--font-texto); letter-spacing: 0; box-shadow: none; background: var(--b-s2); border: 1px solid var(--b-line2); color: var(--b-tx); padding: 0 10px; white-space: nowrap; }
html.ui68 section.loja .btn.btn-sm:active, html.ui68 section.loja .btn-lg:active { transform: scale(.97); transition: transform 100ms var(--b-ease); }
html.ui68 section.loja .lj-preco { gap: 6px; justify-content: center; color: var(--b-acc-tx); border-color: color-mix(in srgb, var(--b-acc) 55%, var(--b-line)); font-variant-numeric: tabular-nums; }
html.ui68 .it-acts .btn .pxn, html.ui68 .fld-foot .btn .pxn { color: var(--b-acc-tx); font-variant-numeric: tabular-nums; }
html.ui68 section.loja .btn[disabled] { opacity: .45; }
html.ui68 section.loja .why { font-size: 14px; }

/* ícone dos avisos: o clássico reserva 44px à esquerda; o padding genérico de .notice (parte A) zerava isso e o ícone cobria o começo do texto */
html.ui68 .notice:is(.notice-ok, .notice-info, .notice-warn, .notice-err) { padding-left: 44px; }

/* selo de patente do Clube (botão "Estagiário"): alvo de 44 px, com o desenho de pílula (e a cor da patente) num pseudo-elemento */
html.ui68 .club-head .fx66b-selo { position: relative; isolation: isolate; min-height: 44px; margin-top: -9px; margin-bottom: -9px; background: none; border: 0; padding-left: 3px; padding-right: 12px; }
html.ui68 .club-head .fx66b-selo:before { content: ""; position: absolute; inset: 9px 0; z-index: -1; border: 1px solid; border-color: inherit; border-radius: 999px; background: var(--b-s2); }
/* setas do Passe: alvo de 44 px */
html.ui68 .lj-pz-nav [data-act="lj-pz-rola"], html.ui68 button[data-act="lj-pz-rola"] { min-width: 44px; min-height: 44px; }

/* ---- Fut Coin */
html.ui68 .lj { gap: var(--b-sp5); max-width: none; }
html.ui68 .lj-topo { flex-wrap: nowrap; gap: var(--b-sp3); padding: 12px 14px; background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .lj-saldo { gap: 10px; min-width: 0; }
html.ui68 .lj-saldo b { font: 800 28px/1 var(--font-titulo); letter-spacing: 0; color: var(--b-acc-tx); font-variant-numeric: tabular-nums; }
html.ui68 .lj-saldo small { font-size: 14px; color: var(--b-tx2); margin-top: 4px; }
/* o CSS clássico usa !important no .lj-dinheiro (contorno dourado): o primário preenchido precisa vencer isso */
html.ui68 .lj-topo .lj-dinheiro, html.ui68 .lj-topo .lj-dinheiro:hover { flex: none; min-height: 48px; padding: 0 16px; border: 0; border-radius: var(--b-r2); background: var(--b-acc) !important; color: var(--b-on-acc) !important; font: 800 18px/1 var(--font-titulo); letter-spacing: .01em; box-shadow: 0 4px 0 #a88600 !important; }
html.ui68 .lj-topo .lj-dinheiro:active { transform: translateY(2px) scale(.98); box-shadow: 0 2px 0 #a88600 !important; }
@media (max-width: 359px) { html.ui68 .lj-topo { flex-wrap: wrap; } html.ui68 .lj-topo .lj-dinheiro { width: 100%; } }
html.ui68 .lj-nav { margin: 0 -16px; padding: 2px 16px; }
/* seções planas: o título e o conteúdo, sem caixa em volta (os cartões de dentro são as únicas caixas) */
html.ui68 .lj-sec { background: none; border: 0; border-radius: 0; padding: 0; }
html.ui68 .lj-sec h3, html.ui68 .lj-grupo { margin: 0; font: 800 20px/1.15 var(--font-titulo); letter-spacing: .01em; color: var(--b-tx); }
html.ui68 .lj-grupo { margin-top: var(--b-sp3); font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--b-tx2); }
html.ui68 .lj-sec-h { align-items: baseline; gap: 4px var(--b-sp3); }
html.ui68 .lj-relogio { font: 600 14px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 .lj-sec > .muted { margin: 4px 0 var(--b-sp3); font-size: 14px; line-height: 1.4; }
html.ui68 .lj-eyebrow { margin: var(--b-sp2) 0 0; font: 800 18px/1.2 var(--font-titulo); letter-spacing: .01em; text-transform: none; color: var(--b-tx); }
html.ui68 .lj-lim { gap: var(--b-sp2); margin: 6px 0 var(--b-sp2); align-items: center; }
html.ui68 .lj-lim-i { border-radius: 999px; border-left-width: 1px; padding: 6px 12px; font-size: 14px; }
/* vitrine: 3 cartas compactas em linha (retrato, nota, nome, posição) + botão de preço */
html.ui68 .lj-cartas, html.ui68 .lj-vit-linha .lj-cartas, html.ui68 .lj-vit-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; padding-bottom: 0; gap: var(--b-sp2); margin-top: var(--b-sp2); }
html.ui68 .lj-carta { gap: 6px; align-content: start; }
html.ui68 .lj-carta .stk { width: 100%; }
html.ui68 .lj-carta-r, html.ui68 .lj-vit-linha .lj-carta-r { display: block; position: static; justify-self: center; font: 700 12px/1 var(--font-texto); letter-spacing: .02em; padding: 4px 8px; border-radius: 999px; background: color-mix(in srgb, var(--rc, #9aa3ae) 20%, var(--b-s1)); border: 1px solid var(--rc, var(--b-line2)); color: var(--b-tx); }
html.ui68 .lj-carta .lj-preco { width: 100%; padding: 0 6px; }
html.ui68 .lj-carta .lj-preco .lj-ic { width: 16px !important; height: 16px !important; }
html.ui68 .lj-vit-linha { display: grid; gap: 6px; margin-top: var(--b-sp3); }
html.ui68 .lj-vit-r { margin: 0; font: 700 16px/1.2 var(--font-titulo); letter-spacing: .02em; color: var(--rc, var(--b-tx)); }
/* itens da vitrine e do visual: grade de blocos (arte, nome, preço), sem caixa por item */
html.ui68 .lj-grade, html.ui68 .lj-grade-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-sp4) var(--b-sp3); }
html.ui68 .lj-it { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; justify-items: stretch; align-content: start; gap: 8px; padding: 0; background: none; border: 0; border-radius: 0; }
html.ui68 .lj-it.on { box-shadow: none; }
html.ui68 .lj-it-art { grid-row: auto; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: var(--b-r2); border: 1px solid var(--b-line); }
/* "Ouvir" (▶) do Hino e batucada: o botão do jogo tem 30 px; aqui o botão mede 44x44 (alvo de toque inteiro, sem depender de pseudo-elemento) e o círculo desenhado continua de 30 px */
html.ui68 .lj-ouvir { width: 44px; height: 44px; right: 0; bottom: 0; border-radius: 0; background: radial-gradient(circle, var(--accent) 0 15px, transparent 15.5px); }
html.ui68 .lj-it-txt { gap: 2px; }
html.ui68 .lj-it-txt strong { font: 700 16px/1.2 var(--font-texto); }
html.ui68 .lj-it-txt small { font-size: 13px; line-height: 1.35; color: var(--b-tx2); }
html.ui68 .lj-it-bt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
html.ui68 .lj-it-bt .btn { width: 100%; }
html.ui68 .lj .lj-it-bt .lj-em-uso { border-color: var(--b-ok) !important; color: var(--b-ok) !important; }
/* Fundador e Sócio: linhas simples */
html.ui68 .lj-fund { grid-template-columns: 72px minmax(0, 1fr); gap: var(--b-sp3) var(--b-sp4); align-items: start; padding: var(--b-sp4); background: var(--b-s1); border: 1px solid color-mix(in srgb, var(--b-acc) 45%, var(--b-line)); border-radius: var(--b-r3); }
html.ui68 .lj-fund-txt { display: grid; gap: 6px; }
html.ui68 .lj-fund h3 { font: 800 22px/1.1 var(--font-titulo); }
html.ui68 .lj-fund .lj-eyebrow { margin: 0; font: 700 12px/1.2 var(--font-texto); letter-spacing: .06em; text-transform: uppercase; color: var(--b-acc-tx); }
html.ui68 .lj-fund ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--b-tx); }
html.ui68 .lj-fund .lj-dinheiro { min-height: 48px; width: 100%; border: 0; border-radius: var(--b-r2); font: 800 17px/1 var(--font-titulo); }
html.ui68 .lj-fund .lj-dinheiro, html.ui68 .lj-fund .lj-dinheiro:hover { background: transparent !important; color: var(--b-acc-tx) !important; box-shadow: inset 0 0 0 1px var(--b-acc-bd) !important; }
/* Sócio: cartão único; "Assinar" é o CTA primário da página; o "Comprar Fut Coin" do topo vira contorno nas abas Passe e Sócio */
html.ui68 .lj-sec.lj-socio { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--b-sp4); row-gap: var(--b-sp3); align-items: start; padding: var(--b-sp4); background: var(--b-s1); border: 1px solid color-mix(in srgb, var(--b-acc) 45%, var(--b-line)); border-radius: var(--b-r3); }
html.ui68 .lj-socio-art { grid-row: 1 / span 2; }
html.ui68 .lj-socio > div:not(.lj-socio-art) { display: contents; }
html.ui68 .lj-socio .lj-eyebrow { grid-column: 2; margin: 0; align-self: end; font: 700 12px/1.2 var(--font-texto); letter-spacing: .06em; text-transform: uppercase; color: var(--b-acc-tx); }
html.ui68 .lj-socio h3 { grid-column: 2; align-self: start; }
html.ui68 .lj-socio .lj-lista, html.ui68 .lj-socio .lj-dinheiro, html.ui68 .lj-socio .muted { grid-column: 1 / -1; }
html.ui68 .lj-socio .lj-lista { display: grid; gap: 6px; padding: 0; list-style: none; font-size: 15px; line-height: 1.4; color: var(--b-tx2); }
html.ui68 .lj-socio .lj-lista li { position: relative; padding-left: 22px; }
html.ui68 .lj-socio .lj-lista li:before { content: ""; position: absolute; left: 0; top: .28em; width: 14px; height: 14px; background: var(--b-ok); -webkit-mask: var(--b-ico-check) center / contain no-repeat; mask: var(--b-ico-check) center / contain no-repeat; }
html.ui68 .lj-socio .lj-lista b { color: var(--b-tx); font-weight: 700; }
html.ui68 .lj-socio .lj-dinheiro { min-height: 52px; width: 100%; border: 0; border-radius: var(--b-r2); font: 800 19px/1 var(--font-titulo); }
html.ui68 .lj-socio .lj-dinheiro, html.ui68 .lj-socio .lj-dinheiro:hover { background: var(--b-acc) !important; color: var(--b-on-acc) !important; box-shadow: 0 4px 0 #a88600 !important; }
html.ui68 .lj-socio .lj-dinheiro:active { transform: translateY(2px) scale(.98); box-shadow: 0 2px 0 #a88600 !important; }
html.ui68 .lj-socio .muted { margin: 0; font-size: 14px; }
html.ui68 .lj-sec.fx66b-mural > p.muted { margin: 0; }
html.ui68 .fx66b-mural { display: grid; gap: 6px; }
html.ui68 .lj:is([data-aba="passe"], [data-aba="socio"]) .lj-topo .lj-dinheiro, html.ui68 .lj:is([data-aba="passe"], [data-aba="socio"]) .lj-topo .lj-dinheiro:hover { background: transparent !important; color: var(--b-acc-tx) !important; border: 0; box-shadow: inset 0 0 0 1px var(--b-acc-bd) !important; }
html.ui68 .lj-socio-mini { gap: var(--b-sp3); padding: 12px 14px; background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .lj-socio-mini strong { font: 700 16px/1.2 var(--font-texto); }
html.ui68 .lj-socio-mini small { font-size: 13px; line-height: 1.35; color: var(--b-tx2); }
html.ui68 .lj-socio-mini .btn { flex: none; min-width: 64px; }
/* recolhíveis (Como funciona, Histórico, seções do Visual): título + contagem + seta, alvo de 56 px */
html.ui68 details.lj-dobra, html.ui68 details.lj-ajuda { background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); padding: 0 var(--b-sp4); }
html.ui68 details.lj-dobra > summary { display: flex; align-items: center; gap: var(--b-sp3); min-height: 56px; padding: 0; list-style: none; cursor: pointer; }
html.ui68 details.lj-dobra > summary::-webkit-details-marker { display: none; }
html.ui68 details.lj-dobra > summary h3 { flex: 1; min-width: 0; font: 800 18px/1.2 var(--font-titulo); }
html.ui68 details.lj-dobra > summary:after { content: ""; width: 20px; height: 20px; flex: none; margin: 0; border: 0; transform: none; background: var(--b-tx2); -webkit-mask: var(--b-ico-chev) center / contain no-repeat; mask: var(--b-ico-chev) center / contain no-repeat; transition: transform var(--u-dur2, 160ms) var(--b-ease); }
html.ui68 details.lj-dobra[open] > summary:after { transform: rotate(180deg); }
html.ui68 details.lj-dobra[open] > summary { margin-bottom: 0; }
html.ui68 details.lj-dobra > summary:focus-visible { outline: 2px solid var(--b-acc); outline-offset: 2px; border-radius: var(--b-r2); }
html.ui68 details.lj-dobra > :not(summary) { margin-bottom: var(--b-sp4); }
html.ui68 .lj-qtd { min-width: 28px; padding: 3px 9px; text-align: center; border-radius: 999px; background: var(--b-s3); color: var(--b-tx); font: 700 14px/1.2 var(--font-px); }
html.ui68 .lj-lista { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.55; color: var(--b-tx2); }
html.ui68 .lj-compras { background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); padding: var(--b-sp4); }
html.ui68 .lj-compras > .muted { margin: 6px 0 0; }
html.ui68 .lj-compras-l li { background: none; border: 0; border-top: 1px solid var(--b-line); border-radius: 0; padding: 10px 0; }
html.ui68 .lj-fichas { font-size: 14px; }

/* ---- Cartas: pacote em destaque, CTA grande, outros dois secundários, chances recolhidas */
html.ui68 .pk-hero.pk-loja { grid-template-columns: 88px minmax(0, 1fr); grid-template-areas: "art txt" "buy buy" "odds odds"; gap: var(--b-sp4); margin: 0; max-width: none; padding: var(--b-sp4); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r4); }
html.ui68 .pk-loja .pk-mini { width: 88px; border-radius: var(--b-r2); }
html.ui68 .pk-loja .pk-hero-txt h2 { margin: 0 0 4px; font: 800 24px/1.1 var(--font-titulo); }
html.ui68 .pk-loja .pk-hero-txt p { font-size: 14px; line-height: 1.4; }
html.ui68 .pk-loja .pk-hero-buy { gap: var(--b-sp2); }
html.ui68 .pk-loja .pk-hero-buy .btn-lg { min-height: 56px; border-radius: var(--b-r2); font: 800 20px/1 var(--font-titulo); box-shadow: 0 4px 0 #a88600; }
html.ui68 .pk-loja .pk-hero-buy .btn-lg:active { transform: translateY(2px) scale(.98); box-shadow: 0 2px 0 #a88600; }
html.ui68 .pk-more .btn { min-height: 48px; border-radius: var(--b-r2); font: 700 15px/1.15 var(--font-texto); background: var(--b-s2); border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; }
html.ui68 .fx-pk-preco { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; font-variant-numeric: tabular-nums; }
html.ui68 .pk-loja .pk-hero-odds { text-align: left; }
html.ui68 .pk-hero-odds > h3 { margin: 12px 0 8px; font: 700 14px/1.3 var(--font-texto); color: var(--b-tx2); }
html.ui68 .odds-c li { min-height: 36px; padding: 6px 10px; font-size: 14px; background: var(--b-s2); border-radius: var(--b-r1); }
html.ui68 .odds-c li strong { font: 700 14px/1 var(--font-texto); font-variant-numeric: tabular-nums; }
/* chances de cada raridade: sempre abertas, como no clássico (o "Ver chances" do ux62, quando ligado, é do jogo e só ganha o mesmo acabamento) */
html.ui68 .pk-hero-odds [data-ux62="verchances"] { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: var(--b-hit); margin: 0; padding: 0 14px; border: 1px solid var(--b-line2); border-radius: var(--b-r2); background: transparent; color: var(--b-tx); font: 600 15px/1 var(--font-texto); text-decoration: none; cursor: pointer; }
html.ui68 .pk-hero-odds [data-ux62="verchances"]:after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--b-ico-chev) center / contain no-repeat; mask: var(--b-ico-chev) center / contain no-repeat; transition: transform var(--u-dur2, 160ms) var(--b-ease); }
html.ui68 .pk-hero-odds [aria-expanded="true"]:after { transform: rotate(180deg); }

/* ---- Itens (consumíveis de forma): linha com arte, texto e dois botões */
html.ui68 .it-lead, html.ui68 .fld-lead { margin: 0 0 var(--b-sp3); font-size: 14px; line-height: 1.45; color: var(--b-tx2); }
html.ui68 .it-list { gap: var(--b-sp3); margin: 0; }
html.ui68 .it-card { grid-template-columns: 56px minmax(0, 1fr); gap: 0 var(--b-sp3); padding: var(--b-sp3); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .it-card .shop-ico { width: 56px; height: 56px; border-radius: var(--b-r2); background: var(--b-s2); }
html.ui68 .it-txt strong { font: 800 18px/1.15 var(--font-titulo); }
html.ui68 .it-txt .muted.small { font-size: 14px; line-height: 1.4; }
html.ui68 .it-have { font: 700 14px/1.3 var(--font-texto); color: var(--b-ok); }
html.ui68 .it-zero .it-have { color: var(--b-tx2); font-weight: 600; }
html.ui68 .it-acts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b-sp2); margin-top: var(--b-sp3); }
html.ui68 .it-acts .btn { flex: none; min-height: 48px; width: 100%; }
html.ui68 .it-acts .it-fora { grid-column: 1 / -1; font-size: 14px; }

/* ---- Campos: grade de 2 colunas (prévia, nome, descrição de 2 linhas, ação) */
html.ui68 .fld-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-sp3); margin: 0; }
html.ui68 .fld-item { grid-template-columns: minmax(0, 1fr); gap: var(--b-sp2); padding: var(--b-sp2); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); align-content: start; }
html.ui68 .fld-item > :first-child, html.ui68 .sheet .fld-item > :first-child { width: 100%; }
html.ui68 .fld-item.is-sel { border: 2px solid var(--b-ok); padding: calc(var(--b-sp2) - 1px); }
html.ui68 .fld-prev { border-radius: var(--b-r2); }
html.ui68 .fld-txt { gap: 4px; padding: 0 4px 4px; }
html.ui68 .fld-txt strong { font: 800 17px/1.15 var(--font-titulo); }
html.ui68 .fld-txt .muted.small { font-size: 13px; line-height: 1.35; }
html.ui68 .fld-foot { min-height: 0; margin-top: 4px; }
html.ui68 .fld-foot .btn { width: 100%; margin: 0; }
html.ui68 .fld-foot .tag-own { display: inline-flex; align-items: center; gap: 6px; font: 700 14px/1.2 var(--font-texto); padding: 6px 10px; border-radius: 999px; background: color-mix(in srgb, var(--b-ok) 18%, var(--b-s1)); color: var(--b-ok); border: 1px solid color-mix(in srgb, var(--b-ok) 55%, transparent); }
html.ui68 .fld-foot .tag-own:before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--b-ico-check) center / contain no-repeat; mask: var(--b-ico-check) center / contain no-repeat; }
/* ponte "Gramado → Campos" do Visual */
html.ui68 .lj-ponte { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px var(--b-sp3); align-items: center; padding: 12px var(--b-sp4); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .lj-ponte h3 { grid-column: 1; font-size: 18px; }
html.ui68 .lj-ponte > .muted { grid-column: 1; margin: 0; }
html.ui68 .lj-ponte .btn { grid-column: 2; grid-row: 1 / span 2; }

/* ================================================================ LEILÃO (sview=mercado) */
html.ui68 .lei-topo { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px var(--b-sp3); margin: 0 0 var(--b-sp2); }
html.ui68 .lei-faixa { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font: 700 14px/1.2 var(--font-texto); background: color-mix(in srgb, var(--b-ok) 16%, var(--b-s1)); border: 1px solid color-mix(in srgb, var(--b-ok) 55%, transparent); color: var(--b-ok); }
html.ui68 .lei-faixa:before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--b-ico-clock) center / contain no-repeat; mask: var(--b-ico-clock) center / contain no-repeat; }
html.ui68 .lei-faixa { justify-self: start; grid-column: 1; grid-row: 1; }
html.ui68 .lei-topo > .muted { grid-column: 1 / -1; grid-row: 2; font-size: 14px; color: var(--b-tx2); font-variant-numeric: tabular-nums; }
html.ui68 .lei-topo .btn-quiet { grid-column: 2; grid-row: 1; min-width: var(--b-hit); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); }
html.ui68 .fx-lei-lim { margin: 0 0 var(--b-sp2); padding: 0; background: none; border: 0; border-radius: 0; font-size: 14px; line-height: 1.35; }
html.ui68 .fx-lei-lim strong { font-weight: 600; color: var(--b-tx2); }
html.ui68 .fx-lei-lim .muted { display: block; margin-top: 2px; font-size: 13px; color: var(--b-tx2); }
html.ui68 .fx-lei-lim.cheio { padding: 8px 12px; border-radius: var(--b-r2); background: color-mix(in srgb, var(--b-badge) 14%, var(--b-s1)); border: 1px solid var(--b-badge); }
html.ui68 .fx-lei-lim.cheio strong { color: var(--b-err); }
/* as chips Leilão · Meus lances · Leiloar não têm ícone: sem o espaço vazio da regra dos outros sub-menus */
html.ui68 .seg-tabs.seg-sub .seg-b[data-act="leiver"]::before, html.ui68 .seg.seg-sub .seg-b[data-act="leiver"]::before { display: none; }
html.ui68 details.como { margin: 0 0 var(--b-sp3); }
html.ui68 details.como > summary { min-height: var(--b-hit); padding: 0 4px; font: 600 15px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 details.como > :not(summary) { max-width: 62ch; margin-left: 4px; margin-right: 4px; font-size: 14px; line-height: 1.5; color: var(--b-tx2); }
/* lotes: linha compacta (retrato · nome · nota/posição · "Leiloado por" · estado) + rodapé (lance, "i", "Dar lance") */
html.ui68 .mk-list { gap: var(--b-sp2); margin: 0 0 var(--b-sp4); }
html.ui68 .mk-card { display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: var(--b-sp3); row-gap: 2px; align-items: start; padding: var(--b-sp3); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .mk-card > .mstk { grid-column: 1; grid-row: 1 / span 4; width: 52px; height: 68px; border-width: 2px; border-radius: var(--b-r2); padding-bottom: 4px; }
html.ui68 .mk-card .mstk .av { width: 42px; height: 42px; }
html.ui68 .mk-card .mstk-plus { top: 2px; right: 2px; font-size: 12px; }
html.ui68 .mk-body { display: contents; }
html.ui68 .mk-body > * { grid-column: 2; min-width: 0; }
html.ui68 .mk-name { font: 800 18px/1.15 var(--font-titulo); white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
html.ui68 .mk-line { font-size: 14px; line-height: 1.35; color: var(--b-tx); }
html.ui68 .mk-line.muted { color: var(--b-tx2); }
html.ui68 .mk-line .selo { font-size: 12px; padding: 3px 6px 2px; border-radius: 6px; }
html.ui68 .mk-body > .mk-foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px var(--b-sp2); margin: 6px 0 0; padding: 0; }
html.ui68 .mk-foot > .muted.small { font-size: 14px; color: var(--b-tx2); }
html.ui68 .mk-foot .pchip { min-height: 36px; padding: 0 12px 0 10px; background: var(--b-s2); border-color: var(--b-line2); font-size: 18px; }
html.ui68 .lei-acoes { margin-left: auto; display: inline-flex; align-items: center; gap: var(--b-sp2); }
html.ui68 .lei-acoes .btn, html.ui68 .mk-foot .btn { min-height: var(--b-hit); padding: 0 16px; border-radius: var(--b-r2); box-shadow: none; font: 700 15px/1.1 var(--font-texto); }
html.ui68 section.loja .lei-acoes .btn.btn-primary { background: transparent; color: var(--b-acc-tx); border: 1px solid var(--b-acc-bd); }
html.ui68 section.loja .lei-acoes .btn.btn-primary:active { background: color-mix(in srgb, var(--b-acc) 16%, transparent); }
html.ui68 .btn.lei-info { width: var(--b-hit); min-width: var(--b-hit); padding: 0; border-radius: 999px; background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); font: italic 700 18px/1 Georgia, "Times New Roman", serif; }
html.ui68 .lei-lider, html.ui68 .lei-superado { display: inline-flex; align-items: center; gap: 6px; font: 700 14px/1.2 var(--font-texto); padding: 3px 10px 3px 8px; border-radius: 999px; }
html.ui68 .lei-lider { color: var(--b-ok); background: color-mix(in srgb, var(--b-ok) 16%, var(--b-s1)); border: 1px solid color-mix(in srgb, var(--b-ok) 55%, transparent); }
html.ui68 .lei-superado { color: var(--b-err); background: color-mix(in srgb, var(--b-badge) 16%, var(--b-s1)); border: 1px solid color-mix(in srgb, var(--b-badge) 60%, transparent); }
html.ui68 .lei-lider:before, html.ui68 .lei-superado:before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--b-ico-check) center / contain no-repeat; mask: var(--b-ico-check) center / contain no-repeat; }
html.ui68 .lei-superado:before { -webkit-mask-image: var(--b-ico-x); mask-image: var(--b-ico-x); }
html.ui68 .mk-empty { padding: var(--b-sp5) var(--b-sp4); border-radius: var(--b-r3); background: var(--b-s1); border: 1px dashed var(--b-line2); font-size: 15px; }
html.ui68 .mk-sell { gap: var(--b-sp3); margin: 0 0 var(--b-sp4); }
html.ui68 .mk-sell .btn-primary { order: -1; width: 100%; min-height: 56px; border-radius: var(--b-r2); font: 800 20px/1 var(--font-titulo); box-shadow: 0 4px 0 #a88600; }
html.ui68 .mk-sell p { font-size: 14px; line-height: 1.45; color: var(--b-tx2); }

/* ================================================================ CLUBE (section.clube): identidade no alto, números em grade de 3, sem caixas aninhadas */
html.ui68 .clube { display: block; }
html.ui68 .clube .panel { background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); padding: var(--b-sp4); margin: 0; box-shadow: none; }
html.ui68 .clube .panel-h { margin: 0 0 var(--b-sp3); font: 800 20px/1.15 var(--font-titulo); letter-spacing: .005em; color: var(--b-tx); }
html.ui68 .clube .cl-grid { display: grid; gap: var(--b-sp3); margin-bottom: var(--b-sp4); }
/* celular: identidade, números, resultados, recordes, troféus, por competição, destaques */
@media (max-width: 959.98px) {
  html.ui68 .clube .cl-grid > .club-head { order: -1; }
  html.ui68 .clube .cl-grid .cl-o1 { order: 1; } html.ui68 .clube .cl-grid .cl-o2 { order: 2; } html.ui68 .clube .cl-grid .cl-o6 { order: 3; }
  html.ui68 .clube .cl-grid .cl-o4 { order: 4; } html.ui68 .clube .cl-grid .cl-o3 { order: 5; } html.ui68 .clube .cl-grid .cl-o5 { order: 6; } html.ui68 .clube .cl-grid .cl-o7 { order: 7; }
}
html.ui68 .placar i { color: var(--b-tx2); }
/* identidade */
html.ui68 .club-head { display: block; }
html.ui68 .club-head h2.fx-com-emblema { display: flex; align-items: center; gap: var(--b-sp3); margin: 0 0 2px; font: 800 26px/1.1 var(--font-titulo); letter-spacing: .005em; overflow-wrap: anywhere; }
html.ui68 .club-head .fx-emblema-mini svg { width: 52px; height: auto; display: block; }
html.ui68 .club-head p { margin: 2px 0 0; font-size: 14px; line-height: 1.4; }
html.ui68 .club-head p.muted { color: var(--b-tx2); }
html.ui68 .club-head .cl-mgr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; font-size: 16px; color: var(--b-tx); }
html.ui68 .club-head .cl-mgr .px { font-size: 16px; }
html.ui68 .club-head .club-id { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b-sp2) var(--b-sp3); margin: var(--b-sp3) 0 0; padding-top: var(--b-sp3); border-top: 1px solid var(--b-line); }
html.ui68 .club-head .club-id > .muted:not(.small) { font-size: 14px; color: var(--b-tx2); }
html.ui68 .club-head .club-id .dir-id { font: 700 18px/1 var(--font-px); letter-spacing: .5px; color: var(--b-tx); }
html.ui68 .club-head .club-id .btn { min-height: var(--b-hit); padding: 0 16px; border-radius: var(--b-r2); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); font: 700 15px/1.1 var(--font-texto); box-shadow: none; }
html.ui68 .club-head .club-id .btn:active { transform: scale(.97); }
html.ui68 .club-head .club-id .muted.small { order: 9; flex: 1 0 100%; font-size: 14px; color: var(--b-tx2); }
/* números do clube: 3 colunas, sem caixa por número (o painel é a única caixa) */
html.ui68 .clube .st-grid, html.ui68 .clube .st-grid.st-2, html.ui68 .clube .st-grid.st-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-sp3) var(--b-sp2); margin-top: 0; }
html.ui68 .clube .st-tile { background: none; border-radius: 0; padding: 0 0 0 var(--b-sp3); border-left: 2px solid var(--b-line); gap: 3px; min-width: 0; }
html.ui68 .clube .st-v { font: 700 22px/1 var(--font-px); color: var(--b-tx); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.ui68 .clube .st-l { font: 600 12px/1.2 var(--font-texto); color: var(--b-tx2); letter-spacing: .01em; }
html.ui68 .clube .st-s { font-size: 12px; line-height: 1.25; color: var(--b-tx2); }
html.ui68 .clube .st-vit, html.ui68 .clube .st-emp, html.ui68 .clube .st-der { border-top: 0; }
/* recordes: linhas simples */
html.ui68 .clube .panel .list { display: block; margin: 0; padding: 0; list-style: none; }
html.ui68 .clube .panel .list > .row { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 10px 0; min-height: var(--b-hit); border-top: 1px solid var(--b-line); font-size: 16px; }
html.ui68 .clube .panel .list > .row:first-child { border-top: 0; }
html.ui68 .clube .cl-rec-l { color: var(--b-tx); }
html.ui68 .clube .cl-rec-v { font-size: 16px; color: var(--b-tx); }
html.ui68 .clube .cl-rec-v .px { font-size: 18px; }
html.ui68 .clube .cl-vazio { gap: var(--b-sp3); }
html.ui68 .clube .cl-vazio p { font-size: 14px; line-height: 1.4; color: var(--b-tx2); }
html.ui68 .clube .cl-comp th { font: 600 12px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 .clube .cl-comp td { font-size: 14px; }
html.ui68 .clube .cl-comp td.num { font: 700 14px/1 var(--font-px); }
html.ui68 .clube .tbl-wrap { overflow-x: auto; margin: 0 calc(-1 * var(--b-sp2)); padding: 0 var(--b-sp2); }
html.ui68 .clube .sc-grid h3, html.ui68 .clube .sc-grid h4 { margin: 0 0 4px; font: 700 15px/1.2 var(--font-titulo); color: var(--b-tx); }
html.ui68 .clube .muted.small { font-size: 14px; }
/* álbum: título só para leitor de tela (a aba já diz "Álbum"), barra e raridades compactas, duplas em linhas, figurinhas densas */
html.ui68 .clube .panel:has(> .alb-prog) > .panel-h { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html.ui68 .alb-prog { align-items: baseline; gap: 2px 10px; }
html.ui68 .alb-big { font-size: 36px; }
html.ui68 .alb-tot { font-size: 20px; }
html.ui68 .alb-prog > .muted { font-size: 14px; color: var(--b-tx2); }
html.ui68 .alb-bar { margin: var(--b-sp3) 0; height: 10px; border-radius: 999px; }
html.ui68 .alb-rar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px var(--b-sp5); font-size: 14px; }
html.ui68 .alb-rar li { gap: 8px; min-height: 28px; }
html.ui68 .alb-duplas { display: grid; gap: 0; }
html.ui68 .clube .alb-duplas > .alb-dupla { padding: 10px 0; min-height: 52px; }
html.ui68 .alb-dupla-t strong { font: 700 16px/1.2 var(--font-titulo); }
html.ui68 .alb-dupla-t .muted { font-size: 14px; line-height: 1.3; }
html.ui68 .clube .panel:has(> details.alb-box) { background: none; border: 0; padding: 0; }
html.ui68 .alb-box > summary { min-height: 56px; padding: 0 var(--b-sp2); border-radius: var(--b-r2); }
html.ui68 .alb-box > summary:before { width: 20px; height: 20px; border: 0; background: var(--b-tx2); transform: none; -webkit-mask: var(--b-ico-chev) center / contain no-repeat; mask: var(--b-ico-chev) center / contain no-repeat; transition: transform var(--u-dur2, 160ms) var(--b-ease); }
html.ui68 .alb-box:not([open]) > summary:before { transform: rotate(-90deg); }
html.ui68 .alb-box[open] > summary:before { transform: none; }
html.ui68 .alb-sum { font: 800 20px/1.15 var(--font-titulo); }
html.ui68 .album { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: 5px; margin-top: var(--b-sp2); padding: var(--b-sp3); background: var(--b-s1); border: 1px solid var(--b-line); border-radius: var(--b-r3); }
html.ui68 .alb { position: relative; aspect-ratio: 1 / 1.15; border-width: 2px; border-radius: 6px; }
html.ui68 .alb-n { font: 700 12px/1 var(--font-px); color: var(--b-tx2); }
html.ui68 .alb.got .av { width: 82%; }
html.ui68 .alb.r-basico { --tier: 1; } html.ui68 .alb.r-normal { --tier: 2; } html.ui68 .alb.r-raro { --tier: 3; } html.ui68 .alb.r-superraro { --tier: 4; }
html.ui68 .alb.r-sraro { --tier: 5; } html.ui68 .alb.r-epico { --tier: 6; } html.ui68 .alb.r-lenda { --tier: 7; } html.ui68 .alb.r-superlenda { --tier: 8; }
html.ui68 .alb.got:after { content: ""; position: absolute; left: 50%; bottom: 2px; width: calc(var(--tier) * 4px - 1px); height: 3px; transform: translateX(-50%); background-image: repeating-linear-gradient(90deg, var(--rc) 0 3px, transparent 3px 4px); }
html.ui68 .alb.r-lenda.got, html.ui68 .alb.r-superlenda.got { border-style: double; border-width: 3px; }
/* emblema: filtro, palco, ações, opções e cores de 44 px */
html.ui68 .fx-clube-extra { margin-top: var(--b-sp3); }
html.ui68 .fx-clube-extra .seg.fx-filtro { margin: 0 0 var(--b-sp3); }
html.ui68 .fx-filtro .seg-b { min-height: var(--b-hit); padding: 0 16px; font: 700 15px/1 var(--font-texto); }
html.ui68 .fx-em { gap: 0; padding-bottom: var(--b-sp5); }
html.ui68 .fx-em-palco { padding: var(--b-sp4) var(--b-sp3) var(--b-sp3); border-radius: var(--b-r3); gap: 6px; }
html.ui68 .fx-em-nome { font: 800 22px/1.1 var(--font-titulo); }
html.ui68 .fx-em-acoes { display: flex; flex-wrap: wrap; gap: var(--b-sp2); margin-top: var(--b-sp3); }
html.ui68 .fx-em-acoes .btn { flex: 1 1 0; min-width: 0; min-height: 52px; padding: 0 12px; border-radius: var(--b-r2); font: 700 16px/1.1 var(--font-texto); white-space: nowrap; text-align: center; }
html.ui68 .fx-em-acoes .btn-primary:not([disabled]) { box-shadow: 0 4px 0 #a88600; font: 800 18px/1 var(--font-titulo); }
html.ui68 .fx-em-acoes .btn-primary[disabled] { background: transparent; border: 1px dashed var(--b-line2); color: var(--b-tx2); box-shadow: none; opacity: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; }
html.ui68 .fx-em-acoes .btn-primary[disabled]:before { content: ""; width: 16px; height: 16px; background: var(--b-ok); -webkit-mask: var(--b-ico-check) center / contain no-repeat; mask: var(--b-ico-check) center / contain no-repeat; }
html.ui68 .fx-em-acoes .btn:not(.btn-primary) { background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; }
html.ui68 .fx-em-dica { margin: var(--b-sp2) 0 0; font-size: 14px; color: var(--b-tx2); }
html.ui68 .fx-em-h, html.ui68 .fx-em-h2 { margin: var(--b-sp5) 0 var(--b-sp2); font: 700 13px/1.2 var(--font-texto); text-transform: uppercase; letter-spacing: .08em; color: var(--b-tx2); }
html.ui68 .fx-em-opcoes { grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: var(--b-sp2); }
html.ui68 .fx-em-op { min-height: 76px; padding: 8px 4px 6px; border-radius: var(--b-r2); font: 600 12px/1.15 var(--font-texto); }
html.ui68 .fx-em-op.on { border-color: var(--b-tx); background: var(--b-s3); color: var(--b-tx); box-shadow: none; }
html.ui68 .fx-em-cores { gap: var(--b-sp2); }
html.ui68 .fx-em-cor { position: relative; width: var(--b-hit); height: var(--b-hit); border-radius: var(--b-r2); border-width: 3px; }
html.ui68 .fx-em-cor.on { transform: none; box-shadow: inset 0 -4px 0 rgba(0,0,0,.25), 0 0 0 3px var(--b-tx); }
html.ui68 .fx-em-cor.on:after { content: ""; position: absolute; right: -7px; bottom: -7px; width: 20px; height: 20px; border-radius: 50%; background: var(--b-tx) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.500 6.500 12 13 4.500' fill='none' stroke='%2313212e' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat; box-shadow: 0 0 0 2px var(--b-bg); }
html.ui68 .fx-em-cor:active { transform: scale(.94); }
/* Visual (vazio): um caminho principal ("Ir à Loja"), o outro em contorno */
html.ui68 .lj-vazio { padding: var(--b-sp5) var(--b-sp4); border: 1px dashed var(--b-line2); border-radius: var(--b-r3); background: var(--b-s1); text-align: center; gap: var(--b-sp4); }
html.ui68 .lj-vazio p { font-size: 16px; }
html.ui68 .lj-vazio .lj-it-bt { display: flex; flex-direction: column; gap: var(--b-sp2); }
html.ui68 .lj-vazio .lj-it-bt .btn { width: 100%; min-height: var(--b-hit); border-radius: var(--b-r2); font: 700 16px/1.1 var(--font-texto); box-shadow: none; background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); }
html.ui68 .lj-vazio .lj-it-bt [data-act="lj-ir-visual"] { order: -1; min-height: 52px; background: var(--b-acc); border-color: var(--b-acc-tx); color: var(--b-on-acc); box-shadow: 0 4px 0 #a88600; font: 800 18px/1 var(--font-titulo); }
/* estádio: sem faixa colorida na lateral (o estado vem em texto "Em uso"/"Fechado"), ações em contorno */
html.ui68 .fx-est-aba { gap: var(--b-sp3); }
html.ui68 .fx-est-intro { font-size: 16px; }
html.ui68 .fx-est-intro.muted { font-size: 14px; }
html.ui68 .fx-est-lista { gap: var(--b-sp3); }
html.ui68 .fx-est { padding: var(--b-sp3); border-radius: var(--b-r3); }
html.ui68 .fx-est.em-uso, html.ui68 .fx-est.fechado { box-shadow: none; }
html.ui68 .fx-est.em-uso { border-color: var(--b-ok); }
html.ui68 .fx-est.fechado { border-color: var(--b-badge); }
html.ui68 .fx-est-prev { border-radius: var(--b-r1); }
html.ui68 .fx-est-nome { font: 800 19px/1.15 var(--font-titulo); }
html.ui68 .fx-est-tag { display: inline-flex; align-items: center; gap: 6px; font: 700 12px/1.2 var(--font-texto); padding: 3px 10px 3px 8px; border-radius: 999px; }
html.ui68 .fx-est-tag:before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--b-ico-check) center / contain no-repeat; mask: var(--b-ico-check) center / contain no-repeat; }
html.ui68 .fx-est-tag.fechado:before { -webkit-mask-image: var(--b-ico-x); mask-image: var(--b-ico-x); }
html.ui68 .fx-est-desc, html.ui68 .fx-est-nota { font-size: 14px; }
html.ui68 .fx-est .fx-est-acoes .btn { width: 100%; min-height: var(--b-hit); padding: 0 16px; border-radius: var(--b-r2); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; font: 700 15px/1.1 var(--font-texto); }
/* ================================================================ LANCE (folha do Leilão) */
html.ui68 #sheet .sheet > h2:has(+ .mk-sheet) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html.ui68 .mk-sheet { display: grid; grid-template-columns: 104px minmax(0, 1fr); column-gap: var(--b-sp4); row-gap: 2px; align-items: start; margin: var(--b-sp2) 0 0; }
html.ui68 .mk-sheet .stk { width: 104px; grid-column: 1; grid-row: 1 / span 4; }
html.ui68 .mk-sheet-txt { display: contents; }
html.ui68 .mk-sheet-txt > * { grid-column: 1 / -1; min-width: 0; margin: 0; }
html.ui68 .mk-sheet-txt > p:nth-of-type(1), html.ui68 .mk-sheet-txt > p:nth-of-type(2), html.ui68 .mk-sheet-txt > p:nth-of-type(3) { grid-column: 2; }
html.ui68 .mk-sheet-txt > p:nth-of-type(3) { font-size: 18px; color: var(--b-tx); }
html.ui68 .mk-sheet-txt > p:nth-of-type(3) .px { font-size: 20px; color: var(--b-acc-tx); }
html.ui68 .mk-sheet-txt p { font-size: 15px; line-height: 1.4; }
html.ui68 .mk-sheet-txt .muted { color: var(--b-tx2); }
html.ui68 .mk-sheet-txt .muted.small { font-size: 14px; }
html.ui68 .mk-sheet-txt > p:nth-of-type(4) { margin-top: var(--b-sp3); }
html.ui68 .mk-price { margin: var(--b-sp4) 0 var(--b-sp2); gap: 6px; font: 700 14px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 .mk-price input, html.ui68 .mk-price .input { width: 100%; max-width: none; min-height: 56px; font: 700 24px/1 var(--font-px); padding: 0 var(--b-sp4); color: var(--b-acc-tx); border-radius: var(--b-r2); background: var(--b-bg); border: 1px solid var(--b-line2); font-variant-numeric: tabular-nums; }
html.ui68 .lei-input { display: flex; flex-wrap: wrap; gap: var(--b-sp2); margin: 0 0 var(--b-sp3); }
html.ui68 .lei-input .btn { flex: 1 1 0; min-height: var(--b-hit); padding: 0 12px; border-radius: var(--b-r2); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; font: 700 15px/1.1 var(--font-texto); }

/* ================================================================ FOLHAS: Missões, Configurações, Alertas (sino), Feedback, Atualizações, XP (a moldura da folha é da parte A) */
/* ---- Missões: uma linha por missão (ícone, nome, prêmio; descrição; barra com n/m e situação em texto; período) */
html.ui68 .fx-mi-intro { margin: 0 0 var(--b-sp3); font-size: 14px; line-height: 1.45; color: var(--b-tx2); }
html.ui68 .fx-mi-folha { display: block; margin: 0 0 var(--b-sp3); }
html.ui68 .fx-mi-art { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: var(--b-sp3); row-gap: 6px; align-items: start; min-width: 0; padding: 14px 0; background: none; border: 0; border-top: 1px solid var(--b-line); border-radius: 0; }
html.ui68 .fx-mi-art:first-child { border-top: 0; }
html.ui68 .fx-mi-art-topo { display: contents; }
html.ui68 .fx-mi-art .fx-mi-ic { grid-column: 1; grid-row: 1 / span 3; align-self: start; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--b-r2); background: var(--b-s2); }
html.ui68 .fx-mi-art .fx-mi-ic svg { width: 24px; height: 24px; }
html.ui68 .fx-mi-art h3.fx-mi-nome { margin: 0; grid-column: 2; grid-row: 1; align-self: center; font: 800 18px/1.15 var(--font-titulo); color: var(--b-tx); }
html.ui68 .fx-mi-desc { grid-column: 2 / -1; grid-row: 2; font-size: 14px; line-height: 1.4; color: var(--b-tx2); }
html.ui68 .fx-mi-dl { display: contents; border: 0; }
html.ui68 .fx-mi-dl > div { display: contents; }
/* só os 4 RÓTULOS (Objetivo, Período, Progresso, Prêmio) saem da vista (ficam na árvore de acessibilidade): o valor de cada um (objetivo, período, barra com n/m, prêmio) continua escrito na tela */
html.ui68 .fx-mi-dl dt { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html.ui68 .fx-mi-dl dd { margin: 0; min-width: 0; }
html.ui68 .fx-mi-dl > div:nth-child(1) dd { grid-column: 2 / -1; grid-row: 3; font: 600 14px/1.35 var(--font-texto); color: var(--b-tx); }
html.ui68 .fx-mi-dl > div:nth-child(2) dd { grid-column: 2 / -1; grid-row: 5; font: 400 14px/1.35 var(--font-texto); color: var(--b-tx2); }
html.ui68 .fx-mi-dl > div:nth-child(3) dd { grid-column: 2; grid-row: 4; display: flex; align-items: center; gap: var(--b-sp3); }
html.ui68 .fx-mi-dl > div:nth-child(4) dd, html.ui68 .fx-mi-dl dd.fx-mi-premio { grid-column: 3; grid-row: 1; justify-self: end; align-self: center; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--b-acc) 55%, transparent); color: var(--b-acc-tx); font: 700 14px/1.2 var(--font-texto); white-space: nowrap; }
html.ui68 .fx-mi-dl dd.fx-mi-premio:before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--b-acc); }
html.ui68 .fx-mi-barra { flex: 1 1 auto; min-width: 56px; height: 10px; border-radius: 999px; box-shadow: none; background: var(--b-s3); overflow: hidden; }
html.ui68 .fx-mi-barra > i { background: var(--b-tx); box-shadow: none; border-radius: 999px; }
html.ui68 .fx-mi-art.feita .fx-mi-barra > i { background: var(--b-ok); box-shadow: none; }
html.ui68 .fx-mi-prog { font: 700 14px/1 var(--font-texto); color: var(--b-tx); }
html.ui68 .fx-mi-art .fx-mi-sit { grid-column: 3; grid-row: 3; display: inline-flex; align-items: center; gap: 6px; font: 600 14px/1.2 var(--font-texto); color: var(--b-tx2); white-space: nowrap; }
html.ui68 .fx-mi-art .fx-mi-sit:before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--b-ico-clock) center / contain no-repeat; mask: var(--b-ico-clock) center / contain no-repeat; }
html.ui68 .fx-mi-art.feita .fx-mi-sit { color: var(--b-ok); font-weight: 700; }
html.ui68 .fx-mi-art.feita .fx-mi-sit:before { -webkit-mask-image: var(--b-ico-check); mask-image: var(--b-ico-check); }
/* ---- Configurações: grupos Jogo · Som · Ajuda · Conta e privacidade (o JS marca os grupos e põe as legendas; sem ele a ordem clássica continua) */
html.ui68 #cfg-body { display: flex; flex-direction: column; }
html.ui68 #cfg-body > [data-b68-g="jogo"] { order: 20; } html.ui68 #cfg-body > [data-b68="grp"][data-g="jogo"] { order: 19; }
html.ui68 #cfg-body > [data-b68-g="som"] { order: 30; } html.ui68 #cfg-body > [data-b68="grp"][data-g="som"] { order: 29; }
html.ui68 #cfg-body > [data-b68-g="ajuda"] { order: 40; } html.ui68 #cfg-body > [data-b68="grp"][data-g="ajuda"] { order: 39; }
html.ui68 #cfg-body > [data-b68-g="conta"] { order: 50; } html.ui68 #cfg-body > [data-b68="grp"][data-g="conta"] { order: 49; }
html.ui68 #cfg-body > h2 { order: 0; }
html.ui68 #cfg-body > .fx-idioma-cfg { order: 1; }
html.ui68 #cfg-body > [data-b68="grp"] { margin: var(--b-sp5) 0 var(--b-sp1, 4px); padding: 0; font: 800 13px/1.2 var(--font-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--b-tx2); }
html.ui68 .fx-idioma-cfg { margin: 0 0 var(--b-sp3); padding-bottom: var(--b-sp4); }
html.ui68 .fx-idioma-cfg .fx-idioma-b { gap: var(--b-sp2); }
html.ui68 .fx-idioma-cfg .fx-idioma-b button { min-height: var(--b-hit); padding: 0 12px; border-radius: var(--b-r2); font: 700 15px/1.1 var(--font-texto); }
html.ui68 .fx-idioma-cfg .fx-idioma-b button[aria-pressed="true"] { background: var(--b-tx); border-color: var(--b-tx); color: var(--b-bg); }
html.ui68 .cfg-sec { padding: var(--b-sp4) 0; border-top: 1px solid var(--b-line); }
html.ui68 .cfg-sec > h3 { margin: 0 0 var(--b-sp3); font: 800 18px/1.15 var(--font-titulo); color: var(--b-tx); }
html.ui68 .cfg-sec p { font-size: 14px; line-height: 1.45; }
html.ui68 .cfg-sec p:not(.muted):not(.small) { font-size: 15px; }
html.ui68 .cfg-sec .btn { min-height: var(--b-hit); padding: 0 16px; border-radius: var(--b-r2); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; font: 700 15px/1.1 var(--font-texto); }
html.ui68 .cfg-sec .btn:active { transform: scale(.97); }
html.ui68 .cfg-sec .btn.btn-danger { border-color: color-mix(in srgb, var(--b-badge) 70%, transparent); color: var(--b-err); }
html.ui68 .cfg-sec .actions { gap: var(--b-sp2); }
html.ui68 .cfg-sec [data-act="conta-excluir"] { margin-top: var(--b-sp4); }
html.ui68 .cfg-sec:has([data-act="conta-excluir"]) p.muted { margin-top: var(--b-sp3); }
html.ui68 .cfg-sec .fld > span { font: 600 14px/1.2 var(--font-texto); color: var(--b-tx2); }
html.ui68 .cfg-sec input[type=range] { min-height: var(--b-hit); }
/* ---- Alertas (sino): linhas simples, sem faixa colorida na lateral; "novo" = ponto + texto para leitor de tela */
html.ui68 .al-list { display: block; margin: 0; padding: 0; list-style: none; }
html.ui68 .al-list > .row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--b-sp2) var(--b-sp3); padding: var(--b-sp3) var(--b-sp2); min-height: 56px; background: none; border: 0; border-top: 1px solid var(--b-line); border-radius: 0; box-shadow: none; }
html.ui68 .al-list > .row:first-child { border-top: 0; }
html.ui68 .al-list > .al-new { background: color-mix(in srgb, var(--b-tx) 6%, transparent); border-radius: var(--b-r2); }
html.ui68 .al-txt { flex: 1 1 0; min-width: 0; gap: 4px; }
html.ui68 .al-txt strong { font: 800 17px/1.2 var(--font-titulo); color: var(--b-tx); }
html.ui68 .al-txt .small { font-size: 15px; line-height: 1.4; color: var(--b-tx); }
html.ui68 .al-txt .muted.small { font-size: 14px; color: var(--b-tx2); }
html.ui68 .al-dot { width: 10px; height: 10px; background: var(--b-badge); }
html.ui68 .al-acts { flex: 1 1 100%; justify-content: flex-start; }
html.ui68 .al-acts .btn { min-height: var(--b-hit); padding: 0 16px; border-radius: var(--b-r2); background: transparent; border: 1px solid var(--b-line2); color: var(--b-tx); box-shadow: none; font: 700 15px/1.1 var(--font-texto); }
html.ui68 .al-notif { margin-top: var(--b-sp3); padding-top: var(--b-sp3); }
html.ui68 .al-notif p { font-size: 14px; color: var(--b-tx2); }
html.ui68 .al-vazio p { font-size: 15px; }
/* ---- Feedback */
html.ui68 .fxg-fb { width: 100%; min-height: 160px; padding: var(--b-sp3) var(--b-sp4); border-radius: var(--b-r2); background: var(--b-bg); border: 1px solid var(--b-line2); color: var(--b-tx); font: 400 16px/1.45 var(--font-texto); resize: vertical; }
html.ui68 .fxg-fb-n { text-align: right; font-size: 14px; color: var(--b-tx2); margin: 6px 0 0; font-variant-numeric: tabular-nums; }
/* ---- Atualizações: uma versão por bloco, sem caixa dentro da folha */
html.ui68 .fx-pn-folha { display: block; margin: 0 0 var(--b-sp3); }
html.ui68 .fx-pn-ver { gap: var(--b-sp3); padding: var(--b-sp5) 0 var(--b-sp3); background: none; border: 0; border-top: 1px solid var(--b-line); border-radius: 0; }
html.ui68 .fx-pn-ver:first-child { padding-top: var(--b-sp2); border-top: 0; }
html.ui68 .fx-pn-ver > h3 { display: inline-flex; align-self: start; width: fit-content; padding: 4px 12px; border-radius: 999px; background: var(--b-s3); color: var(--b-tx); font: 800 18px/1.15 var(--font-titulo); letter-spacing: .01em; }
html.ui68 .fx-pn-sec { gap: var(--b-sp2); }
html.ui68 .fx-pn-sec h4 { font: 800 17px/1.2 var(--font-titulo); color: var(--b-tx); }
html.ui68 .fx-pn-lista { gap: var(--b-sp2); padding-left: 20px; }
html.ui68 .fx-pn-lista li { font-size: 15px; line-height: 1.45; color: var(--b-tx); }
html.ui68 .fx-pn-lista li::marker { color: var(--b-tx2); }
/* ---- XP: o texto e a barra (a barra é posta pelo JS; sem ele fica só o texto) */
html.ui68 #sheet .sheet > h2 + p:not(.muted):last-child { font-size: 16px; line-height: 1.5; color: var(--b-tx); }
html.ui68 .b68-xp { height: 14px; margin: var(--b-sp4) 0 var(--b-sp3); border-radius: 999px; background: var(--b-s3); overflow: hidden; }
html.ui68 .b68-xp > i { display: block; height: 100%; min-width: 4px; border-radius: 999px; background: var(--b-tx); }

/* ================================================================ LARGURAS MAIORES (tablet e acima; o PC fino está em fx-ui-1968-b-pc.css) */
html.ui68 .cfg-sec { display: block; }
@media (min-width: 600px) {
  html.ui68 section.sq .grid.grid-dup, html.ui68 .fx58b-q-grade { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: var(--b-sp3); }
  html.ui68 .mk-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: var(--b-sp3); }
  html.ui68 .lj-cartas, html.ui68 .lj-vit-linha .lj-cartas, html.ui68 .lj-vit-3 { max-width: 560px; }
  html.ui68 .lj-grade, html.ui68 .lj-grade-3 { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); }
  html.ui68 .lj-it-art { aspect-ratio: 16 / 10; }
  html.ui68 .lj-fund, html.ui68 .lj-sec.lj-socio { max-width: 720px; }
  html.ui68 .lj-fund .lj-dinheiro, html.ui68 .lj-socio .lj-dinheiro { width: auto; min-width: 280px; justify-self: start; }
  html.ui68 .lj-socio .lj-dinheiro { grid-column: 1 / -1; }
  html.ui68 .clube .st-grid, html.ui68 .clube .st-grid.st-2, html.ui68 .clube .st-grid.st-3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
  /* Loja > Cartas: o botão de compra vai para a direita só quando sobra largura (de 600 a 999 px o bloco fica em duas colunas: o texto não vira uma coluna de 34 px) */
  html.ui68 .pk-hero.pk-loja { grid-template-columns: 112px minmax(0, 1fr) minmax(260px, 340px); grid-template-areas: "art txt buy" "odds odds odds"; align-items: center; column-gap: var(--b-sp5); }
}
@media (min-width: 900px) {
  /* Fut Coin > Destaques: a vitrine (3 cartas) fica ao lado dos itens da semana */
  html.ui68 .lj[data-aba="destaques"] > .lj-vitrine { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--b-sp5); row-gap: var(--b-sp3); align-items: start; }
  html.ui68 .lj[data-aba="destaques"] > .lj-vitrine > :is(.lj-sec-h, .muted) { grid-column: 1 / -1; margin: 0; }
  html.ui68 .lj[data-aba="destaques"] > .lj-vitrine > .lj-vit-3 { grid-column: 1; grid-row: 3 / span 2; max-width: none; margin-top: 0; }
  html.ui68 .lj[data-aba="destaques"] > .lj-vitrine > .lj-vit-itens { grid-column: 2; grid-row: 3; margin: 0; }
  html.ui68 .lj[data-aba="destaques"] > .lj-vitrine > .lj-grade { grid-column: 2; grid-row: 4; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
}
@media (min-width: 760px) {
  html.ui68 section.sq .sq-top { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  html.ui68 section.sq .sq-top > .muted { grid-column: 1; justify-self: start; }
  html.ui68 section.sq .sq-actions { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-wrap: wrap; justify-content: flex-end; width: auto; margin: 0; }
  html.ui68 section.sq .sq-actions .btn { flex: 0 1 auto; }
  html.ui68 section.sq .sq-actions .sq-top-auto { grid-column: auto; }
}

/* ================================================================ rodapé social e Passe: texto de leitura nunca abaixo de 12 px */
html.ui68 .fx-social-links a span { font-size: 12px; }
html.ui68 .lj-pz-badge small, html.ui68 .lj-pz-pegar, html.ui68 .lj-pz em, html.ui68 .lj-pz small { font-size: 12px; }
html.ui68 .lj-pz-badge small { margin-bottom: -12px; }