#reversi-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;gap:2px;background:#153e36;border:9px solid #153e36;border-radius:12px;overflow:hidden;box-shadow:0 5px 0 #0e2b26}.rev-cell{position:relative;aspect-ratio:1;border:0;padding:0;background:#2a816c;min-width:0}.rev-cell:nth-child(even){background:#277862}.rev-cell.legal:after{content:'';position:absolute;width:15%;height:15%;left:42.5%;top:42.5%;border-radius:50%;background:#d4edb5}.rev-cell.legal:hover{background:#3a9b7d}.disc{display:inline-block;width:26px;height:26px;border-radius:50%;box-shadow:1px 3px 4px #0005;vertical-align:middle}.rev-cell .disc{position:absolute;inset:12%;height:76%;width:76%;pointer-events:none}.disc.dark{background:radial-gradient(circle at 35% 25%,#535b63,#151c21 70%);border:1px solid #12181c}.disc.light{background:radial-gradient(circle at 35% 25%,#fff,#e4e6dd 70%);border:1px solid #d0d5c9}.rev-cell.last{box-shadow:inset 0 0 0 3px #e9c778}.scoreboard{display:flex;gap:12px;margin:24px 0}.scoreboard>div{flex:1;border:1px solid #ccd5cf;padding:18px 12px;border-radius:10px;background:white}.scoreboard strong{display:block;font-size:32px;margin-top:12px}.scoreboard small{display:block;margin-top:8px}.rev-help{font-size:14px;line-height:1.6}.rev-controls .primary{background:#206c57;border-color:#154533}.rev-controls .share{display:block;margin-top:24px;text-align:center}
.rev-stats{margin:0 0 22px}.rev-stats h2{font-size:14px}.rev-stats>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rev-stats span{padding:10px;background:white;border:1px solid #ccd5cf;border-radius:8px;text-align:center}.rev-stats strong{display:block;font-size:25px;color:#206c57}.rev-stats small{font-size:12px}.rev-stats p{font-size:11px;color:#697184}