.game-board{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:1rem;display:flex}.game-status{text-align:center;width:100%}.stone-count{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.stone-count-item{align-items:center;gap:.75rem;display:flex}.stone-count-item--reversed{flex-direction:row-reverse}.stone-count-divider{color:#999;padding:0 .5rem;font-size:1rem;font-weight:700}.stone-display{border-radius:50%;width:32px;height:32px;box-shadow:0 2px 4px #0000004d}.stone-display-black{background:radial-gradient(circle at 30% 30%,#4a4a4a,#000)}.stone-display-white{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border:1px solid #ccc}.board-grid{aspect-ratio:1;background-color:#1e3a0f;border-radius:8px;grid-template-columns:repeat(8,1fr);gap:2px;width:100%;max-width:480px;margin-top:.5rem;padding:4px;display:grid;box-shadow:0 4px 12px #00000040}.pass-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#06c755;border:none;border-radius:8px;min-width:200px;min-height:44px;margin-top:1rem;padding:12px 32px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #06c7554d}.pass-button:hover:not(:disabled){background-color:#05b34c;transform:translateY(-2px);box-shadow:0 4px 12px #06c75566}.pass-button:active:not(:disabled){background-color:#049c43;transform:translateY(0);box-shadow:0 2px 4px #06c7554d}.pass-button:disabled{color:#666;cursor:not-allowed;opacity:.6;box-shadow:none;background-color:#ccc;transform:none}.pass-button:focus-visible{outline-offset:2px;outline:3px solid #06c755}.board-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#4a9932;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.board-cell:hover:not(:disabled){background-color:#5cb043;transform:scale(1.02)}.board-cell:disabled{cursor:not-allowed;opacity:.9}.board-cell.valid-move{background-color:#5cb043;box-shadow:inset 0 0 0 2px #ffd7004d}.stone{border-radius:50%;width:80%;height:80%;animation:.3s cubic-bezier(.34,1.56,.64,1) placeStone;box-shadow:0 2px 4px #0000004d}.stone-black{background:radial-gradient(circle at 30% 30%,#4a4a4a,#000)}.stone-white{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0)}.valid-hint{background-color:#ffd700bf;border:3px solid #ffc107f2;border-radius:50%;width:40%;height:40%;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 12px #ffd700cc}@keyframes placeStone{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.game-result{text-align:center;width:100%;margin-top:1rem;padding:1.5rem;animation:.5s ease-in-out fadeIn}.game-finished-text{color:#059142}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reset-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#06c755;border:none;border-radius:8px;min-width:200px;padding:14px 32px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #06c7554d}.reset-button:hover{background-color:#05b34c;transform:translateY(-2px);box-shadow:0 4px 12px #06c75566}.reset-button:active{background-color:#049c43;transform:translateY(0);box-shadow:0 2px 4px #06c7554d}@media (max-width:640px){.game-board{gap:1rem;padding:.75rem}.board-grid{max-width:100%;padding:4px}.stone-count{gap:1rem;padding:.75rem}.stone-count-item span{font-size:1.5rem}.stone-display{width:28px;height:28px}.turn-indicator p{font-size:1.125rem}.turn-indicator .w-6{width:20px;height:20px}}@media (max-width:375px){.game-board{gap:.75rem;padding:.5rem}.board-grid{gap:1px;padding:2px}.stone-count{gap:.75rem;padding:.5rem}.stone-count-item span{font-size:1.25rem}.stone-display{width:24px;height:24px}}.board-cell[data-last-move]{transition:box-shadow .3s ease-in-out;box-shadow:inset 0 0 0 3px #1bfc06b3,0 0 12px #1bfc0680}@media (max-width:640px){.board-cell[data-last-move]{box-shadow:inset 0 0 0 2px #1bfc06b3,0 0 8px #1bfc0680}}@media (max-width:375px){.board-cell[data-last-move]{box-shadow:inset 0 0 0 2px #1bfc06b3,0 0 6px #1bfc0680}}