/* =====================================================================
   Coliseu das Lendas, o torneio de domingo com bolão (25/10, SQL 2182).
   Cartão da coluna da batalha e a janela (coliseu-lendas-ui.js), menu opção 1 "Trono" do autor:
   o Coliseu à noite (lobby), a Arena ao pôr do sol (luta e bolão) e o Salão dos Campeões.
   Ouro e carmesim. Os blocos são vidro escuro para o cenário aparecer sem apagar o texto.
   Celular: a janela ocupa a tela inteira e o palco mostra a SUA luta no lugar da chave.
   ===================================================================== */
:root{--cl-ouro:#e9c46a;--cl-ouro2:#fff1cc;--cl-ouro3:#a8802f;--cl-rubi:#b3263a;--cl-rubi2:#e0566a;--cl-fundo:#0d0a08;--cl-vidro:rgba(12,8,5,.74);--cl-vidro2:rgba(20,14,9,.84);
  --cl-borda:rgba(233,196,106,.3);--cl-mut:#b9a98a;--cl-txt:#f3e9d2;--cl-verde:#7fd39a}

/* ---------- cartão da coluna ---------- */
.lend-rail-card{padding:0!important;overflow:hidden!important;border-color:rgba(233,196,106,.5)!important;
  background:linear-gradient(90deg,rgba(8,6,4,.3),rgba(8,6,4,.86) 65%),url(../assets/backgrounds/coliseu_lendas_lobby.webp) left 45%/cover!important}
.lend-rail-entry{width:100%}
.lend-rail-entry .rail-toggle-copy strong{color:var(--cl-ouro2);text-shadow:0 1px 3px rgba(0,0,0,.9)}
.lend-rail-entry .rail-toggle-chevron{font-size:1.3em;color:var(--cl-ouro)}

/* ---------- janela ---------- */
.lend-fundo{z-index:1400}
.lend-janela.modal-card{width:min(1040px,100%);max-height:calc(100vh - 40px);padding:0;display:flex;flex-direction:column;position:relative;isolation:isolate;color:var(--cl-txt);
  border-color:rgba(233,196,106,.45);box-shadow:0 0 0 1px rgba(179,38,58,.25),0 20px 60px rgba(0,0,0,.7),0 0 40px rgba(233,196,106,.12);
  background:linear-gradient(180deg,rgba(8,6,4,.45),rgba(8,6,4,.8) 50%,rgba(8,6,4,.94)),url(../assets/backgrounds/coliseu_lendas_lobby.webp) center 30%/cover var(--cl-fundo)}
.lend-janela[data-cena="ranking"]{background:linear-gradient(180deg,rgba(8,6,4,.45),rgba(8,6,4,.86) 50%,var(--cl-fundo)),url(../assets/backgrounds/coliseu_lendas_ranking.webp) center 22%/cover var(--cl-fundo)}
.lend-janela[data-cena="batalha"],.lend-janela.lend-lutando{background:linear-gradient(180deg,rgba(8,6,4,.5),rgba(8,6,4,.9) 55%,var(--cl-fundo)),url(../assets/backgrounds/coliseu_lendas_batalha.webp) center 40%/cover var(--cl-fundo)}
.lend-cab{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--cl-borda);background:linear-gradient(90deg,rgba(80,24,24,.7),rgba(20,12,8,.45))}
.lend-cab-icone{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;font-size:30px;filter:drop-shadow(0 0 10px rgba(233,196,106,.5))}
.lend-cab-icone img{width:100%;height:100%;object-fit:contain}
.lend-cab-txt{min-width:0;flex:1 1 auto}
.lend-cab small{display:block;font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:.16em;color:var(--cl-ouro)}
.lend-cab h2{margin:0;font-family:Cinzel,var(--font-display,Georgia),serif;font-size:calc(24px * var(--text-scale,1));color:var(--cl-ouro2);text-shadow:0 0 18px rgba(233,196,106,.4),0 2px 4px rgba(0,0,0,.8);overflow-wrap:normal;word-break:normal}
.lend-corpo{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0}
.lend-vazio{padding:28px 10px;text-align:center;color:var(--cl-mut);font-size:calc(13px * var(--text-scale,1))}

