/* Reversi-only presentation. Native cells, rules and accessible labels remain authoritative. */
.logic-reversi-board {
 background:#164737 url('../../assets/card-table/emerald-table-v1.webp') center/cover;
 border:5px solid #ad8b4d;border-radius:12px;box-shadow:0 4px 0 #493820,0 8px 18px #0005,inset 0 0 20px #001b18;
 box-sizing:border-box;gap:2px;padding:5px;
}
.logic-reversi-board .logic-cell {
 position:relative;min-width:0;min-height:0;padding:0;border-radius:3px;
 background:linear-gradient(135deg,#28674f88,#103c32aa);border:1px solid #b7c19a26;
 transform:none;box-shadow:inset 0 1px 3px #001c2244;
}
.logic-reversi-board .logic-cell:hover {transform:none;background:#3c8163;}
.logic-reversi-board .logic-cell:focus-visible {outline:2px solid #fff3ac;outline-offset:-3px;}
.logic-reversi-board .logic-cell.legal {box-shadow:inset 0 0 0 2px #e4c47e;}
.logic-reversi-board .logic-cell.legal::after {content:'';width:20%;aspect-ratio:1;border-radius:50%;background:#f1d79d;pointer-events:none;}
.logic-reversi-board .disc {
 position:absolute;inset:12%;width:auto;height:auto;box-sizing:border-box;border-radius:50%;
 pointer-events:none;border:1px solid #ffffff38;
}
.logic-reversi-board .black .disc {background:radial-gradient(circle at 32% 23%,#64737d 0%,#23343d 27%,#081216 68%);box-shadow:inset 0 -3px 1px #000,0 3px 4px #0009;}
.logic-reversi-board .white .disc {background:radial-gradient(circle at 32% 23%,#fffefa 0%,#f7ecd3 40%,#b7ab91 95%);box-shadow:inset 0 -3px 1px #8e846e,0 3px 4px #0008;}
@media(orientation:landscape) and (max-height:430px){.logic-reversi-board{border-width:3px;padding:3px;gap:1px;}}