:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100vw;background:linear-gradient(135deg,#1e3c72,#2a5298);overflow-x:hidden}#app{max-width:1280px;width:100%;margin:0 auto;padding:.5rem;text-align:center}@media (min-width: 768px){#app{padding:1.5rem}}.game-container{display:flex;flex-direction:column;align-items:center;gap:12px}@media (min-width: 768px){.game-container{gap:16px}}h1{font-size:2em;line-height:1.1;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (min-width: 768px){h1{font-size:2.5em}}.game-info{display:flex;flex-direction:column;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;min-height:70px}@media (min-width: 768px){.game-info{flex-direction:row;gap:16px}}#game-status{font-size:1em;font-weight:600;color:#fff;padding:8px 15px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:160px;min-height:45px;display:flex;align-items:center;justify-content:center;text-align:center}@media (min-width: 768px){#game-status{font-size:1.2em;padding:10px 20px;min-width:180px;min-height:55px}}#game-status.no-game{background:transparent;border:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 20px}#game-status.game-over{background:#ffd70033;border-color:#ffd70080;color:gold;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reset-button{padding:8px 16px;font-size:.85em;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}@media (min-width: 768px){.reset-button{padding:10px 20px;font-size:.9em}}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.reset-button:active{transform:translateY(0)}.board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:0;background:#deb887;padding:8px;border-radius:8px;box-shadow:0 6px 20px #0000004d;border:2px solid #654321;position:relative;width:calc(100vw - 3rem);max-width:350px;aspect-ratio:1;margin:0 auto;overflow:hidden}@media (min-width: 375px){.board{max-width:340px;width:calc(100vw - 2.5rem)}}@media (min-width: 480px){.board{padding:12px;border-radius:10px;max-width:420px;width:calc(100vw - 4rem)}}@media (min-width: 768px){.board{padding:15px;border-radius:12px;border:3px solid #654321;max-width:480px;width:calc(100vw - 6rem)}}@media (min-width: 1024px){.board{padding:18px;border-radius:15px;max-width:520px;width:min(calc(100vw - 8rem),520px)}}@media (min-width: 1200px){.board{max-width:560px;width:min(calc(100vw - 10rem),560px)}}@media (min-width: 768px) and (max-height: 900px){.game-container{gap:10px}h1{font-size:2.2em}.board{max-width:450px}}@media (min-width: 1024px) and (max-height: 900px){.board{max-width:480px}}.cell{background:#deb887;border:1px solid #8B4513;cursor:pointer;position:relative;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin:-1px 0 0 -1px}.cell:hover{background:#e6c794}.cell.stone{cursor:default}.cell.stone:hover{background:#deb887}.cell.stone.black:before{content:"";width:80%;height:80%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#555,#000);box-shadow:inset -2px -2px 4px #ffffff1a,2px 2px 6px #0006}.cell.stone.white:before{content:"";width:80%;height:80%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);box-shadow:inset -2px -2px 4px #0000001a,2px 2px 6px #0003}.cell.center-marker:after{content:"";position:absolute;top:50%;left:50%;width:25%;height:25%;background:#8b4513;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #0000004d,inset 0 0 2px #fff3;z-index:1}.cell.center-marker.stone:after{display:none}.cell.winning-stone{position:relative;z-index:10}.cell.winning-stone.stone.black:before{animation:winningStoneGlow 1.5s ease-in-out infinite;box-shadow:inset -2px -2px 4px #ffffff1a,2px 2px 6px #0006,0 0 20px #ffd700cc,0 0 40px #ffd70066}.cell.winning-stone.stone.white:before{animation:winningStoneGlow 1.5s ease-in-out infinite;box-shadow:inset -2px -2px 4px #0000001a,2px 2px 6px #0003,0 0 20px #ffd700cc,0 0 40px #ffd70066}.cell.last-move{position:relative;z-index:5}.cell.last-move:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:#f44;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #f44c,inset 0 0 4px #ffffff4d;animation:lastMovePulse 2s ease-in-out infinite;z-index:1;pointer-events:none}.cell.winning-stone.last-move:after{display:none}@keyframes winningStoneGlow{0%,to{transform:scale(1);box-shadow:inset -2px -2px 4px #ffffff1a,2px 2px 6px #0006,0 0 20px #ffd700cc,0 0 40px #ffd70066}50%{transform:scale(1.1);box-shadow:inset -2px -2px 4px #ffffff1a,2px 2px 6px #0006,0 0 30px gold,0 0 60px #ffd70099}}@keyframes lastMovePulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.player-selector{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:8px 0;padding:8px 10px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:100%}@media (min-width: 480px){.player-selector{gap:10px;padding:12px 16px}}@media (min-width: 768px){.player-selector{gap:12px}}.player-selector label{font-weight:600;color:#fff;font-size:.75em;text-align:center;white-space:nowrap}@media (min-width: 768px){.player-selector label{font-size:1em}}.player-selector select{padding:4px 6px;border:2px solid #4a90e2;border-radius:4px;font-size:.7em;font-weight:500;background:#fff;color:#333;transition:all .3s ease;min-width:80px;cursor:pointer}@media (min-width: 768px){.player-selector select{padding:8px 12px;font-size:.9em;min-width:130px;border-radius:6px}}.player-selector select:hover:not(:disabled){border-color:#357abd;box-shadow:0 0 8px #4a90e24d}.player-selector select:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.start-button{padding:6px 12px;background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;border-radius:4px;font-size:.7em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}@media (min-width: 768px){.start-button{padding:10px 20px;font-size:.9em;border-radius:6px}}.start-button:hover{background:linear-gradient(45deg,#218838,#1da57a);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.start-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.progress-container{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:180px}@media (min-width: 768px){.progress-container{gap:8px;min-width:200px}}.progress-text{font-size:.9em;font-weight:600;color:#fff;text-align:center}@media (min-width: 768px){.progress-text{font-size:1em}}.progress-bar{width:180px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.3);position:relative}@media (min-width: 768px){.progress-bar{width:200px;height:10px;border-radius:5px}}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#8bc34a);width:0%;transition:width .15s ease-out;border-radius:4px;box-shadow:0 0 15px #4caf5099;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 4px 4px 0}.progress-fill.animated{animation:progressPulse .8s ease-in-out infinite alternate}@keyframes progressPulse{0%{box-shadow:0 0 15px #4caf5099;filter:brightness(1)}to{box-shadow:0 0 25px #4caf50e6;filter:brightness(1.1)}}.board.disabled{opacity:.6;filter:grayscale(.7);pointer-events:none;background:#c4a484;border-color:#8b7355}.board.disabled .cell{background:#c4a484;border-color:#8b7355;cursor:not-allowed}.board.disabled .cell:hover{background:#c4a484}.board.disabled:after{content:"Select settings and click 'Start Game'";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px 15px;border-radius:8px;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;z-index:10;box-shadow:0 4px 15px #0000004d;max-width:90%}@media (min-width: 480px){.board.disabled:after{content:"Select your settings and click 'Start Game' to begin";padding:12px 20px;border-radius:10px;font-size:14px}}@media (min-width: 768px){.board.disabled:after{padding:15px 25px;font-size:16px}}@media (max-width: 768px){.progress-container{min-width:180px}.progress-bar{width:160px;height:8px}.progress-text{font-size:1em}.game-info{min-height:70px}#game-status{min-width:180px;min-height:50px}}@media (max-width: 480px){.progress-container{min-width:140px}.progress-bar{width:120px;height:6px}.progress-text{font-size:.9em}.game-info{min-height:60px}#game-status{min-width:140px;min-height:45px;font-size:1.3em}}#move-now-btn:disabled{opacity:.45;cursor:default;pointer-events:none}