.lend-abas{display:flex;gap:4px;margin:-14px -16px 0;padding:0 12px;border-bottom:1px solid var(--cl-borda);background:linear-gradient(180deg,rgba(14,10,7,.92),rgba(14,10,7,.8));backdrop-filter:blur(6px);position:sticky;top:-14px;z-index:6}
.lend-aba{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:11px 4px;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--cl-mut);font-weight:900;letter-spacing:.08em;font-size:calc(12px * var(--text-scale,1));cursor:var(--cur-mao,pointer);width:auto;min-height:0}
.lend-aba>span{min-width:0;overflow-wrap:anywhere;text-align:center;line-height:1.2}
.lend-aba[aria-selected="true"]{color:var(--cl-ouro2);border-bottom-color:var(--cl-ouro);text-shadow:0 0 10px rgba(233,196,106,.35)}
.lend-aba:focus-visible{outline:2px solid var(--cl-ouro);outline-offset:-2px}
.lend-aba-selo{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cl-ouro);color:#1a1205;font-size:calc(10px * var(--text-scale,1));line-height:18px;text-align:center}

/* ---------- botões e blocos ---------- */
.lend-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;margin:0;min-height:40px;padding:9px 16px;border:1px solid var(--cl-ouro3);border-radius:10px;background:rgba(23,17,11,.92);color:var(--cl-txt);
  font-weight:900;letter-spacing:.07em;font-size:calc(12.5px * var(--text-scale,1));cursor:var(--cur-mao,pointer)}
