/* REAL-LOBBY v2 drop-in blocks (rl2-*). Override the variables from your kit palette, e.g.
   .rl2{--rl2-accent:var(--gold);--rl2-bg2:var(--panel)}  Fonts inherit from the kit. */
.rl2{--rl2-bg2:#121a2b;--rl2-card:#18223a;--rl2-line:rgba(255,255,255,.10);--rl2-ink:#f4f6ff;--rl2-muted:#a9b3cc;
  --rl2-accent:#ffc83d;--rl2-accent2:#19d3a2;--rl2-hot:#ff3d5a;--rl2-top:#7b5cff;--rl2-new:#19c37d;--rl2-r:14px;
  --rl2-glow:0 0 0 1px rgba(255,200,61,.55),0 8px 28px rgba(255,200,61,.28);color:var(--rl2-ink)}
.rl2 *{box-sizing:border-box}
.rl2-ico{width:18px;height:18px;flex:none}
.rl2 h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;letter-spacing:.01em}
.rl2 h2 .rl2-ico{color:var(--rl2-accent);width:20px;height:20px}
/* chips */
.rl2-chips{position:relative;margin:10px 0}
.rl2-chips-in{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.rl2-chips-in::-webkit-scrollbar{display:none}
.rl2-chip{display:inline-flex;align-items:center;gap:7px;flex:none;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--rl2-line);
  background:var(--rl2-card);color:var(--rl2-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:.15s}
.rl2-chip:hover{border-color:var(--rl2-accent)}
.rl2-chip.is-on{background:linear-gradient(180deg,var(--rl2-accent),color-mix(in srgb,var(--rl2-accent) 70%,#000));color:#141004;border-color:transparent;box-shadow:var(--rl2-glow)}
/* jackpot */
.rl2-jp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.rl2-jp-tier{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 14px;border-radius:var(--rl2-r);text-decoration:none;color:var(--rl2-ink);
  background:linear-gradient(135deg,var(--rl2-card),var(--rl2-bg2));border:1px solid var(--rl2-line);position:relative;overflow:hidden}
.rl2-jp-tier::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.10) 50%,transparent 70%);
  transform:translateX(-100%);animation:rl2-shine 4s infinite}
.rl2-jp-tier b{font-size:14px;font-weight:800;letter-spacing:.06em}
.rl2-jp-tier .rl2-ico{width:22px;height:22px}
.t-grand .rl2-ico,.t-grand b{color:var(--rl2-accent)}.t-major .rl2-ico,.t-major b{color:#ff9a3d}
.t-minor .rl2-ico,.t-minor b{color:var(--rl2-accent2)}.t-mini .rl2-ico,.t-mini b{color:#9fb4ff}
.rl2-jp-digits{display:flex;gap:3px;margin-left:auto;flex:none}
.rl2-jp-digits i{display:grid;place-items:center;width:18px;height:26px;border-radius:5px;background:#05070d;border:1px solid var(--rl2-line);font-style:normal;color:var(--rl2-muted);font-size:12px}
.rl2-jp-val{font-size:11.5px;font-weight:700;color:var(--rl2-muted);white-space:nowrap}
@keyframes rl2-shine{to{transform:translateX(100%)}}
/* rows + tiles */
.rl2-row,.rl2-all{margin:18px 0}
.rl2-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.rl2-vertodos{color:var(--rl2-accent);font-weight:800;font-size:14px;text-decoration:none;padding:6px 4px}
.rl2-vertodos:hover{text-decoration:underline}
.rl2-grid{display:grid;grid-template-columns:repeat(var(--rl2-cols,8),minmax(0,1fr));gap:12px}
.rl2-tile{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--rl2-ink);min-width:0}
.rl2-tile-media{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--rl2-r);overflow:hidden;background:var(--rl2-card);
  border:1px solid var(--rl2-line);transition:transform .15s,box-shadow .15s}
.rl2-tile-media img{width:100%;height:100%;object-fit:cover;display:block}
.rl2-tile:hover .rl2-tile-media,.rl2-tile:focus-visible .rl2-tile-media{transform:translateY(-3px);box-shadow:var(--rl2-glow)}
.rl2-tile-over{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,7,13,.55);opacity:0;transition:opacity .15s}
.rl2-tile:hover .rl2-tile-over,.rl2-tile:focus-visible .rl2-tile-over{opacity:1}
.rl2-jogar{padding:9px 18px;border-radius:999px;background:var(--rl2-accent);color:#141004;font-weight:800;font-size:14px;box-shadow:var(--rl2-glow)}
.rl2-badge{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.05em;color:#fff;background:var(--rl2-hot)}
.rl2-badge.b-top{background:var(--rl2-top)}.rl2-badge.b-novo{background:var(--rl2-new)}
.rl2-tile-name{font-size:13.5px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl2-tile-prov{font-size:12px;color:var(--rl2-muted);line-height:1.2}
.rl2-tile[hidden]{display:none}
/* ranking */
.rl2-rank{background:var(--rl2-bg2);border:1px solid var(--rl2-line);border-radius:var(--rl2-r);padding:16px}
.rl2-rank ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rl2-rank-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--rl2-card);text-decoration:none;color:var(--rl2-ink);border:1px solid transparent}
.rl2-rank-row:hover{border-color:var(--rl2-accent)}
.rl2-rank-row b{width:26px;text-align:center;font-size:18px;color:var(--rl2-accent)}
.rl2-rank-row img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.rl2-rank-row span{display:flex;flex-direction:column;min-width:0;flex:1}
.rl2-rank-row strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl2-rank-row small{font-size:12px;color:var(--rl2-muted)}
.rl2-rank-row em{font-style:normal;font-weight:800;font-size:12px;color:#141004;background:var(--rl2-accent);padding:5px 10px;border-radius:999px}
.rl2-mini{margin:4px 0 0;font-size:12.5px;color:var(--rl2-muted)}
/* providers */
.rl2-provs{margin:18px 0}
.rl2-provs-in{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.rl2-prov{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:170px;padding:12px 18px;border-radius:var(--rl2-r);
  background:var(--rl2-card);border:1px solid var(--rl2-line);color:var(--rl2-ink);font:inherit;cursor:pointer;text-align:left}
.rl2-prov strong{font-size:16px;font-weight:800}.rl2-prov small{color:var(--rl2-muted);font-size:12px}
.rl2-prov:hover,.rl2-prov.is-on{border-color:var(--rl2-accent);box-shadow:var(--rl2-glow)}
/* all games */
.rl2-q{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:999px;background:var(--rl2-card);border:1px solid var(--rl2-line);min-width:260px}
.rl2-q input{flex:1;background:transparent;border:0;outline:0;color:var(--rl2-ink);font:inherit;font-size:14px}
.rl2-grid-all{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.rl2-state{margin:0 0 8px;color:var(--rl2-muted);font-size:13px;min-height:1em}
.rl2-more{display:block;margin:16px auto 0;height:46px;padding:0 28px;border-radius:999px;border:1px solid var(--rl2-accent);background:transparent;
  color:var(--rl2-accent);font:inherit;font-weight:800;cursor:pointer}
.rl2-more[hidden]{display:none}
.rl2-all.is-flash .rl2-grid-all,.rl2-row.is-flash .rl2-grid{animation:rl2-flash .5s}
@keyframes rl2-flash{from{opacity:.35}to{opacity:1}}
.rl2-credit{font-size:12px;color:var(--rl2-muted);margin:8px 0}
.rl2-mgrid{display:none}
/* responsive */
@media (max-width:1100px){.rl2-grid{grid-template-columns:repeat(min(var(--rl2-cols,8),6),minmax(0,1fr))}.rl2-jp{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){
  .rl2-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
  .rl2-row .rl2-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:none}
  .rl2-row .rl2-grid::-webkit-scrollbar{display:none}
  .rl2-row .rl2-tile{flex:0 0 30%;scroll-snap-align:start}
  .rl2-grid-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .rl2-rank ol{grid-template-columns:1fr}
  .rl2-head{flex-wrap:wrap}.rl2-q{min-width:0;width:100%}
  .rl2 h2{font-size:18px}.rl2-chip{height:38px;padding:0 13px;font-size:13px}
  .rl2-jp-tier{min-height:48px;padding:6px 10px}.rl2-jp-digits i{width:13px;height:22px}
  .rl2-prov{min-width:0;flex:1 1 40%}
  .rl2-tile-name{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.rl2-jp-tier::after{animation:none}}