.bh-modes{flex-wrap:wrap;justify-content:center}.bh-board{aspect-ratio:800/450;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;width:min(100%,177.778dvh - 515.556px);min-width:min(100%,300px);margin:5px auto;position:relative;container-type:inline-size}.bh-board canvas{background:var(--board);border:3px solid var(--ink);outline:1.5px solid var(--ink);outline-offset:3px;border-radius:4px;width:100%;height:100%;display:block}.bh-overlay{cursor:default;gap:10px;padding:16px}.bh-overlay p{max-width:46ch;margin:0;font-size:15px}.bh-total{text-align:center;min-height:1.4em;font-size:12px;font-family:var(--f-mono);margin:0}.bh-levels{gap:10px;width:min(100%,560px);margin:0 auto;padding:0;list-style:none;display:grid}.bh-level{color:inherit;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.bh-level:hover,.bh-level:focus-visible{border-color:var(--accent)}.bh-num{background:var(--board);width:44px;height:44px;color:var(--bh-c);border:3px solid var(--bh-c);font-family:var(--f-display);border-radius:6px;flex:none;place-items:center;font-size:22px;display:grid}.bh-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bh-info b{font-family:var(--f-display);font-size:19px;font-weight:400}.bh-info small{font-size:12px}.bh-bars{font-family:var(--f-mono);align-items:center;gap:8px;display:flex}@container (max-width:440px){.bh-overlay{gap:6px;padding:8px}.bh-overlay .big{font-size:28px}.bh-overlay p{font-size:13px}.bh-overlay small,.bh-story{display:none}}@media (orientation:landscape) and (max-height:520px){.bh-board{width:min(100%,177.778dvh - 213.333px);min-width:0}.bh-total{display:none}}