:root{--bg-color: #1a1a2e;--board-bg: #e6c280;--desert-color: #f4d03f;--meadow-color: #58d68d;--oasis-color: #3498db;--grid-line: #b08d57;--player1-color: #e74c3c;--player2-color: #9b59b6;--text-color: #ecf0f1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh}#app{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;padding:10px}header{text-align:center}h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(45deg,#f1c40f,#e67e22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}main{width:100%;display:flex;justify-content:center}.status-bar{font-size:1.2rem;padding:10px 20px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:2px;width:100%;max-width:100%;aspect-ratio:1;background-color:var(--grid-line);padding:4px;border-radius:8px;box-shadow:0 10px 30px #00000080;position:relative}.cell{width:100%;height:100%;background-color:var(--desert-color);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .2s,background-color .2s}.cell:hover{filter:brightness(1.1)}.cell.meadow{background-color:var(--meadow-color)}.cell.oasis{background-color:var(--oasis-color)}.piece{width:calc(100% / 11 - 4px);height:calc(100% / 11 - 4px);border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 4px 8px #0000004d;transition:top .4s ease-in-out,left .4s ease-in-out,transform .2s,box-shadow .2s;pointer-events:none;z-index:10}.piece.player1{background:radial-gradient(circle at 35% 30%,#ff9f9a,#ff7675 40%,var(--player1-color) 70%,#a93226);border:2px solid #c0392b;box-shadow:0 4px 8px #00000059,inset 0 2px 4px #ffffff40,inset 0 -2px 6px #00000026}.piece.player2{background:radial-gradient(circle at 35% 30%,#d2b4f5,#a29bfe 40%,var(--player2-color) 70%,#6c3483);border:2px solid #8e44ad;box-shadow:0 4px 8px #00000059,inset 0 2px 4px #ffffff40,inset 0 -2px 6px #00000026}.piece.selected{transform:scale(1.1);box-shadow:0 0 15px #fffc;border-color:#fff}.cell.highlight-slide:after,.cell.highlight-lshape:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;opacity:.7}.cell.highlight-slide:after{background-color:#2ecc71cc}.cell.highlight-lshape:after{background-color:#e67e22e6}.controls{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:14px}.controls-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.control-block{display:flex;flex-direction:column;align-items:center;gap:6px}.control-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ecf0f166}.segment-group{display:flex;background:#00000040;border-radius:10px;padding:3px;gap:2px;border:1px solid rgba(255,255,255,.06)}.seg-btn{padding:7px 12px;font-size:.78rem;font-family:inherit;font-weight:500;color:#ecf0f18c;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.3}.seg-btn:hover{color:#ecf0f1d9;background:#ffffff0f}.seg-btn.active{color:#fff;background:#3498db8c;box-shadow:0 2px 8px #3498db40;font-weight:600}.controls>button{padding:10px 28px;font-size:.9rem;font-weight:600;font-family:inherit;letter-spacing:.03em;background:linear-gradient(135deg,#2980b9,#3498db);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 2px 10px #2980b94d}.controls>button:hover{filter:brightness(1.15);box-shadow:0 4px 16px #2980b973;transform:translateY(-1px)}.controls>button:active{transform:translateY(0);box-shadow:0 1px 4px #2980b94d}#replay-controls{display:flex;align-items:center;justify-content:center;gap:15px;background:#ffffff0d;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-top:10px}#replay-controls.hidden{display:none}#replay-controls button{padding:8px 15px;font-size:1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}#replay-controls button:hover{background-color:#34495e}#exit-replay-btn{background-color:#e74c3c!important}#exit-replay-btn:hover{background-color:#c0392b!important}#replay-status{font-weight:700;font-size:1.1rem;min-width:60px;text-align:center;color:#f1c40f}.range-slider{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:4px;outline:none;margin-top:5px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3498db;cursor:pointer;box-shadow:0 0 5px #3498db99;transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3498db;cursor:pointer;box-shadow:0 0 5px #3498db99;border:none;transition:transform .1s}.range-slider::-moz-range-thumb:hover{transform:scale(1.2)}#ai-power-value{color:#f1c40f;font-weight:700}#ai-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a2ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;border-radius:8px}#ai-loading-overlay.hidden{display:none}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.2);border-top-color:#f1c40f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text p{font-size:1.2rem;font-weight:700;color:#ecf0f1;text-align:center;margin-bottom:5px}.loading-text small{color:#bdc3c7;display:block;text-align:center}