.qd-board { display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px; width: min(94vw, 360px); margin: 10px auto; aspect-ratio: 1 / 1; }
.qcell { background: #e9eef5; border-radius: 4px; position: relative; cursor: pointer; }
.qcell.you::after { content: "●"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #2f6fe0; font-size: 22px; }
.qcell.ai::after { content: "●"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #e23b3b; font-size: 22px; }
.qcell.goal-you { box-shadow: inset 0 0 0 3px #2f6fe08a; }
.qcell.goal-ai { box-shadow: inset 0 0 0 3px #e23b3b8a; }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin: 8px 0; }