/* r18 (2026-10-17): daily leaderboard for Merge the Bubbles */
.lb { width: min(100%, 340px); text-align: left; display: grid; gap: 8px; margin: 4px 0; }
.lb__form { display: grid; gap: 7px; padding: 12px; border: 1.5px solid #c8ff3d; border-radius: 16px; background: rgba(200,255,61,.07); }
.lb__form b { font-size: 14px; color: #fff; }
.lb__form small, .lb__note { font-size: 11.5px; color: rgba(255,255,255,.65); line-height: 1.4; }
.lb__form input { font: inherit; font-size: 14px; width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.35); color: #fff; outline: none; }
.lb__form input:focus { border-color: #c8ff3d; }
.lb__form .lb__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.lb__row2 { display: flex; gap: 6px; }
.lb__row2 .mg-btn { justify-content: center; flex: 1; cursor: pointer; }
.lb__err { color: #ffb4a8; font-size: 12px; min-height: 0; }
.lb__win { font-size: 15px; font-weight: 700; color: #c8ff3d; text-align: center; }
.lb__t { display: flex; justify-content: space-between; align-items: baseline; font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.6); margin: 4px 2px 0; }
.lb__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; max-width: none !important; }
.lb__list li { display: grid; grid-template-columns: 26px 1fr auto; gap: 8px; align-items: center; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: 13px; color: #fff; }
.lb__list li.is-me { background: rgba(200,255,61,.16); outline: 1px solid #c8ff3d; }
.lb__list li:nth-child(1) .lb__n { color: #f5c542; } .lb__list li:nth-child(2) .lb__n { color: #d9dde3; } .lb__list li:nth-child(3) .lb__n { color: #e0a36b; }
.lb__n { font-weight: 800; font-variant-numeric: tabular-nums; color: rgba(255,255,255,.55); }
.lb__who { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb__who small { color: rgba(255,255,255,.55); margin-left: 5px; font-size: 11.5px; }
.lb__s { font-weight: 700; font-variant-numeric: tabular-nums; color: #c8ff3d; }
.lb__best { font-size: 12px; color: rgba(255,255,255,.75); padding: 7px 10px; border: 1px dashed rgba(245,197,66,.6); border-radius: 10px; }
.lb__best b { color: #f5c542; }
.lb__empty { font-size: 13px; color: rgba(255,255,255,.8); padding: 9px 10px; border-radius: 10px; background: rgba(255,255,255,.05); }
/* teaser line in the game intro (visible while scrolling past the Lab) */
.x-dz__lb { margin: 10px 0 0; font-size: 13px; line-height: 1.4; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.x-dz__lb b { font-variant-numeric: tabular-nums; }
.x-dz__lb .lb__pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #c8ff3d; color: #111; font-weight: 700; font-size: 12px; }
#lab.x-txton:not(.mg-playing) #dzintro .x-dz__lb { display: none; }
.mg-hud .lb__hud b { color: #f5c542; }
@media (max-width: 640px) { .lb__list li { padding: 6px 8px; font-size: 12.5px; } .mg-hud .lb__hud { display: none; } }