*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#1a1a1a;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{text-align:center;width:100%;max-width:400px}h1{font-size:2rem;margin-bottom:20px;color:gold}.score-board{display:flex;justify-content:space-around;margin-bottom:20px;font-size:1.2rem}.score{padding:10px 20px;background:#333;border-radius:8px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px auto;max-width:300px}.cell{aspect-ratio:1;background:#2a2a2a;border:2px solid #444;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-height:80px}.cell:hover:not(.taken){background:#3a3a3a;transform:scale(1.05)}.cell.taken{cursor:not-allowed}.cell.six{color:#ff6b6b}.cell.seven{color:#4ecdc4}.status{font-size:1.2rem;margin:20px 0;padding:15px;background:#333;border-radius:8px;min-height:50px;display:flex;align-items:center;justify-content:center}.reset-btn{background:#ffd700;color:#1a1a1a;border:none;padding:12px 30px;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#ffed4e;transform:scale(1.05)}.winner{animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 480px){h1{font-size:1.5rem}.cell{font-size:2rem;min-height:70px}.score-board{font-size:1rem}}