/* /js/jogos/lol-coach.css -- Coach do LoL no chat (mockup aprovado 28/10/2026: docs/mockups/lol/confronto-da-rota.html, aba Coach no chat).
   Mesmas cores do Correio e do Confronto da rota (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). */
.lk{--lk-950:#090c13;--lk-900:#0c0f16;--lk-850:#0f131c;--lk-800:#141a25;--lk-line:#29313d;--lk-line-hi:#3a4759;
  --lk-hi:#f0f3f7;--lk-mid:#a7b0bd;--lk-low:#8a95a5;--lk-or:#ff7a2f;--lk-or-300:#ffb082;--lk-or-wash:rgba(255,122,47,.10);--lk-or-line:rgba(255,122,47,.38);
  --lk-ok:#38d6a0;--lk-ruim:#f0736a;--lk-ouro:#e3b341;--lk-ciano:#20d3e0;--lk-roxo:#b48cff;
  --lk-display:'Archivo','Inter',system-ui,sans-serif;--lk-mono:'IBM Plex Mono',ui-monospace,monospace;
  display:grid;gap:16px;color:var(--lk-hi);font-size:15px;line-height:1.5}
.lk [hidden]{display:none!important}
.lk button{font:inherit;color:inherit}
.lk button:focus-visible,.lk input:focus-visible{outline:2px solid var(--lk-or);outline-offset:2px}
.lk-bloco{position:relative;overflow:hidden;isolation:isolate;background:var(--lk-850);border:1px solid var(--lk-line);border-radius:14px;min-width:0;padding:18px;display:grid;gap:14px;align-content:start}
.lk-bloco::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--lk-faixa,var(--lk-or));z-index:2}
.lk-arte{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--lk-faixa,var(--lk-or))}
.lk-arte svg{position:absolute;right:0;bottom:0;width:62%;height:70%;opacity:.12}
.lk-arte i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;animation:lk-subir 7s linear infinite}
.lk-arte i:nth-child(2){left:22%;animation-delay:1.8s}.lk-arte i:nth-child(3){left:46%;animation-delay:3.6s}.lk-arte i:nth-child(4){left:71%;animation-delay:5.2s}
@keyframes lk-subir{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-190px);opacity:0}}
@media (prefers-reduced-motion:reduce){.lk-arte i{animation:none;opacity:.5}}
.lk-cab{grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px 22px}
.lk-cab-ic{width:56px;height:56px;color:var(--lk-or-300)}
.lk-etiq{font:600 15px var(--lk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lk-or)}
.lk-cab h1{margin:0;font:800 30px/1.1 var(--lk-display);font-stretch:90%;text-wrap:balance}
.lk-cab p{margin:4px 0 0;color:var(--lk-mid);max-width:70ch}
.lk h2{margin:0;font:800 19px var(--lk-display)}
.lk-chat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:14px;align-items:start}
@media (max-width:900px){.lk-chat{grid-template-columns:1fr}}
.lk-msgs{display:grid;gap:12px;max-height:60vh;overflow:auto;padding-right:2px}
.lk-msg{max-width:94%;padding:12px 14px;border-radius:14px;border:1px solid var(--lk-line);display:grid;gap:10px;background:var(--lk-900);min-width:0}
.lk-msg.eu{justify-self:end;background:var(--lk-or-wash);border-color:var(--lk-or-line)}
.lk-msg .quem{font:600 15px var(--lk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lk-low)}
.lk-msg p{margin:0;overflow-wrap:anywhere}
.lk-msg p.erro{color:var(--lk-ruim)}
.lk-msg ul{margin:0;padding-left:20px;display:grid;gap:4px}
.lk-pensando{color:var(--lk-mid)}
.lk-cartao{display:grid;gap:10px;background:var(--lk-850);border:1px solid var(--lk-line-hi);border-radius:12px;padding:12px}
.lk-vs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lk-camp{display:inline-flex;gap:8px;align-items:center}
.lk-camp img{width:48px;height:48px;border-radius:10px;border:2px solid var(--lk-line-hi);background:var(--lk-800)}
.lk-x{font:600 15px var(--lk-mono);color:var(--lk-or-300);text-transform:uppercase}
.lk-taxa{margin-left:auto;display:grid;justify-items:end;font:800 24px/1.1 var(--lk-display);color:var(--lk-ok);font-variant-numeric:tabular-nums}
.lk-taxa small{font:600 15px var(--lk-mono);color:var(--lk-low)}
.lk-selo{display:inline-flex;font:600 15px var(--lk-mono);border-radius:999px;padding:2px 10px;border:1px solid var(--lk-ouro);color:var(--lk-ouro);background:rgba(227,179,65,.10)}
.lk-estilo{font:600 15px var(--lk-mono);color:var(--lk-ouro)}
.lk-itens,.lk-habs,.lk-linha{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.lk-item{display:grid;grid-template-rows:56px auto;gap:4px;justify-items:center;width:92px;text-align:center}
.lk-item img{width:56px;height:56px;border-radius:12px;border:2px solid var(--lk-line-hi);background:var(--lk-800)}
.lk-item span,.lk-runa span{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.lk-runa{display:grid;grid-template-rows:44px auto 28px;gap:4px;justify-items:center;width:104px;text-align:center}
.lk-runa img{width:44px;height:44px;border-radius:50%;border:2px solid var(--lk-roxo);background:var(--lk-800)}
.lk-runa img.sec{width:28px;height:28px;border-width:1px}
.lk-hab{display:grid;gap:2px;justify-items:center}
.lk-hab img{width:40px;height:40px;border-radius:8px;border:2px solid var(--lk-line-hi);background:var(--lk-800)}
.lk-hab small{font:600 15px var(--lk-mono);color:var(--lk-low)}
.lk-chips{display:flex;gap:8px;flex-wrap:wrap}
.lk-chips button{background:var(--lk-800);border:1px solid var(--lk-line-hi);border-radius:999px;padding:6px 14px;cursor:pointer;color:var(--lk-mid);min-height:40px;text-align:left}
.lk-envio{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.lk-envio input,.lk-idade input{background:var(--lk-800);border:1px solid var(--lk-line-hi);border-radius:10px;padding:10px 12px;min-height:46px;color:inherit;font:inherit;min-width:0}
.lk-btn{background:var(--lk-800);border:1px solid var(--lk-line-hi);border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;min-height:44px}
.lk-btn.cheio{background:var(--lk-or);border-color:var(--lk-or);color:#1a0b02}
.lk-btn:disabled{opacity:.5;cursor:default}
.lk-aviso{margin:0;border:1px solid var(--lk-ruim);background:rgba(240,115,106,.10);border-radius:12px;padding:12px 16px}
.lk-idade{display:grid;gap:8px;border:1px solid var(--lk-ouro);border-radius:12px;padding:12px 16px;background:rgba(227,179,65,.08)}
.lk-pontos{display:grid;gap:8px}
.lk-pontos div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--lk-line);padding-bottom:6px}
.lk-pontos div:last-child{border-bottom:0}
.lk-pontos span{color:var(--lk-mid)}
.lk-pontos b{font-family:var(--lk-mono)}
.lk-dica{margin:0;color:var(--lk-low)}