.board-page{background:url(/img/deepslate.webp?v=37bc098f37) 0 0 / 1024px 1024px;image-rendering:pixelated;padding:clamp(1.5rem,5vw,4rem) var(--gutter)}.board,.board-join{max-width:900px;margin:0 auto;image-rendering:auto}.board{padding:clamp(1.1rem,4vw,2.5rem);background:var(--panel);box-shadow:inset 6px 0 0 var(--coral),8px 8px #0006}.board-head h1{font-size:clamp(3rem,9vw,5rem);margin:0 0 .15em;color:var(--gold);text-shadow:0 5px 0 #a4562f,0 10px 0 #0005}.board-lead{max-width:38em;font-weight:500;color:var(--cream)}.board-crown-note{color:var(--muted)}.board-note{padding:.7rem .9rem;background:#0009;border-left:5px solid var(--coral);color:var(--muted)}.board-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:#000a;margin-top:1rem}.board-tab{min-height:56px;padding:.3rem .4rem;border:0;cursor:pointer;font:400 1.4rem var(--font-display);color:var(--cream);background:#5a5a5a;box-shadow:inset 0 0 0 3px #000,inset 4px 4px #8b8b8b,inset -4px -4px #373737}.board-tab:hover{background:#828282}.board-tab[aria-selected=true]{background:var(--gold);color:var(--ink);box-shadow:inset 0 0 0 3px #000,inset 4px 4px #fbe19b,inset -4px -4px #c9932c}html:not(.js) .board-tabs{display:none}.board-status{min-height:1.6em;margin:.8rem 0 0;color:var(--gold);font:400 1.25rem var(--font-display)}.board-status[data-state=error]{color:var(--coral-light)}.board-panels{margin-top:.4rem}.board-panel[hidden]{display:none}.board-panel h2{font-size:clamp(1.9rem,5vw,2.6rem);margin-bottom:.1em}.board-hint{margin:0 0 .9rem;color:var(--muted)}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.board-row,.board-empty{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:48px;padding:.25rem .8rem .25rem 0;background:#0b1a22;box-shadow:inset 0 0 0 3px #000,inset 4px 0 #2f4a58}.board-empty{display:block;padding:.8rem 1rem;color:var(--muted)}.board-rank{text-align:center;font:400 1.6rem var(--font-display);color:var(--muted)}.board-name{display:flex;align-items:center;gap:.4rem;min-width:0;font:400 1.5rem var(--font-display)}.board-player{min-width:0;overflow-wrap:anywhere}.board-crown{flex:none;display:inline-flex}.board-crown .pixel-icon{width:26px;height:26px}.board-value{font:400 1.35rem var(--font-display);color:var(--turquoise);text-align:right;white-space:nowrap}.board-top{min-height:62px}.board-top .board-rank,.board-top .board-name{font-size:1.9rem}.board-top .board-value{font-size:1.6rem}.board-top-1{background:#3a2c0c;box-shadow:inset 0 0 0 3px #000,inset 8px 0 0 var(--gold)}.board-top-1 .board-rank,.board-top-1 .board-name{color:var(--gold)}.board-top-2{background:#232b30;box-shadow:inset 0 0 0 3px #000,inset 8px 0 #cfd8dc}.board-top-2 .board-rank,.board-top-2 .board-name{color:#e3eaee}.board-top-3{background:#34200f;box-shadow:inset 0 0 0 3px #000,inset 8px 0 #c9632f}.board-top-3 .board-rank,.board-top-3 .board-name{color:#e8875a}.board-foot{margin-top:1.25rem}.board-join{margin-top:clamp(1.5rem,4vw,2.5rem);padding:clamp(1.1rem,4vw,2rem);background:var(--panel);box-shadow:inset 6px 0 0 var(--grass),8px 8px #0006}@media (max-width: 640px){.board-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.board-row{grid-template-columns:2.4rem minmax(0,1fr) auto;padding-right:.5rem}.board-name{font-size:1.3rem}.board-value{font-size:1.2rem}.board-top .board-rank,.board-top .board-name{font-size:1.6rem}.board-top .board-value{font-size:1.35rem}}