/* Island leaderboards (island-social.mjs, leaderboard-controls.mjs): Hashrate | Top Spenders
   tabs, the name search (social.css .social-search), the WL strip and line, and paging.
   Frames and buttons are the plaza leaderboard's (social.css) in the apricot palette. */
.board-tabs {display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none;margin:0 2px 8px}
/* The invite race's third tab (owner, 17 Oct 2026) shows only while the server names a race. Columns that may shrink below
   their words, Hashrate (one short word in every language) a little narrower: on a phone a long name wraps onto a second
   line, hyphenated in the game's language, instead of running out of the row (review, 17 Oct 2026). */
.board-tabs[data-count="3"] {grid-template-columns:minmax(0,.84fr) minmax(0,1.08fr) minmax(0,1.08fr)}
.board-tabs[data-count="3"] .board-tab {min-width:0;white-space:normal;overflow-wrap:break-word;hyphens:auto}
.board-tab {box-sizing:border-box;min-height:40px;padding:4px 8px 6px;border:7px solid transparent;border-image:url('/_a/b5a6bea5f9aa4d8c/preview/ui/frames/cream.svg') 12 fill stretch;background:none;color:#6b5444;font:700 13px/1.2 Pixeloid,monospace;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.board-tab:hover {color:#493127}
.board-tab[aria-selected=true] {border-image-source:url('/_a/b5a6bea5f9aa4d8c/preview/ui/frames/tile-blue.svg');border-image-slice:9 fill;color:#263b4a}
.board-tab:active {transform:translateY(1px)}
.island-social .board-search {margin-bottom:8px}
/* Top Spenders' WL strip (leaderboard-controls.mjs): the headline "Top N spenders get a WL spot" (N is the server's
   wl_spots) in the panel's reading size, and under it what it takes now, smaller. */
.board-wl {flex:none;margin:0 2px 8px;padding:7px 10px 8px;border:2px solid #d8a74e;background:#ffe7ae;box-shadow:inset 0 2px #fff4d2;color:#6c4518;font:700 11px/1.4 Pixeloid,monospace;text-align:center}
.board-wl-title {display:block;font:700 14px/1.3 Pixeloid,monospace;color:#5a3510}
.board-wl-title::before {content:'';display:inline-block;width:11px;height:11px;margin-right:8px;vertical-align:0;background:#e2a235;box-shadow:0 0 0 2px #fff4d2;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.board-wl-detail {display:block;margin-top:3px;font:400 11px/1.3 Pixeloid,monospace;color:#7a5220}
.board-wl-line {display:flex;align-items:center;gap:8px;margin:6px 2px;color:#a2661d;font:700 10px/1.2 Pixeloid,monospace;letter-spacing:.5px;white-space:nowrap}
.board-wl-line::before,.board-wl-line::after {content:'';flex:1;border-top:2px dashed #dca456}
.board-wl-line span {padding:3px 8px;border:2px solid #dca456;background:#fff1cf;border-radius:2px}
.island-board-row[data-wl=true] .leaderboard-rank {color:#a2661d}
.island-social .leaderboard-panel[data-board=spend] .leaderboard-hash {color:#6c4518}
.board-pager {margin:0 2px 8px}
.board-page {color:#6b5444;font-size:11px}
/* The invite race's strip (leaderboard-controls.mjs): "Invite race" and its clock, the rules line, the prizes by rank. */
.board-race {flex:none;margin:0 2px 8px;padding:7px 10px 8px;border:2px solid #7fa6c9;background:#e4f1ff;box-shadow:inset 0 2px #f6fbff;color:#263b4a;font:400 11px/1.4 Pixeloid,monospace;text-align:center}
.board-race-head {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;margin:0}
.board-race-title {font:700 14px/1.3 Pixeloid,monospace;color:#1f3d58}
.board-race-clock {font:700 11px/1.3 Pixeloid,monospace;color:#3d6488;font-variant-numeric:tabular-nums}
.board-race-rules {margin:4px 0 6px;color:#2d4d68}
.board-race-prizes {display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}
.board-race-prize {display:inline-flex;gap:4px;padding:2px 6px;border:2px solid #9cc0de;background:#f6fbff;color:#3d6488;font-size:10px}
.board-race-prize strong {color:#1f3d58}
.board-race-note {margin:5px 0 0;color:#557796;font-size:10px}
.island-board-mine-prize {grid-column:1/-1;justify-self:start;padding:2px 6px;border:2px solid #9cc0de;background:#e4f1ff;color:#1f3d58;font:700 10px/1.3 Pixeloid,monospace}
@media(min-width:1800px){.board-tab{font-size:15px;min-height:44px}.board-wl-title{font-size:16px}.board-wl-detail{font-size:12px}.board-wl-line{font-size:11px}.board-page{font-size:13px}}
@media(max-width:700px){.board-race{padding:6px 6px 7px}.board-race-title{font-size:13px}.board-race-rules{font-size:10px}.board-tabs{gap:4px}.board-tab{font-size:11px;min-height:36px;padding-inline:4px}.board-tabs[data-count="3"] .board-tab{padding-inline:2px;font-size:10px;line-height:1.1}.board-wl{padding:6px 6px 7px}.board-wl-title{font-size:13px}.board-wl-detail{font-size:10px}.board-wl-line{font-size:9px}}
@media(max-height:520px){.board-tabs{margin-bottom:5px}.board-tab{min-height:32px;padding-block:2px 4px}.board-wl{margin-bottom:5px;padding-block:3px}.island-social .board-search{margin-bottom:5px}.board-pager{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.board-tab:active{transform:none}}