#page-game-black .board-container{width:100%;max-width:560px;margin:0 auto;aspect-ratio:1}#page-game-black .board-grid{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(8, 1fr);width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}#page-game-black .cell-wrapper,#page-game-black .cell-inner{width:100%;height:100%}#page-game-black .othello-cell{cursor:default;width:100%;height:100%;background-color:#dcc39e;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;position:relative}#page-game-black .othello-cell.is-valid{cursor:pointer}#page-game-black .othello-cell__hint{width:28%;height:28%;border-radius:50%;z-index:1;pointer-events:none}#page-game-black .othello-cell__hint.is-white{outline:2px dashed hsla(0,0%,100%,.6)}#page-game-black .othello-cell__hint.is-black{outline:2px dashed rgba(0,0,0,.6)}#page-game-black .othello-disc{width:80%;height:80%;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.4);z-index:2}#page-game-black .othello-disc.othello-disc--black{background:#222;background:radial-gradient(circle at 35% 35%, #666, #000)}#page-game-black .othello-disc.othello-disc--white{background:#fff;background:radial-gradient(circle at 35% 35%, #eee, #ddd)}