/* /js/jogos/lol-confronto.css -- tela "Confronto da rota" do Coach do LoL (mockup aprovado 28/10/2026: docs/mockups/lol/confronto-da-rota.html).
   Mesmas cores do Correio, das Notificações e do Seu Riot ID (grafite + laranja). Letra mínima 15px (regra 18); cenário e cortes (regra 11); onda de luz = span.rk-onda (regra 20); tudo alinhado (regra 25). */
.lv{--lv-950:#090c13;--lv-900:#0c0f16;--lv-850:#0f131c;--lv-800:#141a25;--lv-line:#29313d;--lv-line-hi:#3a4759;
  --lv-hi:#f0f3f7;--lv-mid:#a7b0bd;--lv-low:#8a95a5;--lv-or:#ff7a2f;--lv-or-300:#ffb082;--lv-or-wash:rgba(255,122,47,.10);--lv-or-line:rgba(255,122,47,.38);
  --lv-ok:#38d6a0;--lv-ruim:#f0736a;--lv-ouro:#e3b341;--lv-ciano:#20d3e0;--lv-roxo:#b48cff;
  --lv-display:'Archivo','Inter',system-ui,sans-serif;--lv-mono:'IBM Plex Mono',ui-monospace,monospace;
  display:grid;gap:16px;color:var(--lv-hi);font-size:15px;line-height:1.5}
