*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#333}.screen{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.screen.hidden{display:none}.container{text-align:center;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d}h1{color:#667eea;margin-bottom:20px;font-size:2.5em}p{margin-bottom:30px;font-size:1.2em;color:#666}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1em;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.model-status{margin-bottom:20px;padding:10px 20px;border-radius:8px;font-size:.95em;font-weight:500}.model-status.loading{background:#fff3e0;color:#f57c00}.model-status.ready{background:#e8f5e9;color:#2e7d32}.model-status.error{background:#ffebee;color:#c62828}.game-info{margin-bottom:20px}.player-info{display:flex;justify-content:space-around;margin-bottom:15px;font-size:1.2em}.player,.ai{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f5f5f5;border-radius:10px}#player-color,#ai-color{font-size:1.5em}.turn-indicator{font-size:1.1em;font-weight:700;padding:10px;border-radius:8px;background:#e3f2fd;color:#1976d2}.board{display:grid;grid-template-columns:repeat(8,60px);grid-template-rows:repeat(8,60px);gap:2px;background:#333;padding:2px;border-radius:8px;margin:0 auto;box-shadow:0 10px 30px #0000004d}.cell{width:60px;height:60px;background:#2d7a2d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;position:relative}.cell:hover{background:#3a8f3a}.cell.valid-move{background:#4da64d}.cell.valid-move:after{content:"";width:20px;height:20px;border-radius:50%;background:#ffffff4d;position:absolute}.piece{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 -2px 5px #0000004d;animation:placepiece .3s ease}@keyframes placepiece{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.piece.black{background:radial-gradient(circle at 30% 30%,#555,#000)}.piece.white{background:radial-gradient(circle at 30% 30%,#fff,#ddd)}.result{margin-top:30px;padding:30px;background:#f5f5f5;border-radius:15px}.result.hidden{display:none}.result h2{color:#667eea;margin-bottom:15px;font-size:2em}.result p{margin-bottom:20px;font-size:1.3em;color:#333}#result-message.win{color:#4caf50}#result-message.lose{color:#f44336}#result-message.draw{color:#ff9800}