.lend-btn.ouro{background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);border-color:var(--botao-ouro-borda)}
.lend-btn:hover:not([disabled]){filter:brightness(1.08)}
.lend-btn[disabled],.lend-mini[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.lend-mini{min-height:30px;margin:0;padding:4px 10px;border-radius:8px;border:1px solid var(--cl-ouro3);background:rgba(29,21,13,.92);color:var(--cl-txt);font-weight:900;letter-spacing:.05em;font-size:calc(11px * var(--text-scale,1));cursor:var(--cur-mao,pointer);width:auto;white-space:nowrap}
.lend-bloco{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--cl-borda);border-radius:12px;background:var(--cl-vidro);backdrop-filter:blur(4px);min-width:0}
.lend-bloco h3{margin:0;display:flex;align-items:center;gap:8px;font-size:calc(13px * var(--text-scale,1));font-weight:900;letter-spacing:.04em;color:var(--cl-ouro)}
.lend-bloco h3 img{width:24px;height:24px}
.lend-bloco p{margin:0;font-size:calc(13px * var(--text-scale,1));color:#d9ccb0;line-height:1.5}
.lend-nota{margin:0;color:var(--cl-mut);font-size:calc(12px * var(--text-scale,1));line-height:1.5}
.lend-nota.centro{text-align:center}
.lend-falta{color:#f0b39a!important}
.lend-acoes{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.lend-rodape{display:flex;justify-content:flex-end;gap:8px}
.lend-eu{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lend-eu-tx{flex:1;min-width:160px}
.lend-eu-tx strong{display:block;font-size:calc(14px * var(--text-scale,1))}
.lend-eu-tx small{font-size:calc(12px * var(--text-scale,1));color:var(--cl-mut);font-weight:600}
.lend-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lend-passo{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 10px;font-size:calc(12px * var(--text-scale,1));line-height:1.4;color:#d9ccb0}
.lend-passo b{display:block;font-family:Cinzel,Georgia,serif;color:var(--cl-ouro);font-size:calc(13px * var(--text-scale,1))}
.lend-retrato{flex:none;display:inline-grid;place-items:center}
.lend-classe{flex:none;width:36px;height:36px;object-fit:contain}

/* ---------- o palco (unidades do próprio palco: PC e celular mantêm a proporção) ---------- */
.lend-palco{position:relative;flex:none;container-type:inline-size;aspect-ratio:16/8.4;border-radius:12px;overflow:hidden;border:1px solid var(--cl-borda);background:#000 center 60%/cover no-repeat;--h:22cqw}
.lend-palco.faixa{aspect-ratio:16/4.2}
.lend-palco::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.1) 20%,transparent 34%);pointer-events:none;z-index:1}
.lend-palco.com-arvore::after{background:linear-gradient(180deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.25) 30%,rgba(0,0,0,.35))}
.lend-topo{position:absolute;z-index:5;left:2.4cqw;right:2.4cqw;top:2cqw;display:flex;justify-content:space-between;align-items:flex-start;gap:2cqw}
.lend-topo-t{min-width:0}
.lend-topo-t small{display:block;font-size:max(8px,1cqw);font-weight:900;letter-spacing:.22em;color:var(--cl-ouro)}
.lend-topo-t strong{display:block;font-family:Cinzel,Georgia,serif;font-weight:700;font-size:max(15px,2.4cqw);text-shadow:0 2px 8px #000;line-height:1.15}
.lend-relogio{flex:none;background:rgba(10,7,5,.7);border:1px solid var(--cl-ouro3);border-radius:8px;padding:5px 12px;text-align:center}
.lend-relogio small{display:block;font-size:max(8px,.9cqw);font-weight:900;letter-spacing:.14em;color:var(--cl-mut)}
.lend-relogio b{font-family:Cinzel,Georgia,serif;color:var(--cl-ouro);font-size:max(13px,1.8cqw);letter-spacing:.04em;white-space:nowrap}
.lend-vazio-palco{position:absolute;z-index:3;left:10%;right:10%;bottom:12cqw;text-align:center;font-family:Cinzel,Georgia,serif;font-size:max(13px,2cqw);color:var(--cl-ouro2);text-shadow:0 2px 8px #000}
.lend-her{position:absolute;z-index:2;bottom:6cqw;width:calc(var(--h) * 1.1);height:var(--h);translate:-50% 0;display:flex;justify-content:center}
.lend-her.grande{--h:24cqw}
.lend-lutador{position:absolute;left:0;right:0;bottom:0;margin:auto;width:var(--h);height:var(--h)}
.lend-lutador .pvp-fighter-frame{filter:none}
.lend-placa{position:absolute;z-index:3;left:50%;translate:-50% 0;bottom:calc(var(--h) * 1.03);display:grid;justify-items:center;gap:3px;pointer-events:none;max-width:calc(var(--h) * 1.25);text-align:center}
.lend-selo{font-size:max(8px,.9cqw);font-weight:900;letter-spacing:.2em;color:#1a1006;background:linear-gradient(180deg,#f3d27e,#c9962e);padding:2px 8px;border-radius:3px;white-space:nowrap}
.lend-placa strong{font-family:Cinzel,var(--font-display,Georgia),serif;font-weight:700;font-size:max(12px,1.6cqw);letter-spacing:.05em;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:linear-gradient(180deg,#fff6d8 0%,#f1cf7a 55%,#b88a2c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(0,0,0,.7))}
.lend-fio{display:block;width:100%;min-width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--cl-ouro) 30%,var(--cl-ouro) 70%,transparent)}
.lend-placa small{font-size:max(8px,.85cqw);font-weight:800;letter-spacing:.04em;color:var(--cl-ouro2);text-shadow:0 1px 2px #000,0 0 5px #000;line-height:1.2}
.lend-vs{position:absolute;z-index:4;left:50%;bottom:calc(10cqw + var(--h) * .45);translate:-50% 0;display:grid;justify-items:center;font-family:Cinzel,Georgia,serif;font-weight:800;font-size:max(26px,6cqw);color:transparent;
  background:linear-gradient(180deg,#fff2c4,#e9c46a 50%,#9c6d1d);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,120,60,.7)) drop-shadow(0 2px 2px #000)}
.lend-vs small{font-family:inherit;font-size:max(8px,1.4cqw);font-weight:900;letter-spacing:.2em;-webkit-text-fill-color:var(--cl-ouro2);color:var(--cl-ouro2);filter:none;text-shadow:0 1px 3px #000;margin-top:4px}

/* ---------- a chave em árvore em cima do cenário (PC) ---------- */
.lend-arv{position:absolute;z-index:4;inset:9cqw 1.6cqw 2.2cqw;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr 1fr 1fr 1fr;gap:.8cqw;align-items:stretch}
.lend-col{display:flex;flex-direction:column;justify-content:space-around;gap:.5cqw;min-width:0}
.lend-par{display:grid;gap:.25cqw;min-width:0}
.lend-par[data-lend]{cursor:var(--cur-mao,pointer)}
.lend-par[data-lend]:hover .lend-pl{border-color:var(--cl-ouro)}
.lend-pl{display:flex;align-items:center;gap:.5cqw;background:rgba(12,8,5,.8);border:1px solid rgba(233,196,106,.35);border-radius:.6cqw;padding:.4cqw .6cqw;font-size:max(8px,1.05cqw);font-weight:700;white-space:nowrap;overflow:hidden;min-width:0}
.lend-pl i{flex:none;width:1.8cqw;height:1.8cqw;border-radius:.4cqw;background:#1a1410 center/contain no-repeat;border:1px solid rgba(233,196,106,.35)}
.lend-pl span{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.lend-pl em{font-style:normal;color:var(--cl-ouro);font-weight:900}
.lend-pl.perdeu{opacity:.42}
.lend-pl.eu{border-color:var(--cl-ouro);box-shadow:0 0 0 1px var(--cl-ouro),0 0 12px rgba(233,196,106,.4)}
.lend-pl.vazio{color:var(--cl-mut);justify-content:center;font-weight:600;background:rgba(12,8,5,.5);border-style:dashed}
.lend-fin{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.6cqw;text-align:center;min-width:0}
.lend-fin>.col-icone{display:block;width:8cqw;align-self:center;font-style:normal;font-size:5cqw;filter:drop-shadow(0 0 14px rgba(233,196,106,.6))}
.lend-fin>.col-icone img,.lend-cab-icone .col-icone img{display:block;width:100%;height:auto}
.lend-div .col-icone,.lend-bloco h3 .col-icone{font-style:normal;display:inline-grid}
.lend-fin b{font-size:max(8px,1cqw);font-weight:900;letter-spacing:.2em;color:var(--cl-ouro);text-shadow:0 1px 3px #000}
.lend-fin small{font-size:max(8px,.95cqw);font-weight:700;color:var(--cl-ouro2);text-shadow:0 1px 3px #000}

/* ---------- divisões, rodadas e a lista de confrontos ---------- */
.lend-divs{display:flex;gap:6px;flex-wrap:wrap}
.lend-div{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px 5px 6px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(10,7,5,.66);color:var(--cl-mut);font-weight:900;letter-spacing:.08em;font-size:calc(11px * var(--text-scale,1));cursor:var(--cur-mao,pointer);width:auto;min-height:0}
.lend-div img{width:22px;height:22px}
.lend-div.on{border-color:var(--cl-ouro);color:var(--cl-txt);background:rgba(233,196,106,.14)}
.lend-rods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lend-rd{margin:0;text-align:center;padding:8px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(10,7,5,.62);color:var(--cl-mut);font-weight:900;letter-spacing:.08em;font-size:calc(11px * var(--text-scale,1));cursor:var(--cur-mao,pointer);width:auto;min-height:0}
.lend-rd small{display:block;font-weight:600;letter-spacing:0;margin-top:2px}
.lend-rd.feito{color:#c9b98f}
.lend-rd.feito small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cl-verde);margin-right:5px;vertical-align:1px}
.lend-rd.on{border-color:var(--cl-ouro);color:var(--cl-txt);background:rgba(233,196,106,.12)}
.lend-lista,.lend-bols,.lend-minhas,.lend-galeria,.lend-herois{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lend-conf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;background:var(--cl-vidro);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px}
.lend-conf.eu{border-color:var(--cl-ouro)}
.lend-conf.sumiu{opacity:.5}
.lend-lado{display:flex;align-items:center;gap:8px;min-width:0}
.lend-lado.dir{flex-direction:row-reverse;text-align:right}
.lend-lado>div{min-width:0}
.lend-lado b{display:block;font-size:calc(13px * var(--text-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-lado small{display:block;font-size:calc(11px * var(--text-scale,1));color:var(--cl-mut);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-lado.vazio b{color:var(--cl-mut);font-weight:600}
.lend-meio{display:grid;justify-items:center;gap:4px}
.lend-pt{font-family:Cinzel,Georgia,serif;font-weight:800;color:var(--cl-ouro);font-size:calc(15px * var(--text-scale,1));white-space:nowrap}
.lend-pt.hora{font-family:inherit;font-size:calc(12px * var(--text-scale,1));color:var(--cl-mut)}
.lend-pt.folga{font-family:inherit;font-size:calc(10px * var(--text-scale,1));letter-spacing:.06em;color:var(--cl-mut)}
.lend-minha{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;border:1px solid var(--cl-ouro);background:linear-gradient(90deg,rgba(233,196,106,.16),var(--cl-vidro) 60%);font-weight:700;font-size:calc(13px * var(--text-scale,1))}

/* ---------- bolão ---------- */
.lend-bol{display:grid;gap:8px;background:var(--cl-vidro2);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px 12px;backdrop-filter:blur(4px)}
.lend-bol-cab{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;font-size:calc(11px * var(--text-scale,1));font-weight:900;letter-spacing:.08em;color:var(--cl-mut)}
.lend-potes{display:inline-flex;flex-wrap:wrap;gap:6px}
.lend-pote{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 3px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(233,196,106,.2)}
.lend-pote img{width:18px;height:18px;object-fit:contain}
.lend-pote b{font-family:Cinzel,Georgia,serif;color:var(--cl-ouro);font-size:calc(12px * var(--text-scale,1));letter-spacing:.02em}
.lend-pote.zero{opacity:.5}
.lend-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#222}
.lend-bar i{display:block;background:linear-gradient(90deg,#c9962e,#f3d27e)}
.lend-bar i+i{background:linear-gradient(90deg,#8e1d2e,#d8495d)}
.lend-bar.vazia{opacity:.35}
.lend-lados{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lend-ap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;margin:0;padding:8px;border-radius:10px;border:1px solid var(--cl-ouro3);background:rgba(23,17,11,.92);color:var(--cl-txt);text-align:left;cursor:var(--cur-mao,pointer);width:100%;min-width:0;min-height:0}
.lend-ap.b{border-color:#7d2f3a}
.lend-ap.on{box-shadow:0 0 0 2px var(--cl-ouro),0 0 14px rgba(233,196,106,.35)}
.lend-ap>div{min-width:0}
.lend-ap b{display:block;font-size:calc(13px * var(--text-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-ap small{font-size:calc(11px * var(--text-scale,1));color:var(--cl-mut);font-weight:700}
.lend-ap em{grid-column:1/-1;text-align:center;font-style:normal;font-size:calc(10.5px * var(--text-scale,1));font-weight:900;letter-spacing:.08em;padding:6px 8px;border-radius:6px;background:linear-gradient(180deg,#f3d27e,#c9962e);color:#2a1a06;white-space:nowrap}
.lend-ap.b em{background:linear-gradient(180deg,#d8495d,#8e1d2e);color:#fff}
.lend-ap .lend-potes{grid-column:1/-1}
.lend-herois{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.lend-travado{margin:0;font-size:calc(12px * var(--text-scale,1));color:var(--cl-mut);text-align:center;font-weight:600}
.lend-form{display:grid;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--cl-ouro);background:rgba(30,20,10,.88)}
.lend-form-cab{font-weight:900;color:var(--cl-ouro2);font-size:calc(13px * var(--text-scale,1))}
.lend-tipos,.lend-moedas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lend-tipo,.lend-moeda{margin:0;padding:8px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(10,7,5,.7);color:var(--cl-mut);font-weight:900;letter-spacing:.05em;font-size:calc(11px * var(--text-scale,1));cursor:var(--cur-mao,pointer);width:auto;min-height:0;text-align:center}
.lend-tipo.on,.lend-moeda.on{border-color:var(--cl-ouro);color:var(--cl-txt);background:rgba(233,196,106,.16)}
.lend-moeda{display:grid;justify-items:center;gap:3px}
.lend-moeda img{width:26px;height:26px;object-fit:contain}
.lend-moeda span{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.lend-moeda small{font-weight:600;letter-spacing:0;font-size:calc(10px * var(--text-scale,1))}
.lend-valor{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lend-campo{flex:1 1 140px;min-width:0;box-sizing:border-box;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid var(--cl-ouro3);background:#0a0705;color:var(--cl-txt);font-size:calc(14px * var(--text-scale,1))}
.lend-est{margin:0;min-height:1.2em;font-size:calc(12.5px * var(--text-scale,1));color:var(--cl-ouro2)}
.lend-minhas li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:calc(13px * var(--text-scale,1));color:#d9ccb0;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.25)}
.lend-minhas li img{width:26px;height:26px;object-fit:contain;flex:none}
.lend-minhas li span{flex:1 1 150px;min-width:0}
.lend-minhas li b{color:var(--cl-ouro)}
.lend-minhas li em{font-style:normal;font-weight:900;font-size:calc(11px * var(--text-scale,1));letter-spacing:.05em;color:var(--cl-mut);text-align:right;margin-left:auto}
.lend-minhas li.ganhou em{color:var(--cl-verde)}
.lend-minhas li.perdeu em{color:var(--cl-rubi2)}

/* ---------- campeões ---------- */
.lend-galeria{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.lend-galeria li{display:flex;align-items:center;gap:8px;background:rgba(10,7,5,.6);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px}
.lend-galeria li div{min-width:0}
.lend-galeria b{display:block;font-size:calc(13px * var(--text-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-galeria small{font-size:calc(11px * var(--text-scale,1));color:var(--cl-mut);font-weight:600}
.lend-faixas{display:grid;gap:8px}
.lend-faixa{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25)}
.lend-faixa.top{border-color:rgba(233,196,106,.6);box-shadow:0 0 14px rgba(233,196,106,.15)}
.lend-faixa>span{font-family:Cinzel,Georgia,serif;font-weight:700;color:var(--cl-ouro);font-size:calc(13px * var(--text-scale,1))}
.lend-premios{display:flex;flex-wrap:wrap;gap:6px}
.lend-premio{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 4px;border-radius:8px;background:rgba(8,6,4,.7);border:1px solid rgba(233,196,106,.18);min-width:0;max-width:100%}
.lend-premio img{width:24px;height:24px;object-fit:contain;flex:none}
.lend-premio b{font-size:calc(12px * var(--text-scale,1));color:var(--cl-ouro2)}
.lend-premio small{font-size:calc(10.5px * var(--text-scale,1));color:var(--cl-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-premio-titulo img{width:auto;height:26px}

/* ---------- rever a luta ---------- */
.lend-lutando .lend-corpo>:not([data-lend-luta]){display:none!important}
.lend-placar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:6px}
.lend-placar span{font-weight:900;color:var(--cl-ouro2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lend-placar span.b{text-align:right}
.lend-placar b{font-family:Cinzel,Georgia,serif;font-size:calc(24px * var(--text-scale,1));color:var(--cl-ouro)}
.lend-placar small{grid-column:1/-1;text-align:center;font-weight:900;letter-spacing:.12em;color:var(--cl-mut);font-size:calc(11px * var(--text-scale,1))}
.lend-luta-pe{display:flex;justify-content:center;margin-top:8px}
#lendasBattleVisualizer{container-type:inline-size}
#lendasBattleVisualizer .pvp-visualizer-stage>div:first-of-type{margin:-15px -20px 8px!important;padding:12px 20px 10px!important;background:linear-gradient(rgba(5,4,3,.82),rgba(5,4,3,.45) 70%,transparent)}
#lendasBattleVisualizer h4>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:700px){
  #lendasBattleVisualizer .pvp-visualizer-stage{height:clamp(320px,calc(100vh - 300px),600px)!important}
  #lendasBattleVisualizer .pvp-chao{padding-bottom:clamp(25px,11vh,130px)!important}
}

/* ---------- celular ---------- */
@media (max-width:760px){
  .lend-fundo{padding:0!important;align-items:stretch}
  .lend-janela.modal-card{max-height:100vh;height:100%;border-radius:0;border-left:0;border-right:0;padding:0}
  @supports (height:100dvh){.lend-janela.modal-card{max-height:100dvh;height:100dvh}}
}
@media (max-width:720px){
  .lend-palco{aspect-ratio:1/1.05;--h:34cqw;background-position:50% 60%;width:100%;max-width:520px;margin:0 auto}
  .lend-palco.faixa{aspect-ratio:16/6}
  .lend-her{bottom:10cqw}
  .lend-her.grande{--h:38cqw}
  .lend-placa strong{font-size:12px}
  .lend-placa small,.lend-selo{font-size:8px;letter-spacing:.1em}
  .lend-topo-t strong{font-size:15px}
  .lend-passos{grid-template-columns:1fr 1fr}
  .lend-faixa{grid-template-columns:1fr}
  #lendasBattleVisualizer .pvp-visualizer-stage{height:270px!important;padding:12px 10px!important}
  #lendasBattleVisualizer #pvpVisualizerPlayerAnchor,#lendasBattleVisualizer #pvpVisualizerEnemyAnchor{flex:0 1 150px;min-width:0;transform-origin:50% 100%}
}
@media (max-width:420px){
  .lend-cab h2{font-size:calc(19px * var(--text-scale,1))}
  .lend-cab small{letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lend-cab-icone{width:38px;height:38px}
  .lend-corpo{padding:10px 10px 14px}
  .lend-abas{margin:-10px -10px 0;top:-10px;padding:0 6px}
  .lend-aba{font-size:calc(11px * var(--text-scale,1));letter-spacing:.04em}
  .lend-rd{font-size:calc(10px * var(--text-scale,1));letter-spacing:.02em}
  .lend-conf{padding:7px 8px;gap:6px}
  .lend-lados{gap:6px}
  .lend-tipos,.lend-moedas{gap:4px}
}