/* 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}
.board-tab {box-sizing:border-box;min-height:40px;padding:4px 8px 6px;border:7px solid transparent;border-image:url('../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('../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}
@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-tabs{gap:4px}.board-tab{font-size:11px;min-height:36px;padding-inline:4px}.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}}