.lboard{--lb-accent:var(--board-accent,#5b8def);--lb-accent-ink:color-mix(in srgb, var(--lb-accent) 70%, var(--ink));--lb-on:var(--board-ink,#fff);border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 16px 14px;display:grid;box-shadow:0 2px 10px #14141308;container-type:inline-size}.lboard-dots{letter-spacing:.3em}.lboard-note,.lboard-empty,.lboard-mine{color:var(--ink-soft);margin:0;font-size:13px}.lboard-note{font-size:12.5px;line-height:1.45}.lboard-mine{color:var(--ink);font-weight:600}.lboard-report{font:500 11px var(--body);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline}.lboard-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.lboard h3{letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:19px;font-weight:800;line-height:1.25}.lboard-tabs button:focus-visible,.lboard-friend:focus-visible,.lboard-friend-btn:focus-visible,.lboard-dare:focus-visible,.lboard-friends-cta-btn:focus-visible,.lboard-add button:focus-visible,.lboard-add-friend-submit:focus-visible,.lboard-more>summary:focus-visible,.lboard-menu button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.lboard-count{background:var(--lb-accent);color:var(--lb-on);font:800 12px/1 var(--body);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 9px}.lboard-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.lboard-scroll{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(480px,62vh);overflow-y:auto}.lboard-list li,.lboard-row{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:30px 32px minmax(0,1fr) auto 32px;align-items:center;gap:0 12px;min-height:58px;padding:8px;display:grid}.lboard-list li:last-child{border-bottom-color:#0000}.lboard-who{gap:3px;min-width:0;display:grid}.lboard-handle,.lboard-name,.lboard-name-wrap{min-width:0;color:var(--ink,#1c1917);font:700 15px/1.3 var(--body);white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;display:block;overflow:visible}.lboard-name :is(.lboard-you,.lboard-pal){vertical-align:1px;margin-inline-start:8px}.lboard-result{white-space:nowrap;justify-items:end;gap:2px;display:grid}.lboard-meta{flex-wrap:wrap;align-items:baseline;gap:4px 6px;min-width:0;display:inline-flex}.lboard-meta>.lboard-move,.lboard-meta>.lboard-record{margin-inline-start:0}.lboard-gap{color:var(--ink-soft);font:600 12px/1.3 var(--body);font-variant-numeric:tabular-nums}.lboard-you,.lboard-you-pill{background:var(--lb-accent);color:var(--lb-on);font:800 10.5px/1.6 var(--body);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 8px;display:inline-block}.lboard-pal{border:1px solid var(--line-strong);color:var(--ink-soft);font:700 10.5px/1.6 var(--body);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:0 7px;display:inline-block}.lboard-more{position:relative}.lboard-more>summary{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border-radius:50%;place-items:center;list-style:none;display:grid}.lboard-more>summary::-webkit-details-marker{display:none}.lboard-more>summary:hover,.lboard-more[open]>summary{background:var(--mute);color:var(--ink)}.lboard-more svg{fill:currentColor;width:18px;height:18px}.lboard-menu{z-index:5;border:1px solid var(--line);background:var(--card);min-width:190px;box-shadow:var(--shadow-hi);border-radius:14px;padding:6px;display:grid;position:absolute;inset:calc(100% + 4px) 0 auto auto}.lboard-menu button{color:var(--ink);font:600 14px/1.2 var(--body);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;text-decoration:none}.lboard-menu button:hover{background:var(--mute)}.lboard-menu .lboard-report{color:#b42318}:root[data-theme=dark] .lboard-menu .lboard-report{color:#fda29b}.lboard-place{color:var(--ink-soft);font:700 13px/1 var(--body);font-variant-numeric:tabular-nums;place-items:center;display:grid}.lboard-score,.lboard-best,.lboard-score-col{font:800 15.5px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--ink,#1c1917)}.lboard-delta{color:var(--ink-soft);font:600 11.5px var(--body)}.lboard-avatar{background:color-mix(in srgb, var(--lb-accent) 16%, var(--card));width:30px;height:30px;color:var(--lb-accent-ink);font:800 13px/1 var(--body);border-radius:50%;place-items:center;display:grid}.lboard-acts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.lboard-acts:empty{display:none}.lboard-row:is(.podium-1,.podium-2,.podium-3),.lboard-list li[data-podium]{background:0 0}.lboard-medal{color:#1c1917;width:28px;height:28px;font:800 13px/1 var(--body);background:#e6e8ec;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -2px #0000001f}.lboard-row.podium-1 .lboard-medal{background:#f7c948}.lboard-row.podium-2 .lboard-medal{background:#d5d9e0}.lboard-row.podium-3 .lboard-medal{background:#e3a86f}.lboard-list li.mine,.lboard-row.is-me{background:color-mix(in srgb, var(--lb-accent) 12%, var(--card));color:var(--ink);box-shadow:none;border-bottom-color:#0000;border-radius:14px}.lboard-list li:has(+li.mine){border-bottom-color:#0000}.lboard-list li.mine .lboard-best,.lboard-row.is-me .lboard-best{color:var(--ink)}.lboard-me,.lboard-mine.lboard-me{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font:600 13.5px/1.35 var(--body);border-radius:14px;grid-template-columns:auto 30px minmax(0,1fr);align-items:center;gap:4px 10px;margin:2px 0 0;padding:10px 14px;display:grid}.lboard-me-rank{background:var(--lb-accent);min-width:34px;height:34px;color:var(--lb-on);font:800 13px/1 var(--body);border-radius:999px;place-items:center;padding:0 8px;display:grid}.lboard-me-label{min-width:0;color:var(--ink-soft);font:600 13px/1.35 var(--body);overflow-wrap:anywhere}.lboard-me-score{font:800 15px var(--body);color:var(--ink)}.lboard-friend,.lboard-friend-btn{border:1px solid var(--line-strong);background:var(--card);min-height:30px;color:var(--ink);font:700 12px/1 var(--body);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:4px 11px;display:inline-flex}.lboard-friend:hover,.lboard-friend-btn:hover{border-color:var(--lb-accent)}.lboard-friend[aria-pressed=true],.lboard-friend-btn[aria-pressed=true]{border-color:var(--lb-accent);background:var(--lb-accent);color:var(--lb-on)}.lboard-invite,.lboard-friends-cta{border:1px dashed var(--line-strong);background:var(--bg-elev);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:4px;padding:14px;display:grid}.lboard-invite p,.lboard-friends-cta-text{color:var(--ink);font:600 14px/1.4 var(--body);margin:0}.lboard-friends-cta-actions{flex-wrap:wrap;gap:8px;display:flex}.lboard-add,.lboard-add-friend-form{gap:8px;margin:0;display:flex}.lboard-add input,.lboard-add-friend-input{border:1px solid var(--line-strong);background:var(--card);min-width:0;min-height:42px;color:var(--ink);font:500 16px/1.2 var(--body);border-radius:999px;flex:1;padding:8px 14px}.lboard-add input::placeholder,.lboard-add-friend-input::placeholder{color:var(--ink-soft)}.lboard-add input:focus,.lboard-add-friend-input:focus{border-color:var(--lb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--lb-accent) 25%, transparent);outline:none}.lboard-add button,.lboard-add-friend-submit,.lboard-dare,.lboard-friends-cta-btn{border:1.5px solid var(--lb-accent);background:var(--lb-accent);min-height:42px;color:var(--lb-on);font:700 14px/1 var(--body);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.lboard-add button:disabled,.lboard-add-friend-submit:disabled{border-color:var(--mute);background:var(--mute);color:var(--ink-soft);cursor:default}.lboard-dare,.lboard-friends-cta-btn{border-color:var(--line-strong);background:var(--card);color:var(--ink);justify-self:start}.lboard-dare:hover,.lboard-friends-cta-btn:hover{border-color:var(--ink)}.lboard-move{background:var(--lime);color:var(--on-lime);font:800 11px/1.4 var(--mono);vertical-align:1px;animation:lboard-pop .5s var(--bounce) both;border-radius:999px;margin-inline-start:6px;padding:1px 6px;display:inline-block}.lboard-record{background:var(--ink);color:var(--on-ink);font:700 10.5px/1.45 var(--body);letter-spacing:.03em;text-transform:uppercase;vertical-align:1px;animation:lboard-pop .5s .1s var(--bounce) both;border-radius:999px;margin-inline-start:6px;padding:1px 7px;display:inline-block}.lboard-list li.mine .lboard-record,.lboard-row.is-me .lboard-record{background:var(--lime);color:var(--on-lime)}.lboard-list li[data-up],.lboard-list li[data-record]{animation:1.6s ease-out both lboard-glow}.lboard-list li[data-up]{animation-name:lboard-glow,lboard-rise;animation-duration:1.6s,.45s;animation-timing-function:ease-out, var(--bounce)}@keyframes lboard-glow{0%{background:color-mix(in srgb, var(--lime) 55%, transparent)}}@keyframes lboard-rise{0%{transform:translateY(14px)}}@keyframes lboard-pop{0%{opacity:0;transform:scale(.5)}}@media (prefers-reduced-motion:reduce){.lboard-live i,.lboard-week i,.lboard-live-dot,.lboard-move,.lboard-record,.lboard-list li[data-up],.lboard-list li[data-record]{animation:none}}.lboard-me .lboard-line{grid-column:3/-1;min-width:0}.gs .lboard h3{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gs .lboard-head{justify-content:flex-end}
