/* /js/jogos/lol-plano-luta.css -- bloco "Plano de luta" do Confronto da rota (mockup aprovado 04/11/2026). Usa as variáveis do .lc; letra mínima 15px (regra 18); o cenário e o feixe de luz vêm da classe lc-bloco. */
.lp-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;padding-top:8px}
@media (max-width:900px){.lp-tres{grid-template-columns:1fr}}
.lp-opcao{position:relative;text-align:left;background:var(--lc-800);border:1px solid var(--lc-line-hi);border-radius:14px;padding:16px;cursor:pointer;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:10px;min-width:0;color:var(--lc-hi);font:inherit}
.lp-opcao[aria-pressed="true"]{border-color:var(--lc-or);background:var(--lc-or-wash);box-shadow:0 0 0 1px var(--lc-or) inset}
.lp-opcao:focus-visible,.lp-gaveta summary:focus-visible{outline:2px solid var(--lc-or);outline-offset:2px}
.lp-opcao h3{margin:0;font:800 19px var(--lc-display);text-wrap:balance}
.lp-dur{font:600 15px var(--lc-mono);color:var(--lc-or-300)}
.lp-opcao ul{margin:0;padding-left:18px;color:var(--lc-mid)}
.lp-sel{position:absolute;top:-12px;left:14px;font:600 15px var(--lc-mono);background:var(--lc-ok);color:#04251a;border-radius:999px;padding:2px 12px}
.lp-amostra{font:500 15px var(--lc-mono);color:var(--lc-low)}
.lp-efeito{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lp-pp{font:700 19px var(--lc-mono);font-variant-numeric:tabular-nums}
.lp-pp.bom{color:var(--lc-ok)}.lp-pp.mau{color:var(--lc-ruim)}.lp-pp.neutro{color:var(--lc-ouro)}
.lp-tag{font:600 15px var(--lc-mono);border-radius:999px;padding:2px 10px;border:1px solid currentColor}
.lp-tag.bom{color:var(--lc-ok)}.lp-tag.mau{color:var(--lc-ruim)}.lp-tag.neutro{color:var(--lc-ouro)}
.lp-h3{margin:6px 0 0;font:800 19px var(--lc-display)}
.lp-mapa-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:900px){.lp-mapa-grade{grid-template-columns:1fr}}
.lp-mapa{width:100%;height:auto;display:block;border:1px solid var(--lc-line);border-radius:12px}
.lp-mapa text{fill:var(--lc-hi);font:600 15px var(--lc-mono)}
.lp-fundo{fill:var(--lc-900)}
.lp-rota{fill:none;stroke:var(--lc-line-hi);stroke-width:22;stroke-linecap:round;stroke-linejoin:round}
.lp-base{fill:#1a2130}.lp-base.nos{stroke:var(--lc-ciano)}.lp-base.eles{stroke:var(--lc-ruim)}
.lp-pt{fill:#1a2130;stroke:var(--lc-or);stroke-width:3}.lp-pt.on{fill:var(--lc-or)}
.lp-pt.on + text{fill:#1a0b02}
.lp-tempo{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.lp-tempo li{display:grid;gap:4px;border:1px solid var(--lc-line);border-radius:12px;padding:10px 12px;background:var(--lc-800)}
.lp-tempo li[data-ativo="true"]{border-color:var(--lc-or);background:var(--lc-or-wash)}
.lp-tempo span{color:var(--lc-mid)}
.lp-gaveta{border:1px solid var(--lc-line);border-radius:12px;background:var(--lc-850)}
.lp-gaveta summary{cursor:pointer;padding:12px 16px;font-weight:700;min-height:44px}
.lp-dentro{padding:0 16px 16px;display:grid;gap:8px;color:var(--lc-mid)}
.lp-dentro p{margin:0}