/* /js/jogos/lol-riot-id.css -- página "Seu Riot ID" do Coach do LoL (mockup aprovado 28/10/2026: docs/mockups/lol/confronto-da-rota.html, aba Cadastro do Riot ID).
   Mesmas cores do Correio e das Notificações (grafite + laranja). Letra mínima 15px (regra 18); cenário e cortes (regra 11); a onda de luz é o span.rk-onda de public/artes/feixe-onda.css (regra 20). */
.lr{--lr-950:#090c13;--lr-900:#0c0f16;--lr-850:#0f131c;--lr-800:#141a25;--lr-line:#29313d;--lr-line-hi:#3a4759;
  --lr-hi:#f0f3f7;--lr-mid:#a7b0bd;--lr-low:#8a95a5;--lr-or:#ff7a2f;--lr-or-300:#ffb082;--lr-or-wash:rgba(255,122,47,.10);--lr-or-line:rgba(255,122,47,.38);
  --lr-ok:#38d6a0;--lr-ruim:#f0736a;--lr-ouro:#e3b341;--lr-ciano:#20d3e0;
  --lr-display:'Archivo','Inter',system-ui,sans-serif;--lr-mono:'IBM Plex Mono',ui-monospace,monospace;
  display:grid;gap:16px;color:var(--lr-hi);font-size:15px;line-height:1.5}
.lr [hidden]{display:none!important}
.lr button{font:inherit;color:inherit}
.lr button:focus-visible,.lr input:focus-visible{outline:2px solid var(--lr-or);outline-offset:2px}
.lr-bloco{position:relative;overflow:hidden;isolation:isolate;background:var(--lr-850);border:1px solid var(--lr-line);border-radius:14px;min-width:0;padding:18px;display:grid;gap:14px;align-content:start}
.lr-bloco::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--lr-faixa,var(--lr-or));z-index:2}
.lr-arte{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--lr-faixa,var(--lr-or))}
.lr-arte svg{position:absolute;right:0;bottom:0;width:62%;height:70%;opacity:.12}
.lr-arte i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;animation:lr-subir 7s linear infinite}
.lr-arte i:nth-child(2){left:22%;animation-delay:1.8s}.lr-arte i:nth-child(3){left:46%;animation-delay:3.6s}.lr-arte i:nth-child(4){left:71%;animation-delay:5.2s}
@keyframes lr-subir{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-190px);opacity:0}}
@media (prefers-reduced-motion:reduce){.lr-arte i{animation:none;opacity:.5}}
.lr-cab{grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px 22px}
.lr-cab-ic{width:56px;height:56px;color:var(--lr-or-300)}
.lr-etiq{font:600 15px var(--lr-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lr-or)}
.lr-cab h1{margin:0;font:800 30px/1.1 var(--lr-display);font-stretch:90%;text-wrap:balance}
.lr-cab p{margin:4px 0 0;color:var(--lr-mid);max-width:70ch}
.lr h2{margin:0;font:800 19px var(--lr-display);text-wrap:balance}
.lr-duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
@media (max-width:900px){.lr-duas{grid-template-columns:1fr}}
.lr-aviso{margin:0;border:1px solid var(--lr-ok);background:rgba(56,214,160,.10);border-radius:12px;padding:12px 16px;color:var(--lr-hi)}
.lr-aviso.erro{border-color:var(--lr-ruim);background:rgba(240,115,106,.10)}
.lr form{display:grid;gap:14px}
.lr-campos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.lr-campo{display:grid;gap:6px}
.lr-campo label{font:600 15px var(--lr-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lr-low)}
.lr-campo input{background:var(--lr-800);border:1px solid var(--lr-line-hi);border-radius:10px;padding:10px 12px;min-height:46px;width:100%;color:inherit;font:inherit}
.lr-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--lr-mid)}
.lr-check input{width:20px;height:20px;margin-top:3px}
.lr-btn{background:var(--lr-800);border:1px solid var(--lr-line-hi);border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;min-height:44px}
.lr-btn.cheio{background:var(--lr-or);border-color:var(--lr-or);color:#1a0b02}
.lr-btn.perigo{border-color:var(--lr-ruim);color:var(--lr-ruim)}
.lr-btn:disabled{opacity:.5;cursor:default}
.lr-dica{margin:0;color:var(--lr-low)}
.lr-conta{display:grid;gap:8px;justify-items:start;background:var(--lr-900);border:1px solid var(--lr-line);border-radius:12px;padding:14px}
.lr-conta + .lr-conta{margin-top:0}
.lr-conta-t{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lr-conta-t b{font:800 17px var(--lr-display);overflow-wrap:anywhere}
.lr-conta span{color:var(--lr-mid)}
.lr-tag{display:inline-flex;font:600 15px var(--lr-mono);border-radius:999px;padding:1px 10px;border:1px solid var(--lr-ciano);color:var(--lr-ciano);background:rgba(32,211,224,.10)}
.lr-vazio{display:grid;gap:6px;justify-items:center;text-align:center;background:var(--lr-900);border:1px solid var(--lr-line);border-radius:12px;padding:20px 14px;color:var(--lr-mid)}
.lr-vazio b{font:800 19px var(--lr-display);color:var(--lr-hi)}
.lr-lista{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:var(--lr-mid)}
.lr-lista li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px}
.lr-lista li::before{content:"✓";color:var(--lr-ok);font-weight:700}
.lr-entrada{display:inline-flex;gap:8px;align-items:center;margin:0 0 10px;border:1px solid var(--lr-or-line,rgba(255,122,47,.38));background:rgba(255,122,47,.10);color:#ffb082;border-radius:10px;padding:8px 14px;min-height:44px;cursor:pointer;font-weight:600}