.bk-game{text-align:center}.bk-howto{text-align:center;font-weight:700;font-size:1.05rem;color:var(--fgs-ink-soft);margin:.4rem auto .9rem;max-width:56ch}.bk-board{display:flex;justify-content:safe center;overflow-x:auto;overflow-y:hidden;padding:.5rem .25rem .75rem;margin:0 auto;width:100%}.bk-board:empty{min-height:22rem}.bk-grid{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;min-width:46rem;background:var(--fgs-paper-2);border:3px solid var(--fgs-line);border-radius:var(--fgs-radius-lg);padding:.6rem}.bk-row{display:grid;grid-template-columns:repeat(6,1fr) 2.4rem repeat(6,1fr) 3.6rem;gap:.3rem}.bk-point{position:relative;display:flex;align-items:center;min-height:8.5rem;padding:.3rem .1rem;background:none;border:none;cursor:pointer}.bk-point:before{content:"";position:absolute;inset:0;z-index:0;background:var(--fgs-surface)}.bk-row-top .bk-point:before{clip-path:polygon(6% 0,94% 0,50% 88%)}.bk-row-bottom .bk-point:before{clip-path:polygon(6% 100%,94% 100%,50% 12%)}.bk-row-top .bk-point:nth-child(2n):before,.bk-row-bottom .bk-point:nth-child(2n):before{background:var(--fgs-accent-soft)}.bk-row-top .bk-point{flex-direction:column;justify-content:flex-start}.bk-row-bottom .bk-point{flex-direction:column-reverse;justify-content:flex-start}.bk-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.bk-row-bottom .bk-stack{flex-direction:column-reverse}.bk-checker{width:1.9rem;height:1.9rem;border-radius:50%;box-sizing:border-box;flex:none}.bk-checker.bk-p0{background:var(--fgs-surface);border:3px solid var(--fgs-ink)}.bk-checker.bk-p1{background:var(--fgs-ink);border:3px solid var(--fgs-ink)}.bk-more{position:relative;z-index:1;font-size:1rem;font-weight:800;color:var(--fgs-ink)}.bk-bar,.bk-bar-spacer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:var(--fgs-ink-soft);border:none;border-radius:4px;min-height:8.5rem;padding:.3rem 0;cursor:pointer}.bk-bar-spacer{cursor:default}.bk-bar .bk-stack{flex-direction:column;gap:.15rem}.bk-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:8.5rem;background:var(--fgs-surface);border:3px dashed var(--fgs-line);border-radius:var(--fgs-radius);cursor:default}.bk-off-0{cursor:pointer}.bk-off-count{font-size:1.4rem;font-weight:800;color:var(--fgs-ink)}.bk-point-source,.bk-bar.bk-point-source{outline:4px solid var(--fgs-accent);outline-offset:-4px}.bk-point-source:after{content:"●";position:absolute;top:.2rem;right:.3rem;z-index:2;color:var(--fgs-accent);font-size:.7rem}.bk-row-bottom .bk-point-source:after{top:auto;bottom:.2rem}.bk-point-selected{outline:4px solid var(--fgs-focus);outline-offset:-4px}.bk-point-dest,.bk-off.bk-point-dest{outline:4px dashed var(--fgs-good);outline-offset:-4px;background:var(--fgs-accent-soft)}.bk-point-dest:before{background:var(--fgs-accent-soft)!important}.bk-point-hint{outline:5px solid var(--fgs-hint)!important;outline-offset:-5px}.bk-pad{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem;margin:.9rem auto;min-height:4rem}.bk-dice-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.bk-die{display:grid;place-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:800;color:var(--fgs-ink);background:var(--fgs-surface);border:3px solid var(--fgs-ink);border-radius:8px}.bk-die-spent{color:var(--fgs-ink-soft);border-color:var(--fgs-line);background:var(--fgs-paper-2)}.bk-roll-btn{background:var(--fgs-good);border-color:var(--fgs-good);color:#fff}.bk-roll-btn:hover{filter:brightness(1.06)}.bk-status{text-align:center;font-size:1.15rem;font-weight:700;margin:.6rem auto 0;min-height:4rem;max-width:60ch;color:var(--fgs-ink)}.bk-tip{max-width:52ch;margin:1rem auto 0;padding:.6rem .9rem;text-align:center;font-size:1.05rem;font-weight:700;color:var(--fgs-ink-soft);background:var(--fgs-paper-2);border:2px dashed var(--fgs-line);border-radius:var(--fgs-radius)}.bk-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}.bk-actions .bk-hint-btn{background:var(--fgs-hint);border-color:var(--fgs-hint);color:#fff}.bk-actions .bk-hint-btn:hover{filter:brightness(1.06)}@media(max-width:480px){.bk-grid{min-width:40rem}.bk-point,.bk-bar,.bk-bar-spacer,.bk-off{min-height:7rem}.bk-checker{width:1.6rem;height:1.6rem}}@media(max-width:700px){body.game-page .bk-game{display:flex;flex-direction:column}body.game-page .bk-board{order:2}body.game-page .bk-pad{order:3}body.game-page .bk-actions{order:4}}