.select.svelte-xmv4d7{position:relative;display:inline-block;min-width:240px}.select-button.svelte-xmv4d7{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:var(--surface);color:var(--text);font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;text-shadow:1px 1px 0 #000;padding:10px 14px;cursor:pointer}.select-button.svelte-xmv4d7:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.select-button.open.svelte-xmv4d7,.select-button.svelte-xmv4d7:focus-visible{outline:none;box-shadow:inset 2px 2px 0 var(--bevel-dark),inset -2px -2px 0 var(--bevel-light)}.arrow.svelte-xmv4d7{width:10px;height:6px;flex-shrink:0;background:var(--accent);transition:transform .05s steps(1);clip-path:polygon(0% 0%,20% 0%,20% 20%,40% 20%,40% 40%,60% 40%,60% 20%,80% 20%,80% 0%,100% 0%,100% 40%,80% 40%,80% 60%,60% 60%,60% 80%,40% 80%,40% 60%,20% 60%,20% 40%,0% 40%)}.select-button.open.svelte-xmv4d7 .arrow:where(.svelte-xmv4d7){transform:scaleY(-1)}.select-list.svelte-xmv4d7{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;list-style:none;margin:0;padding:0;background:var(--surface);max-height:320px;overflow-y:auto}.select-list.svelte-xmv4d7 li:where(.svelte-xmv4d7){padding:11px 14px;font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:center;cursor:pointer;border-bottom:2px solid #000}.select-list.svelte-xmv4d7 li:where(.svelte-xmv4d7):last-child{border-bottom:none}.select-list.svelte-xmv4d7 li:where(.svelte-xmv4d7):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.select-list.svelte-xmv4d7 li.focused:where(.svelte-xmv4d7){background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.select-list.svelte-xmv4d7 li.active:where(.svelte-xmv4d7){background:var(--accent);color:#0c1620;text-shadow:none}.select-list.svelte-xmv4d7 li.active.focused:where(.svelte-xmv4d7){background:var(--accent-dim)}.page-head.svelte-c59208{text-align:center;padding-top:8vh;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:18px}h1.svelte-c59208{font-size:clamp(1.8rem,4vw,2.4rem);margin-top:10px}.demo-banner.svelte-c59208{margin-top:24px;margin-bottom:24px;font-size:.82rem;text-align:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:10px 14px}.demo-banner.svelte-c59208 code:where(.svelte-c59208){background:#0006;padding:1px 5px}.board.svelte-c59208{background:var(--surface);padding:6px;margin-bottom:28px}.row.svelte-c59208{display:grid;grid-template-columns:56px 24px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:2px solid #000;text-decoration:none;color:var(--text)}.row.svelte-c59208:last-child{border-bottom:none}.row.svelte-c59208:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.rank.svelte-c59208{font-family:var(--font-display);font-weight:700;color:var(--text-faint)}.rank.gold.svelte-c59208{color:#ffd23b;text-shadow:1px 1px 0 #000}.rank.silver.svelte-c59208{color:#cfd6de;text-shadow:1px 1px 0 #000}.rank.bronze.svelte-c59208{color:#d98a4a;text-shadow:1px 1px 0 #000}.avatar.svelte-c59208{image-rendering:pixelated}.name.svelte-c59208{font-weight:600}.value.svelte-c59208{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.pager.svelte-c59208{display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:10vh}.pager.svelte-c59208 button:where(.svelte-c59208){background:var(--surface);color:var(--text);padding:10px 16px;font-size:.85rem}.pager.svelte-c59208 button:where(.svelte-c59208):disabled{opacity:.4;cursor:not-allowed}.page-num.svelte-c59208{font-family:var(--font-display);color:var(--text-muted);font-size:.85rem}@media (max-width: 520px){.row.svelte-c59208{grid-template-columns:40px 20px 1fr auto;gap:8px;padding:8px}}