.reversi-board-container{display:flex;justify-content:center;margin:15px 0}.reversi-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;width:320px;height:320px;background:#154f15;border:4px solid #0d3f0d;border-radius:12px;padding:8px;box-shadow:0 4px 15px #0000004d;margin:0 auto}.reversi-cell{background:#228b22;border:1px solid #1e7e1e;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.reversi-cell:hover{background:#2fa02f;transform:scale(1.02);box-shadow:inset 0 0 0 2px #ffffff4d}.reversi-cell.not-player-turn{cursor:default}.reversi-cell.not-player-turn:hover{background:#228b22;transform:none;box-shadow:none}.reversi-stone{width:30px;height:30px;border-radius:50%;border:2px solid;box-shadow:0 2px 8px #0000004d;transition:all .4s ease;position:relative;overflow:hidden}.reversi-stone.black{background:radial-gradient(ellipse at 30% 30%,#4a5568,#2c3e50,#1a202c);border-color:#1a202c;box-shadow:inset 0 2px 4px #fff3 0 2px 8px #0006}.reversi-stone.white{background:radial-gradient(ellipse at 30% 30%,#fff,#f8f9fa,#e9ecef);border-color:#dee2e6;box-shadow:inset 0 2px 4px #0000001a 0 2px 8px #0003}.reversi-hint{width:20px;height:20px;border-radius:50%;background:#fff6;border:2px dashed #fff9;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%{opacity:.4;transform:scale(0.8)}50%{opacity:.8;transform:scale(1.1)}100%{opacity:.4;transform:scale(0.8)}}.reversi-stone.placing{animation:stonePlacing .5s ease}@keyframes stonePlacing{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(90deg);opacity:.8}100%{transform:scale(1) rotate(0deg);opacity:1}}.reversi-stone.flipping{animation:stoneFlipping .6s ease}@keyframes stoneFlipping{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg) scale(1.1)}100%{transform:rotateY(180deg)}}.cpu-thinking{padding:10px;margin:10px 0;background:#6c757d1a;border-radius:8px;border:1px dashed #6c757d}.reversi-stats{color:#667eea}.stat-number.reversi-stats{color:#667eea}.btn-outline-warning{transition:all .3s ease}.btn-outline-warning:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ffc10733}.reversi-board.win-effect{animation:reversiWinPulse 1.5s infinite}@keyframes reversiWinPulse{0%{transform:scale(1);box-shadow:0 4px 15px #0000004d}50%{transform:scale(1.02);box-shadow:0 6px 25px #28a74599 0 0 40px #28a74566}100%{transform:scale(1);box-shadow:0 4px 15px #0000004d}}.reversi-stone.last-move{box-shadow:0 0 0 3px #ffc107cc 0 2px 8px #0006;animation:lastMoveGlow 2s ease-out}@keyframes lastMoveGlow{0%{box-shadow:0 0 0 3px #ffc107ff 0 2px 12px #ffc10799}100%{box-shadow:0 0 0 3px #ffc107cc 0 2px 8px #0006}}.reversi-cell.valid-move{animation:validMovePulse 1.5s ease-in-out infinite}@keyframes validMovePulse{0%{background:#228b22}50%{background:#2fa02f;box-shadow:inset 0 0 0 1px #ffffff4d}100%{background:#228b22}}.reversi-board.game-over{opacity:.9;filter:brightness(0.95)}.reversi-board.game-over .reversi-cell{cursor:default}.reversi-board.game-over .reversi-cell:hover{background:#228b22;transform:none;box-shadow:none}@media (max-width: 768px){.reversi-board{width:320px;height:320px;padding:6px;gap:.5px}.reversi-stone{width:28px;height:28px}.reversi-hint{width:16px;height:16px}.cpu-thinking{padding:8px;margin:8px 0}.score-display{padding:8px 6px}.score-number{font-size:1.3rem}.score-label{font-size:.75rem}}@media (max-width: 480px){.reversi-board{width:320px;height:320px;padding:4px;border-width:3px}.reversi-stone{width:28px;height:28px;border-width:1px}.reversi-hint{width:14px;height:14px;border-width:1px}.cpu-thinking{padding:6px;margin:6px 0;font-size:.85rem}.reversi-board-container{margin:10px 0}.score-display{padding:6px 4px}.score-number{font-size:1.1rem}.score-label{font-size:.7rem}}