.board{grid-template-columns:17rem minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.25rem;display:grid}.board>*{min-width:0}.board .pick{flex-direction:column;gap:.6rem;max-height:calc(100vh - 5rem);display:flex;position:sticky;top:4.2rem}.board .find input{width:100%;font:inherit;border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--sheet);color:var(--ink);padding:.5rem .7rem;font-size:.9375rem}.board .secs{flex-wrap:wrap;gap:.3rem;display:flex}.board .secs button,.board .periods button,.board .ord button{font:inherit;border:1px solid var(--rule-2);background:var(--sheet);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:.3rem .65rem;font-size:.8125rem}.board .secs button.on,.board .periods button.on,.board .ord button.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.board .inds{border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--sheet);margin:0;padding:0;list-style:none;overflow-y:auto}.board .inds li+li{border-top:1px solid var(--rule)}.board .inds button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .7rem;font-size:.875rem;display:flex}.board .inds button small{color:var(--ink-3);white-space:nowrap;font-size:.75rem}.board .inds button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.board .inds button.on{background:var(--accent-wash);color:var(--accent-ink);font-weight:600}.board .vhead{gap:.3rem;display:grid}.board .vsec{color:var(--accent-ink);margin:0;font-size:.8125rem;font-weight:600}.board .vhead h2{margin:0;font-size:1.4rem}.board .periods{flex-wrap:wrap;gap:.3rem;margin-top:.2rem;display:flex}.board .periods .one{color:var(--ink-3);font-size:.8125rem}.board .nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.9rem;display:grid}.board .nums div{border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--sheet);gap:.1rem;min-width:0;padding:.6rem .7rem;display:grid}.board .nums .k{color:var(--ink-3);font-size:.75rem}.board .nums b{font-variant-numeric:tabular-nums;font-size:1.2rem}.board .nums small{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.board .mapwrap{margin-top:1rem;position:relative}.board [data-map]{width:100%;height:auto;max-height:72vh;display:block}.board [data-map] .shapes path{fill:color-mix(in srgb, var(--accent) var(--a,0%), var(--sheet));stroke:var(--sheet);stroke-width:.5px;cursor:pointer}.board [data-map] .shapes path.none{fill:color-mix(in srgb, var(--ink) 10%, var(--sheet))}.board [data-map] .shapes path.dim{fill:color-mix(in srgb, var(--ink) 5%, var(--sheet))}.board [data-map] .shapes path:hover{stroke:var(--ink);stroke-width:1.2px}.board [data-map] .outline path{fill:none;stroke:var(--ink-3);stroke-width:.7px;pointer-events:none}.board .info{border:1px solid var(--rule-2);border-radius:var(--radius);background:var(--sheet);gap:.1rem;padding:.6rem .75rem;font-size:.875rem;display:grid;position:absolute;top:.5rem;left:.5rem;box-shadow:0 4px 14px #00000014}.board .info b{font-size:.9375rem}.board .legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.board .legend button{width:100%;font:inherit;border:1px solid var(--rule-2);background:var(--sheet);color:var(--ink-2);cursor:pointer;text-align:left;border-radius:6px;justify-items:start;gap:.15rem;padding:.35rem .4rem;font-size:.75rem;display:grid}.board .legend button.on{border-color:var(--ink)}.board .legend i{background:color-mix(in srgb, var(--accent) var(--a), var(--sheet));border-radius:2px;width:100%;height:.5rem}.board .legend b{color:var(--ink);font-size:.75rem}.board .rankhead{justify-content:space-between;align-items:center;margin-top:1.4rem;display:flex}.board .rankhead h3{margin:0;font-size:1.05rem}.board .ord{gap:.3rem;display:flex}.board .rank{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.board .rank li{grid-template-columns:2rem 7.5rem minmax(0,1fr) 4.6rem;align-items:center;gap:.5rem;font-size:.875rem;display:grid}.board .rank .rk{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.board .rank a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .rank .bar{height:.6rem}.board .rank .bar i{background:var(--accent);border-radius:0 3px 3px 0;height:100%;display:block}.board .rank b{text-align:right;font-variant-numeric:tabular-nums}.board .more{margin-top:.8rem;font-size:.9375rem}@media (width<=52rem){.board{grid-template-columns:1fr}.board .pick{max-height:none;position:static}.board .inds{max-height:15rem}.board .legend{grid-template-columns:repeat(3,minmax(0,1fr))}.board .rank li{grid-template-columns:1.8rem 6.6rem minmax(0,1fr) 4.2rem}}