.lv [hidden]{display:none!important}
.lv button{font:inherit;color:inherit}
.lv button:focus-visible,.lv input:focus-visible,.lv summary:focus-visible{outline:2px solid var(--lv-or);outline-offset:2px}
.lv-bloco{position:relative;overflow:hidden;isolation:isolate;background:var(--lv-850);border:1px solid var(--lv-line);border-radius:14px;min-width:0;padding:18px;display:grid;gap:14px;align-content:start}
.lv-bloco::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--lv-faixa,var(--lv-or));z-index:2}
.lv-arte{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--lv-faixa,var(--lv-or))}
.lv-arte svg{position:absolute;right:0;bottom:0;width:62%;height:70%;opacity:.12}
.lv-arte i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;animation:lv-subir 7s linear infinite}
.lv-arte i:nth-child(2){left:22%;animation-delay:1.8s}.lv-arte i:nth-child(3){left:46%;animation-delay:3.6s}.lv-arte i:nth-child(4){left:71%;animation-delay:5.2s}
@keyframes lv-subir{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-190px);opacity:0}}
@media (prefers-reduced-motion:reduce){.lv-arte i{animation:none;opacity:.5}}
.lv-cab{grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px 22px}
.lv-cab-ic{width:56px;height:56px;color:var(--lv-or-300)}
.lv-etiq{font:600 15px var(--lv-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lv-or)}
.lv-cab h1{margin:0;font:800 30px/1.1 var(--lv-display);font-stretch:90%;text-wrap:balance}
.lv-cab p{margin:4px 0 0;color:var(--lv-mid);max-width:70ch}
.lv h2{margin:0;font:800 19px var(--lv-display);display:flex;gap:10px;align-items:center;flex-wrap:wrap;text-wrap:balance}
.lv-aviso{margin:0;border:1px solid var(--lv-ok);background:rgba(56,214,160,.10);border-radius:12px;padding:12px 16px}
.lv-aviso.erro{border-color:var(--lv-ruim);background:rgba(240,115,106,.10)}
.lv-res{display:grid;gap:16px}
.lv-duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
@media (max-width:900px){.lv-duas{grid-template-columns:1fr}}
.lv .rot{font:600 15px var(--lv-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lv-low)}
.lv-campo{display:grid;gap:8px}
.lv-rotas{display:flex;gap:6px;flex-wrap:wrap}
.lv-rotas button{background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:10px;padding:6px 12px;cursor:pointer;color:var(--lv-mid);font-weight:600;min-height:46px;display:inline-flex;gap:8px;align-items:center}
.lv-rotas button[aria-pressed="true"]{background:var(--lv-or-wash);border-color:var(--lv-or-line);color:var(--lv-or-300)}
.lv-rotas svg{width:20px;height:20px}
.lv-escolha{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start}
@media (max-width:900px){.lv-escolha{grid-template-columns:1fr}}
.lv-lado{display:grid;gap:8px;min-width:0}
.lv-lado input{background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:10px;padding:10px 12px;min-height:46px;width:100%;color:inherit;font:inherit}
.lv-vs{align-self:center;font:600 15px var(--lv-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lv-or-300);padding-top:60px}
@media (max-width:900px){.lv-vs{padding-top:0;justify-self:center}}
.lv-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}
.lv-cp{display:grid;grid-template-rows:64px auto;gap:4px;justify-items:center;text-align:center;background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:12px;padding:8px 4px;cursor:pointer}
.lv-cp img{width:64px;height:64px;border-radius:10px;border:2px solid var(--lv-line-hi);background:var(--lv-900);object-fit:cover}
.lv-cp .n{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.lv-cp[aria-pressed="true"]{background:var(--lv-or-wash);border-color:var(--lv-or-line)}
.lv-cp[aria-pressed="true"] img{border-color:var(--lv-or)}
.lv-elos{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.lv-elos button{display:inline-flex;gap:10px;align-items:center;background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:12px;padding:6px 14px 6px 8px;cursor:pointer;color:var(--lv-mid);font-weight:600;min-height:52px}
.lv-elos .ic{width:40px;height:40px;border-radius:50%;border:2px solid var(--lv-ouro);background:var(--lv-900);display:grid;place-items:center;font:800 18px var(--lv-display);color:var(--lv-low);flex:none}
.lv-elos button[aria-pressed="true"]{background:var(--lv-or-wash);border-color:var(--lv-or-line);color:var(--lv-or-300)}
.lv-divs{display:flex;gap:8px;flex-wrap:wrap}
.lv-divs button{background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:10px;padding:6px 14px;cursor:pointer;color:var(--lv-mid);font-weight:600;min-height:44px}
.lv-divs button[aria-pressed="true"]{background:var(--lv-or-wash);border-color:var(--lv-or-line);color:var(--lv-or-300)}
.lv-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--lv-mid)}
.lv-check input{width:20px;height:20px;margin-top:3px}
.lv-btn{background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;min-height:44px}
.lv-btn.cheio{background:var(--lv-or);border-color:var(--lv-or);color:#1a0b02}
.lv-btn:disabled{opacity:.5;cursor:default}
.lv-dica,.lv-nota{margin:0;color:var(--lv-low)}
.lv-selo{display:inline-flex;font:600 15px var(--lv-mono);border-radius:999px;padding:2px 10px;border:1px solid var(--lv-ouro);color:var(--lv-ouro);background:rgba(227,179,65,.10)}
.lv-placar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:640px){.lv-placar{grid-template-columns:1fr}}
.lv-num{background:var(--lv-900);border:1px solid var(--lv-line);border-radius:12px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
.lv-num .sic{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid currentColor;background:var(--lv-800);color:var(--lv-ciano)}
.lv-num .sic svg{width:26px;height:26px}
.lv-num.ok .sic{color:var(--lv-ok)} .lv-num.ouro .sic{color:var(--lv-ouro)}
.lv-num b{font:800 30px/1.1 var(--lv-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lv-num.ok b{color:var(--lv-ok)} .lv-num.ouro b{color:var(--lv-ouro)}
.lv-num > span:last-child{color:var(--lv-mid)}
.lv-curva{display:grid;gap:10px}
.lv-faixa{display:grid;grid-template-columns:130px minmax(0,1fr) 64px;gap:10px;align-items:center}
.lv-faixa .trilho{height:14px;border-radius:999px;background:var(--lv-800);border:1px solid var(--lv-line);overflow:hidden}
.lv-faixa .trilho i{display:block;height:100%;background:var(--lv-ciano);border-radius:999px}
.lv-faixa.melhor .trilho i{background:var(--lv-ok)}
.lv-faixa b{font:600 15px var(--lv-mono);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:640px){.lv-faixa{grid-template-columns:96px minmax(0,1fr) 56px}}
.lv-itens,.lv-runas,.lv-habs{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.lv-item{display:grid;grid-template-rows:64px auto auto;gap:4px;justify-items:center;width:104px;text-align:center}
.lv-item img{width:64px;height:64px;border-radius:12px;border:2px solid var(--lv-line-hi);background:var(--lv-800)}
.lv-item span{font-size:15px;line-height:1.25;min-height:2.5em;overflow-wrap:anywhere}
.lv-item small,.lv-runa small,.lv-hab small{font:600 15px var(--lv-mono);color:var(--lv-low)}
.lv-runa{display:grid;grid-template-rows:48px auto 28px auto;gap:4px;justify-items:center;width:112px;text-align:center}
.lv-runa img{width:48px;height:48px;border-radius:50%;border:2px solid var(--lv-roxo);background:var(--lv-800)}
.lv-runa img.sec{width:28px;height:28px;border-width:1px}
.lv-runa span{font-size:15px;line-height:1.25;min-height:2.5em;overflow-wrap:anywhere}
.lv-hab{display:grid;gap:4px;justify-items:center}
.lv-hab img{width:48px;height:48px;border-radius:10px;border:2px solid var(--lv-line-hi);background:var(--lv-800)}
.lv-plano{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.lv-plano li{display:grid;grid-template-columns:44px 140px minmax(0,1fr);gap:12px;align-items:start}
.lv-plano .pic{width:44px;height:44px;border-radius:12px;border:1px solid var(--lv-line-hi);background:var(--lv-800);display:grid;place-items:center;color:var(--lv-or-300)}
.lv-plano .pic svg{width:26px;height:26px}
.lv-plano b{font:600 15px var(--lv-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lv-or-300)}
@media (max-width:640px){.lv-plano li{grid-template-columns:44px minmax(0,1fr)}.lv-plano li > span:last-child{grid-column:1/-1}}
.lv-vazio{display:grid;gap:8px;justify-items:center;text-align:center;background:var(--lv-900);border:1px solid var(--lv-line);border-radius:12px;padding:20px 14px;color:var(--lv-mid)}
.lv-vazio b{font:800 19px var(--lv-display);color:var(--lv-hi)}
.lv-gaveta{padding:0}
.lv-gaveta summary{cursor:pointer;list-style:none;padding:14px 18px;font:800 17px var(--lv-display);display:flex;justify-content:space-between;gap:12px;min-height:48px;align-items:center}
.lv-gaveta summary::-webkit-details-marker{display:none}
.lv-gaveta summary::after{content:"+";font:600 20px var(--lv-mono);color:var(--lv-mid)}
.lv-gaveta[open] summary::after{content:"−"}
.lv-dentro{padding:0 18px 16px;color:var(--lv-mid);display:grid;gap:10px}
.lv-dentro p{margin:0}
.lv-col{display:grid;gap:10px;align-content:start;min-width:0}
.lv-col h3{margin:0;font:600 15px var(--lv-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lv-or-300)}
.lv-advs{display:flex;gap:10px;flex-wrap:wrap}
.lv-adv{display:grid;grid-template-rows:48px auto auto;gap:4px;justify-items:center;width:108px;text-align:center;background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:12px;padding:8px 4px;cursor:pointer}
.lv-adv img{width:48px;height:48px;border-radius:10px;border:2px solid var(--lv-line-hi);background:var(--lv-900)}
.lv-adv span{font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.lv-adv small{font:600 15px var(--lv-mono);color:var(--lv-low)}
.lv-adv:hover{border-color:var(--lv-or-line)}
.lv h3{margin:0;font:600 15px var(--lv-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lv-or-300)}
.lv-lista{display:grid;gap:8px}
.lv-partida{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left}
.lv-partida img,.lv-partida .ic{width:48px;height:48px;border-radius:10px;border:2px solid var(--lv-line-hi);background:var(--lv-900);display:grid;place-items:center}
.lv-partida.v{border-left:4px solid var(--lv-ok)} .lv-partida.d{border-left:4px solid var(--lv-ruim)}
.lv-partida.sel{background:var(--lv-or-wash);border-color:var(--lv-or-line)}
.lv-pt,.lv-rs{display:grid;gap:2px;min-width:0}
.lv-pt span,.lv-rs span{color:var(--lv-mid)}
.lv-rs{text-align:right;font-variant-numeric:tabular-nums}
.lv-tab{width:100%;border-collapse:collapse}
.lv-tab th,.lv-tab td{padding:8px 10px;border-bottom:1px solid var(--lv-line);text-align:right;font-variant-numeric:tabular-nums}
.lv-tab th[scope="row"]{text-align:left;color:var(--lv-mid);font-weight:600}
.lv-col{display:table-cell;text-align:center!important}
.lv-col img{width:48px;height:48px;border-radius:10px;border:2px solid var(--lv-line-hi);display:block;margin:0 auto 4px}
.lv-col span{display:block;font:600 15px var(--lv-mono);text-transform:uppercase;color:var(--lv-low)}
.lv-col small{display:block;font-size:15px;color:var(--lv-hi)}
.lv-tab td.bom{color:var(--lv-ok);font-weight:700} .lv-tab td.ruim{color:var(--lv-ruim)}
.lv-itens{display:flex;gap:10px;flex-wrap:wrap}
.lv-item{display:grid;grid-template-rows:56px auto auto;gap:4px;justify-items:center;width:100px;text-align:center}
.lv-item img{width:56px;height:56px;border-radius:12px;border:2px solid var(--lv-line-hi);background:var(--lv-800)}
.lv-item.falta img{border-color:var(--lv-ruim);opacity:.85}
.lv-item span{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.lv-item small{font:600 15px var(--lv-mono);color:var(--lv-ok)} .lv-item.falta small{color:var(--lv-ruim)}
.lv-runas{display:flex;gap:16px;flex-wrap:wrap}
.lv-runa{display:grid;gap:4px;justify-items:center;text-align:center;width:130px}
.lv-runa img{width:48px;height:48px;border-radius:50%;border:2px solid var(--lv-roxo);background:var(--lv-800)}
.lv-dicas{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.lv-dicas li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.lv-dicas .pic{width:44px;height:44px;border-radius:12px;border:1px solid var(--lv-line-hi);background:var(--lv-800);display:grid;place-items:center;color:var(--lv-or-300)}
.lv-dicas .pic svg{width:26px;height:26px}
.lv-btn{background:var(--lv-800);border:1px solid var(--lv-line-hi);border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;min-height:44px}
.lv-btn.cheio{background:var(--lv-or);border-color:var(--lv-or);color:#1a0b02}
.lv-nota{margin:0;color:var(--lv-low)}
.lv-res-wrap{display:grid;gap:16px}
.lv-mortes{display:flex;gap:8px;flex-wrap:wrap}
.lv-chip{font:600 15px var(--lv-mono);border:1px solid var(--lv-line-hi);border-radius:999px;padding:3px 12px;background:var(--lv-800);color:var(--lv-mid)}
.lv-chip.cedo{border-color:var(--lv-ruim);color:var(--lv-ruim)}
.lv-habs{display:flex;gap:6px;flex-wrap:wrap}
.lv-hab{display:grid;gap:2px;justify-items:center;width:52px}
.lv-hab img,.lv-hab .ic{width:40px;height:40px;border-radius:8px;border:2px solid var(--lv-line-hi);background:var(--lv-800);display:grid;place-items:center;font:800 18px var(--lv-display)}
.lv-hab small{font:600 15px var(--lv-mono);color:var(--lv-low)}