#game-lol-multilingual { color:#182b45; }
.lol-description-note { margin:-18px 0 24px; color:#607189; font-size:13px; }
.lol-browser { overflow:hidden; border:1px solid #dce4ed; border-radius:15px; background:#fff; box-shadow:0 8px 28px rgba(31,55,88,.06); }
.lol-browser-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:18px 20px 12px; }
.lol-eyebrow { margin:0; color:#1769e0; font-size:10px; font-weight:800; letter-spacing:.12em; }
.lol-browser-heading h2 { margin:2px 0 0; font-size:20px; }
.lol-count { margin:0; color:#63748a; font-size:13px; white-space:nowrap; }
.lol-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:0 20px 15px; }
.lol-search { display:flex; min-width:0; height:43px; align-items:center; gap:8px; padding:8px 11px; border:1px solid #bdcad9; border-radius:9px; background:#fff; color:#60758d; }
.lol-search:focus-within { border-color:#4b8bec; outline:3px solid rgba(75,139,236,.16); }
.lol-search .material-icons { font-size:19px; }
.lol-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; }
.lol-clear { display:inline-flex; height:43px; align-items:center; justify-content:center; gap:5px; padding:8px 12px; border:1px solid #cbd6e3; border-radius:9px; background:#f7f9fc; color:#29405c; font-weight:700; }
.lol-clear:hover { border-color:#8eabc9; background:#eff5fb; }
.lol-clear .material-icons { font-size:18px; }
.lol-table-wrap { position:relative; max-height:72vh; overflow-y:auto; overflow-x:hidden; border-top:1px solid #dfe6ef; }
.lol-table-wrap:focus-visible { outline:3px solid #8ab0f8; outline-offset:-3px; }
.lol-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; color:#263a55; font-size:13px; }
.lol-table th,.lol-table td { padding:8px 11px; border-bottom:1px solid #e7ecf2; overflow-wrap:anywhere; background:#fff; text-align:start; vertical-align:middle; }
.lol-table thead th { position:sticky; z-index:3; top:0; background:#eef3f9; color:#43536a; font-size:11px; letter-spacing:.02em; text-transform:uppercase; }
.lol-table tbody tr:nth-child(even)>* { background:#f8fafc; }
.lol-table tbody tr:hover>* { background:#edf5ff; }
.lol-table tbody tr:last-child>* { border-bottom:0; }
.lol-icon-column { width:62px; text-align:center!important; }
.lol-name-column { width:20%; font-weight:750; }
.lol-champion-icon { display:block; width:40px; height:40px; margin:auto; border-radius:9px; background:#e9eef5; object-fit:cover; }
.lol-empty { margin:0; padding:44px 20px; color:#64748b; text-align:center; }

@media (max-width:760px) {
  .lol-description-note { margin-top:-14px; }
  .lol-browser-heading { align-items:flex-start; padding:16px 14px 10px; }
  .lol-controls { padding:0 14px 13px; }
  .lol-table-wrap { overflow:auto; }
  .lol-table { min-width:690px; table-layout:auto; }
  .lol-table th,.lol-table td { padding:7px 9px; white-space:nowrap; }
  .lol-icon-column { position:sticky; z-index:1; left:0; width:52px; min-width:52px; padding-inline:6px!important; }
  .lol-name-column { position:sticky; z-index:1; left:52px; width:auto; min-width:128px; box-shadow:1px 0 0 #dfe6ef; }
  .lol-table thead .lol-icon-column,.lol-table thead .lol-name-column { z-index:5; background:#eef3f9; }
  .lol-champion-icon { width:36px; height:36px; }
}

@media (max-width:430px) {
  .lol-browser-heading { flex-direction:column; gap:5px; }
  .lol-controls { grid-template-columns:minmax(0,1fr) 40px; }
  .lol-clear { width:40px; padding:6px; }
  .lol-clear>span:last-child { display:none; }
  .lol-name-column { min-width:116px; }
}