.score-panel{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:14px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:20px}
.score-side{display:flex;align-items:center;gap:9px}
.score-side.right{justify-content:flex-end;text-align:right}
.disc-mini{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}
.disc-mini.black{background:#080808}
.disc-mini.white{background:#f8fafc}
.score-value{font-size:1.25rem;font-weight:800}
.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);background:var(--board);border-radius:15px;overflow:hidden}
.cell{position:relative;border:0;border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);border-radius:0;background:transparent;padding:0;min-height:0}
.cell:disabled{opacity:1;cursor:default}
.cell:nth-child(8n){border-right:0}
.cell:nth-last-child(-n+8){border-bottom:0}
.disc{position:absolute;inset:12%;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.32),inset 0 1px 1px rgba(255,255,255,.18)}
.disc.black{background:#090909}
.disc.white{background:#f1f5f9}
.legal-dot{position:absolute;width:22%;aspect-ratio:1;left:39%;top:39%;border-radius:50%;background:rgba(255,255,255,.48)}
.legal-dot.hint-dot{width:28%;left:36%;top:36%;background:#facc15;box-shadow:0 0 0 4px rgba(250,204,21,.22),0 0 16px rgba(250,204,21,.85)}
.othello-result-disc{border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(0,0,0,.28)}
.othello-result-disc.black{background:#090909}
.othello-result-disc.white{background:#f8fafc}