/* Leaderboard panel of the puzzle games. Colours are inherited so each page's light/dark theme just works. */
.lb-panel{padding:0}
.lb-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;min-height:48px;padding:10px 20px;font-size:1.1rem;font-weight:700;color:inherit}
.lb-details>summary::-webkit-details-marker{display:none}
.lb-details>summary::after{content:"▾";margin-left:auto;font-size:.9rem;opacity:.7}
.lb-details[open]>summary::after{content:"▴"}
.lb-body{padding:0 20px 18px}
.lb-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 10px}
.lb-controls label{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:700;font-size:.9rem}
.lb-select,.lb-nick input{min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid rgba(130,140,160,.7);background:transparent;color:inherit;font:inherit;max-width:100%}
.lb-select option{color:#111;background:#fff}
.lb-period{display:inline-flex;gap:6px}
.lb-p[aria-pressed="true"]{background:rgba(47,158,107,.25);border-color:#2f9e6b}
.lb-table td:first-child,.lb-table th:first-child{width:3.2em}
.lb-table tr.lb-you td{font-weight:700;background:rgba(47,158,107,.16)}
.lb-note{margin:.4rem 0;font-size:.88rem;line-height:1.6;color:inherit}
.lb-ok{font-weight:700}
.lb-bad{font-weight:700;color:#d64545}
.lb-yours{font-weight:700}
.lb-join{margin-top:10px;padding-top:10px;border-top:1px solid rgba(130,140,160,.35);font-size:.92rem;line-height:1.6}
.lb-join p{margin:.3rem 0}
.lb-nick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:700;margin:.4rem 0}
.lb-nick input{width:min(100%,16em)}
.lb-link{display:inline-flex;align-items:center;text-decoration:none!important;margin-left:6px}
.lb-fine{margin:.5rem 0 0;font-size:.8rem;line-height:1.6;opacity:.85}
.lb-win-note{margin:.5rem 0 0;font-size:.9rem;font-weight:700}
@media print{.lb-panel,.lb-win-note{display:none!important}}