.bk-boardwrap{width:14rem;position:relative}.bk-board{aspect-ratio:1;border:3px solid var(--color-navy-950);background:var(--color-navy-950);border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.bk-sq{position:relative}.bk-light{background:var(--color-square-light)}.bk-dark{background:var(--color-square-dark)}.bk-focus{box-shadow:inset 0 0 0 3px var(--color-gold-500)}.bk-piece{z-index:2;position:absolute;inset:4%}.bk-dot{background:var(--color-gold-500);width:34%;height:34%;box-shadow:0 0 0 1.5px var(--color-gold-700);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bk-take{border:3px solid var(--color-gold-500);box-shadow:0 0 0 1px var(--color-gold-700);z-index:1;border-radius:50%;position:absolute;inset:8%}.bk-cross{z-index:1;position:absolute;inset:16%}.bk-cross svg{width:100%;height:100%}.bk-cross path{stroke:#8a2a2a;stroke-width:1.7px;stroke-linecap:round;fill:none}.bk-star{z-index:1;position:absolute;inset:12%}.bk-star svg{width:100%;height:100%;fill:var(--color-gold-500);stroke:var(--color-gold-700);stroke-width:.9px;stroke-linejoin:round}.bk-star-faded svg{fill:var(--color-sand);stroke:var(--color-ink-mute);opacity:.8}.bk-ring{border:3px solid var(--color-gold-500);box-shadow:0 0 0 1px var(--color-gold-700), inset 0 0 0 1px var(--color-gold-700);z-index:3;border-radius:50%;position:absolute;inset:3%}.bk-coords{padding-bottom:1.1rem;padding-left:1.1rem}.bk-files,.bk-ranks{color:var(--color-navy-800);letter-spacing:.05em;font-size:.66rem;font-weight:800;display:grid;position:absolute}.bk-files{text-align:center;grid-template-columns:repeat(8,1fr);align-items:end;height:1.1rem;bottom:0;left:1.1rem;right:0}.bk-ranks{text-align:center;grid-template-rows:repeat(8,1fr);align-items:center;width:1.1rem;top:0;bottom:1.1rem;left:0}