.queens-board{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));width:min(100%,470px);aspect-ratio:1;margin:auto;border:2px solid #45644f;border-radius:6px;overflow:hidden}.queen-cell{padding:0;position:relative;aspect-ratio:1;border:0;border-right:1px solid #183e3540;border-bottom:1px solid #183e3540;display:grid;place-items:center;color:#183e35;min-width:0}.queen-cell.region-right{border-right:2px solid #45644f}.queen-cell.region-bottom{border-bottom:2px solid #45644f}.queen-cell svg{width:65%;height:65%;max-width:38px;max-height:38px}.queen-cell>span{font-size:clamp(18px,3vw,28px);opacity:.55}.queen-cell.selected{box-shadow:none}.queen-cell:focus-visible{outline:none}.queen-cell.queen-conflict,.queen-cell.check-error{color:#983d2b;background-color:#f2d6cf!important;box-shadow:none}.queen-counter{font-size:13px;color:#4d6659}.queen-modes{margin-top:24px}.queens-board+.board-caption{font-size:13px}#queens-status{font-size:14px;line-height:1.7;color:#4d6659;text-align:center}.region-guide{font-size:12px;color:#4d6659;line-height:1.7;margin-top:16px}

/* One shared overlay keeps every boundary centered on the grid. */
.queens-board-wrap{position:relative;width:min(100%,470px);margin:auto;aspect-ratio:1;border:2px solid #45644f;border-radius:6px;overflow:hidden}
.queens-board{width:100%;height:100%;border:0;border-radius:0;grid-template-rows:repeat(var(--size),minmax(0,1fr));gap:0;touch-action:none;user-select:none}
.queen-cell{aspect-ratio:auto;min-height:0;width:100%;height:100%;border:0!important;overflow:hidden;box-shadow:none}
.queens-lines{position:absolute;inset:0;pointer-events:none}
.queens-lines svg{display:block;width:100%;height:100%;fill:none}
.queen-cell.selected{box-shadow:none}
.queen-cell.queen-conflict,.queen-cell.check-error{background-color:#f2d6cf!important;box-shadow:none}
.queen-cell svg{display:block;width:65%;height:65%;flex-shrink:0}.queen-cell>span{line-height:1}

.queens-board.keyboard-navigation .queen-cell:focus{outline:2px dotted #183e35;outline-offset:-5px}
#queens-retry{display:block;margin:12px auto;padding:10px 20px;border:1px solid #62846b;border-radius:8px;background:#e1ebd7;color:#183e35}#queens-retry[hidden]{display:none}

.queens-board-wrap{border:0;overflow:visible}.queens-board{border-radius:6px;overflow:hidden}.queens-lines svg{overflow:visible}#queens-new-day{display:block;margin:16px auto;padding:12px 18px;border:1px solid #62846b;border-radius:8px;background:#e1ebd7;color:#183e35}#queens-new-day[hidden]{display:none}

.queen-cell>span{font-size:clamp(24px,4.5vw,38px);font-weight:600;line-height:1;color:#34523c;opacity:.85}